:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(48,48,48);
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(17,39,115);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 800;
	--wd-entities-title-color: rgb(17,39,115);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Itc-avant-garde-gothic-pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(17,39,115);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(17,39,115);
	--wd-alternative-color: rgb(0,146,71);
	--btn-default-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(0,146,71);
	--btn-default-bgcolor-hover: rgb(174,210,26);
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-bgcolor: rgb(0,146,71);
	--btn-accented-bgcolor-hover: rgb(174,210,26);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,146,71);
	--wd-link-color-hover: rgb(17,39,115);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 230px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
nav-link-text {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-transform: none;
}
nav-link-text:hover {
	color: rgb(221,51,51);
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-transform: none;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu  > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a:hover {
	color: rgb(221,51,51);
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-transform: none;
	color: rgb(0,0,0);
}
html .wd-product .price {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 32px;
	color: rgb(17,39,115);
}
html .product.wd-product del {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 32px;
	color: rgb(67,128,71);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,250,250);
	background-image: none;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 48px;
	--wd-arrow-icon-size: 24px;
	--wd-arrow-color: rgb(17,39,115);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-bg: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(17,39,115);
	--wd-arrow-radius: 300px;
	--wd-arrow-brd-color: rgb(255,255,255);
	--wd-arrow-brd: 1px solid;
	--wd-arrow-shadow: 3px 3px 32px 0px rgba(17,39,115,0.17);
}
.wd .product-label.new {
	color: rgb(255,255,255);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgba(167,167,167,0);
	color: rgb(0,0,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 250px;
	--wd-thumbs-height: 705px;
}

@media (max-width: 1024px) {
	.woocommerce-product-gallery.thumbs-position-left {
		--wd-thumbs-width: 100%;
	--wd-thumbs-height: 200px;
	}

}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery.thumbs-position-left {
		--wd-thumbs-width: 100%;
	--wd-thumbs-height: 200px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.product-image-link, .hover-img img {
    border: 0px solid rgba(255, 255, 255, 0) !Important;
}

.article-inner {
 margin-top:64px;
}

.btn.btn-style-semi-round {
    border-radius: 0px !Important;
}

.wd-pf-dropdown a {
    color: #18335b !Important;
}

.wd-pf-title span {
    color:  #fff !Important;
}

.wd-dropdown {
     background-color: #fff !Important;
}

.wcf-filter {
    margin-bottom: 10px;
}

.wcf-filter .wcf-filter-title {
    align-items: center;
    color: #01793C;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}

.woocommerce-product-gallery__wrapper .wd-btn-arrow {
    width: 40px !Important;
    height: 40px !Important;
}

.owl-dots .owl-dot span {
    border: none !Important;
    background-color: rgba(255,255,255,0.3) !Important;
}

.owl-dots .owl-dot.active span {
    border: none !Important;
    background-color: rgba(255,255,255,1) !Important;
}

.owl-prev {
    color: #112773 !Important;
    background-color: #fff  !Important;
    border-radius: 80px !Important;

}

.owl-next {
    color: #112773 !Important;
    background-color: #fff  !Important;
    border-radius: 80px !Important;
}

.hero {
   text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

.super-form {
    padding: 20px !Important;
}

.finance, .wd-popup {
padding:0px !Important;
}

.wd-search-full-screen .searchform {
     --wd-form-placeholder-color: #a7a7a7 !Important;
}

.wd-nav-mobile li a {
    min-height: 40px;
}

.wd-side-hidden {
    background-color: #112773;
}

.wd-nav-mobile li:active > a, .wd-nav-mobile li.opener-page > a {
    background-color: #a7a7a7 !important;
}

.wd-nav-mobile li.current-menu-item > a {
    color: #a5c04b !important;
}

.wd-close-side {
    background-color: rgba(0,0,0,0.8) !important;
}

.product-label.attribute-label:not(.label-with-img) {
    background-color: #a7a7a7;
    color: #fff;
}

.autocomplete-suggestion .suggestion-thumb img {
    background-color: #fff;
}

.wd-search-full-screen {
    background-color: #112773 !Important;
}

.wd-search-full-screen .autocomplete-suggestions {
    background-color: #a7a7a7 !Important;
}

.wd-search-requests ul a {
    background-color: #a5c04b;
    color: #fff;
	  border: 1px solid #fff;
}

.wd-search-requests ul a:hover {
    background-color: #fff;
    color: #214d73;
	  border: 1px solid #fff;
}

.view-all-results:hover {
    background-color: #214d73;
}

.wd-search-full-screen .searchform input[type="text"] {
    color: #112773;
}

.wd-fs-menu  {
    background-color: rgba(33,77,115,0.95) !Important;
}

.wd-nav > li > a .wd-nav-icon {
    color: rgb(255,255,255) !Important;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text {
    font-size: 18px;
	 text-transform: none;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text::after {
     background-color: #a5c04b;
}

.wd-nav-fs > li > a {
    padding-top: 10px !Important;
    padding-bottom: 5px !Important;
}

.woocommerce-product-gallery .owl-nav > div.disabled {
  color: #112773;
}

.scrollToTop {
    background-color: #112773;
    color: #fff;
}

/* To hide the additional information tab */
li.additional_information_tab {
    display: none !important;
}

.product-grid-item .product-wrapper {
    background-color: #fff;
}

.wd-active-filters {
    background-color: white;
	  padding: 10px 25px;
	  border-radius:25px;
	  box-shadow: 0 3px 10px rgba(0,0,0,0.16) !Important;
}

.product-label.attribute-label:not(.label-with-img) {
    background-color: transparent;
}

.wd-nav-sticky > li:is(.wd-opened, :hover) > a {
    color: #fff !Important;
    background-color: #a5c04b;
}

.wd-sub-menu li > a {
    font-size: 20px;
}

.wd-dropdown-menu.wd-design-default {
    --wd-dropdown-width: 350px;
}

.wd-sticky-nav {
	z-index: 999 !Important;
}

.woocommerce-breadcrumb {
color: #fff !Important;
	font-weight:400 !Important;
}

.woocommerce-breadcrumb a {
color: #fff !Important;
	font-weight:400 !Important;
}

.woocommerce-breadcrumb a:hover {
color: rgb(165,192,75) !Important;
}

.super-form * {
	font-family: "Itc-avant-garde-gothic-pro", Arial, Helvetica, sans-serif !Important;
}

.blog-design-masonry .post-title {
    height: 70px;
}

.aticle-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.autocomplete-suggestion .yith-wcbm-badge.yith-wcbm-badge-image-uploaded img {
 display:none;
}

.searchform {
    background-color: #fff;
}

.searchform input::placeholder {
    padding: 0px 10px;
}

.wd-nav-vertical > li {
	  padding: 5px 0px;
}

.wd-nav-vertical > li:hover {
    background-color: rgba(0,0,0,0.05);
	  color: #fff;
	  transition: 1 ease-in-out;
}

.wd-sticky-nav:is(:hover, .wd-opened) .wd-sticky-nav-title span, .wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky > li > a::after, .wd-sticky-nav:is(:hover, .wd-opened) .wd-nav-sticky > li > a .nav-link-text {
    font-weight: 400;
    transition: opacity .25s ease .12s;
    font-size: 20px;
}

.wd-tabs-title {
text-transform:capitalize !Important;
}

.wd-sticky-nav-title {
    background: #fff !important;
    color: rgb(33,77,115) !important;
}

.wd-sticky-nav:is(:hover, .wd-opened) {
    width: 375px !important;
}

.widget_price_filter [class*="price_slider_amount"] .button {
    padding: 5px 25px;
    font-size: 16px;
    color: #fff;
    background-color: rgb(33,77,115);
    text-transform: none;
}

.widget_price_filter [class*="price_slider_amount"] .button:hover {
    background-color: rgb(33,77,115);
}

.widget {
    border-bottom: 1px solid #fff;
}

.wd-shop-result-count .woocommerce-result-count {
    font-size: 20px;
}

.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner {
    padding-top: 0px;
}

.shadw:hover {
    box-shadow:  3px 3px 50px -3px rgba(0,0,0,0.1);
    transition: 0.25 linear;
	  background-color: rgba(255,255,255,0.2);
	  border-radius:10px;
}

.wd-shop-filters-area .filters-area {
    border-radius: 20px;
    background-color: white;
    padding: 32px;
	  border: 2px solid rgb(33,77,115);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);
}

.products .elements-grid .wd-entities-title {
    height: 10px;
    text-overflow: ellipsis;
	  overflow:hidden;
}

.whb-header-bottom .container .whb-flex-row{
    flex-direction: row-reverse;
}

.main-page-wrapper {
    padding-top: 0px;
}

body .select2-container--default .select2-selection {
    border: 2px solid rgb(33,77,115);
	  color: #fff;
}

.wpb_column.wd-side-hidden {
    background-color: rgb(33,77,115);
}

.wd-hover-icons .wd-buttons {
    display: none !important;
}

.wd-prefooter {
    padding-bottom: 0px !important;
}

.product-image-link, .hover-img img {
    border: 1px solid white !Important;
}

.wd-hover-icons:hover .wrapp-buttons {
    visibility: hidden;
}

.product-element-top {
    overflow: visible !Important;
}

.wd-products-with-shadow:not(.products-bordered-grid) .product-wrapper, .wd-products-with-shadow.products-bordered-grid > .product-grid-item, .wd-products-with-shadow.products-bordered-grid .owl-stage-outer, .wd-products-with-shadow.products-bordered-grid .wd-owl:not(.owl-loaded), .wd-products-with-shadow.elements-list.products-bordered-grid {
	 padding: 0px 0px 15px 0px !Important;
	 box-shadow: 0 3px 30px rgba(0,0,0,0.16) !Important;
}

.products[class*="wd-stretch-cont"] .product-element-bottom {
    padding-left:15px;
	  padding-bottom:25px;
}

.product-labels.labels-rounded .product-label {
    min-height: 10px !Important;
	  font-weight: 600 !Important;
	  font-size: 12px !Important;
	  Text-transform: none !Important;
	  background-color: transparent;
	  color:#313131 !Important;
}

.products[class*="wd-stretch-cont"] .product-element-bottom {
    text-align: left;
}

.product_meta .meta-label {
    display: none;
}

.product_meta a {
    color: #fff;
    font-size: 24px;
}

.woocommerce-product-gallery .product-labels.labels-rounded .product-label {
    display: none;
}

.vc_tta.vc_tta-style-modern .vc_tta-tab {
    font-size: 24px;
    font-weight: 300;
}

.vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active > a {
    border-color: #f0f0f0 !Important;
    background-color: #112773 !Important;
    color: #fff !Important;
}

.whb-main-header .wd-tools-text {
    font-size:24px !Important;
		color: #112673 !Important;
	  font-weight:400 !Important;
	  text-transform: capitalize !Important;
}

.wd-tools-element .wd-tools-icon {
    color: #009247 !Important;
}

.wd-tools-element > a {
    border: 1px solid #efefef;
    border-radius: 40px;
	  padding-left: 20px !Important;
	  padding-right: 20px !Important;
		padding-top: 10px !Important;
		padding-bottom: 10px !Important;
}

.wd-tools-element > a:hover {
    background-color: #efefef;
}

.wd-style-form .wd-pf-title {
    background-color: #fff !Important;
	  border-radius:35px !Important;
}

.wd-pf-title span {
    color: #18335b !Important;
}




/* =====================================================================
   Moved from WPCode CSS snippets on 1 Oct 2026 so all custom CSS lives here.
   The original snippets are switched off in WPCode, not deleted.
   ===================================================================== */

/* ----- Now / Save pricing (was WPCode snippet 38790) ----- */
/* Leisure Sales - "Now / Save" pricing on product cards.
   Pairs with the "Now / Save pricing" JavaScript snippet, which rewrites a
   sale price into: Now 13,995   Save 1,004
   Products without a sale price are never touched. */

.ls-now,
.ls-save{
  display:inline-block;
  vertical-align:baseline;
}

/* the NOW and SAVE words - smaller and capitalised, so the figures lead */
.ls-lbl{
  font-size:.62em;
  font-weight:400;
  letter-spacing:.06em;
  text-transform:uppercase;
  vertical-align:baseline;
}

/* the price they actually pay */
.ls-now{
  color:#112773;
  font-weight:400 !important;
}

/* the saving, called out in red */
.ls-save{
  margin-left:8px;
  color:#D0021B;
  font-weight:700;
}

/* The original was/now figures, kept for screen readers only.
   Not display:none, which would hide them from assistive tech as well. */
.ls-sr{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

@media(max-width:480px){
  .ls-save{margin-left:6px}
}

/* ---------------------------------------------------------------------
   Card width.

   Woodmart keeps two columns all the way down to its medium breakpoint
   (--wd-col-md: 2), which leaves each card around 360px. At that width the
   Now/Save line wraps and runs into the spec row underneath. Dropping to a
   single column earlier gives the price room and the text behaves.
   --------------------------------------------------------------------- */
@media (max-width:1024px){
  .products.wd-products{--wd-col-md:1}
  .products.wd-products.grid-columns-2{grid-template-columns:1fr !important}
}

/* Belt and braces: if the price ever does wrap, the block must grow rather
   than spill over whatever sits beneath it. */
.price:has(.ls-now){
  height:auto !important;
  min-height:0 !important;
  line-height:1.25;
}
.swap-elements:has(.ls-now){height:auto !important}


/* ---------------------------------------------------------------------
   Make the price block deterministic.

   Relying on the text wrapping was fragile - on a narrow card the second
   line ran into the attribute chips below. Give the block its own space
   and, on small screens, stack Now above Save deliberately rather than
   leaving it to chance.
   --------------------------------------------------------------------- */
.price:has(.ls-now){
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  line-height:1.25;
  margin-bottom:10px;
  overflow:visible;
}

.swap-elements:has(.ls-now){height:auto !important}

.ls-now,.ls-save{white-space:nowrap}



/* ---------------------------------------------------------------------
   Softer cards.

   Two Woodmart quirks worth knowing before touching this:

   1. The white panel is .wd-product-wrapper. .product-grid-item itself is
      transparent, so rounding that does nothing visible.

   2. The attribute chips (.product-labels) are absolutely positioned at
      bottom:-92px INSIDE the image container, deliberately hanging outside
      it. So never put overflow:hidden on .wd-product-thumb or the wrapper -
      it erases them completely. Round the inner image elements instead,
      which already clip their own content.
   --------------------------------------------------------------------- */
.products .wd-product-wrapper,
.products .product-wrapper{
  border-radius:16px;
}

/* The padding needs the extra specificity - something in the theme beats
   .products .wd-product-wrapper even with !important.
   Kept modest: the chips now sit in normal flow with their own 10px top
   margin, so anything larger here just leaves dead white below them. */
html body .products .product-grid-item .wd-product-wrapper{
  padding-bottom:22px !important;
}

/* keep these clipping so the image corners follow the card */
.products .wd-product-img-link,
.products .container-image-and-badge{
  border-radius:16px 16px 0 0;
}

/* explicitly NOT hidden - the chips live outside this box */
.products .wd-product-thumb,
.products .product-element-top{
  overflow:visible;
}

/* The wrappers carry the radius but stay overflow:visible (they have to -
   see the chips note above), so a square image pokes straight through the
   rounded corner. Round the image itself instead; no clipping required. */
.products .wd-product-thumb img,
.products .container-image-and-badge img,
.products .wd-product-img-link img{
  border-radius:16px 16px 0 0;
}

/* ---------------------------------------------------------------------
   The price must never wrap.

   The attribute chips are absolutely positioned at a fixed offset, so they
   do not move when the price grows. A wrapped price therefore lands on top
   of them. Measured: the line needs 365px at 32px type, and a single-column
   card gives roughly viewport minus 60px. Scaling the type with the
   viewport keeps it on one line all the way down, so the collision cannot
   happen at any width.
   --------------------------------------------------------------------- */
.price:has(.ls-now){
  font-size:clamp(20px, 6.5vw, 32px) !important;
  white-space:nowrap;
}

.ls-now,.ls-save{display:inline-block; white-space:nowrap}

/* ---------------------------------------------------------------------
   Attribute chips into normal flow.

   The JS snippet moves .product-labels to sit after the price; this takes
   them out of absolute positioning so they space normally instead of
   colliding with a taller price block. Verified as a constant 10px gap
   from 260px to 500px card width.
   --------------------------------------------------------------------- */
html body .products .product-labels{
  position:static !important;
  inset:auto !important;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin:10px 0 0 !important;
  padding:0 !important;
}

/* the whole price line runs at regular weight */
.price:has(.ls-now){font-weight:400 !important}
.price:has(.ls-now) *{font-weight:400 !important}

/* ---------------------------------------------------------------------
   Keep the chip row on one line.

   Five chips (Sale / 4 Berth / Bunk Beds / End Washroom / year) need 342px
   at the theme's 12px type, but a narrow card only offers about 300px - so
   the year dropped to a second line and spilled past the card. Trimming the
   type and the padding brings the row under 300px.
   --------------------------------------------------------------------- */
html body .products .product-labels .product-label{
  font-size:10.5px !important;
  padding:4px 6px !important;
  line-height:1.25 !important;
  white-space:nowrap;
}

/* ---------------------------------------------------------------------
   Mobile: two paddings stack.

   Below 769px Woodmart adds padding-bottom:25px to .product-element-bottom,
   which lands on top of the wrapper padding - measured at 48px of empty
   white under the chips in a real 386px viewport. Drop the inner one and
   ease the wrapper back so there is one clean gap.
   --------------------------------------------------------------------- */
@media (max-width:768.98px){
  html body .products .product-element-bottom{
    padding-bottom:0 !important;
  }
  html body .products .product-grid-item .wd-product-wrapper{
    padding-bottom:16px !important;
  }
}

/* ----- TikTok strip (was WPCode snippet 38782) ----- */
/* Leisure Sales - full-width TikTok strip on the homepage.
   Pairs with the "TikTok strip - homepage" PHP snippet. */

/* Woodmart drops this inside .container, so break it out to the full
   window width rather than sitting boxed in with the content. */
.ls-ttstrip{--navy:#112773;--green:#01793c;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding:58px 20px;
  background:linear-gradient(120deg,#112773 0%,#1B3699 55%,#0E6B57 100%);
  color:#fff;font-family:inherit}
.ls-ttstrip *{box-sizing:border-box}

.ls-ttstrip__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px;
  max-width:1180px;margin:0 auto}

.ls-ttstrip__mark{flex:0 0 auto;display:grid;place-items:center;
  width:72px;height:72px;border-radius:20px;
  background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.28)}
.ls-ttstrip__mark i{font-size:32px;color:#fff;line-height:1}

.ls-ttstrip__copy{flex:1 1 auto;min-width:0}
.ls-ttstrip__eyebrow{display:inline-block;margin-bottom:7px;
  font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.78)}
.ls-ttstrip__title{margin:0 0 6px;font-size:clamp(20px,2.3vw,27px);line-height:1.15;
  font-weight:800;letter-spacing:-.02em;color:#fff}
.ls-ttstrip__sub{margin:0;font-size:14.5px;line-height:1.5;
  color:rgba(255,255,255,.85);max-width:60ch}

.ls-ttstrip__actions{flex:0 0 auto;display:flex;flex-direction:column;
  align-items:flex-end;gap:10px}

.ls-ttstrip__btn{display:inline-block;padding:14px 30px;
  font-size:15px;font-weight:700;white-space:nowrap;
  color:#112773 !important;background:#fff;border-radius:99px;text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .12s ease}
.ls-ttstrip__btn:hover{background:var(--green);color:#fff !important;transform:translateY(-1px)}

.ls-ttstrip__link{display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:600;white-space:nowrap;
  color:rgba(255,255,255,.85) !important;text-decoration:none}
.ls-ttstrip__link:hover{color:#fff !important;text-decoration:underline}
.ls-ttstrip__link i{font-size:14px}

@media(max-width:900px){
  .ls-ttstrip{padding:42px 18px}
  .ls-ttstrip__inner{flex-direction:column;text-align:center;gap:18px}
  .ls-ttstrip__sub{max-width:none}
  .ls-ttstrip__actions{align-items:center;width:100%}
  .ls-ttstrip__btn{width:100%;max-width:320px;padding:15px 24px}
}

/* ----- TikTok page (was WPCode snippet 38784) ----- */
/* Leisure Sales - "Leisure Sales on TikTok" page (page ID 38778).
   Styles live here rather than in the page content, because WordPress
   auto-formatting breaks an inline style block in the editor. */

.ls-tt{--navy:#112773;--green:#01793c;
  max-width:1120px;margin:0 auto;padding:0 20px 10px;font-family:inherit}
.ls-tt *{box-sizing:border-box}

.ls-tt,
.ls-tt__intro,
.ls-tt__foot,
.ls-tt__title,
.ls-tt__lede{text-align:center !important}

.ls-tt__intro{max-width:720px;margin:0 auto 34px}
.ls-tt__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;
  padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--navy);border-radius:99px}
.ls-tt__eyebrow i{font-size:14px}
.ls-tt__title{margin:0 0 12px;font-size:clamp(25px,3.4vw,38px);line-height:1.12;
  font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.ls-tt__lede{margin:0 auto 22px;font-size:16px;line-height:1.6;color:#5A6579}

.ls-tt__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;
  font-size:15px;font-weight:700;color:#fff !important;background:var(--navy);
  border-radius:99px;text-decoration:none;
  transition:background .2s ease,transform .12s ease}
.ls-tt__cta:hover{background:var(--green);color:#fff !important;transform:translateY(-1px)}
.ls-tt__cta i{font-size:17px}

/* The feed. A quote block carries a left rule by default and TikTok ships
   its own max width inline, so clear both for a flush full-width embed. */
/* TikTok centres its own card at about 780px inside the iframe, and that
   iframe is cross-origin so its insides cannot be restyled. Capping the
   container to roughly the card width removes the dead white gutters.
   No min-height: the script sets the iframe height itself. */
.ls-tt__feed{width:100%;max-width:820px;margin:0 auto;display:block;line-height:0}

.ls-tt .tiktok-embed,
.ls-tt blockquote.tiktok-embed{
  width:100% !important;max-width:100% !important;min-width:0 !important;
  margin:0 auto !important;padding:0 !important;
  border:0 !important;border-left:0 !important;border-left-width:0 !important;
  background:none !important;box-shadow:none !important}

.ls-tt .tiktok-embed iframe{width:100% !important;max-width:100% !important;
  border:0 !important;display:block;margin:0 auto}

.ls-tt blockquote{border:0 !important;padding-left:0 !important;margin-left:0 !important}

.ls-tt__foot{margin-top:22px;padding-top:24px;border-top:1px solid #E2E8F0}
.ls-tt__foot p{margin:0 auto 18px;font-size:15px;color:#5A6579}
.ls-tt__foot a{color:var(--green);font-weight:600}
.ls-tt__stock{display:inline-block;padding:13px 26px;font-size:15px;font-weight:700;
  color:#fff !important;background:var(--green);border-radius:99px;
  text-decoration:none;transition:background .2s ease}
.ls-tt__stock:hover{background:var(--navy);color:#fff !important}

@media(max-width:600px){
  .ls-tt{padding:0 14px 6px}
  .ls-tt__intro{margin-bottom:26px}
  .ls-tt__feed{max-width:100%}
}

/* ----- NEC overlay (was WPCode snippet 38770) ----- */
/* Leisure Sales - NEC appointment overlay: styles.
   Pairs with the "NEC overlay - markup" and "NEC overlay - behaviour" snippets.
   Everything is namespaced .lsnec so nothing leaks into Woodmart. */

.lsnec,.lsnec *,.lsnec *::before,.lsnec *::after{box-sizing:border-box}
.lsnec[hidden]{display:none}
.lsnec{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px 16px;overflow-y:auto;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.lsnec__veil{position:fixed;inset:0;background:rgba(12,24,44,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .32s ease}
.lsnec.is-open .lsnec__veil{opacity:1}
.lsnec__box{position:relative;width:100%;max-width:760px;max-height:94vh;margin:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(8,18,38,.45);overflow:hidden;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .36s ease,transform .36s cubic-bezier(.22,1,.36,1)}
.lsnec.is-open .lsnec__box{opacity:1;transform:none}
.lsnec__x{position:absolute;top:12px;right:12px;z-index:4;width:38px;height:38px;display:grid;place-items:center;padding:0;color:#1B2A52;background:rgba(255,255,255,.92);border:1px solid rgba(27,42,82,.16);border-radius:50%;cursor:pointer;transition:background .2s ease,color .2s ease}
.lsnec__x:hover{background:#1B2A52;color:#fff}
.lsnec__x svg{width:18px;height:18px}
.lsnec__flag{margin:0;padding:6px 46px 6px 16px;font-size:11px;font-weight:600;color:#4A3405;background:#FFE9A8;border-bottom:1px solid rgba(74,52,5,.18)}
.lsnec__grid{display:grid;grid-template-columns:320px 1fr;align-items:stretch;max-height:94vh}

/* the real promo banner from the media library */
.lsnec__art{position:relative;background:#01888A;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 18px}
.lsnec__logo{display:block;width:88px;height:auto;flex:0 0 auto;margin:0 0 10px}
.lsnec__banner{display:block;width:84%;max-width:236px;height:auto;min-height:0;margin:0 auto;border-radius:7px;object-fit:contain}

.lsnec__main{padding:18px 20px 16px}
.lsnec__title{margin:0 0 6px;font-size:22px;line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.015em;text-align:center}
.lsnec__blurb{margin:0 0 12px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.9);text-align:center}
.lsnec__small{margin:8px 0 0;font-size:11px;text-align:center;color:#8A93A6}

/* Super Forms, restyled to sit inside the overlay */
.lsnec .super-field{margin-bottom:6px}
/* Super Forms ships its own .super-label rule at the same specificity and
   loads after this sheet, so it needs out-weighting rather than matching. */
.lsnec .super-form .super-label,
.lsnec .super-label,
.lsnec .super-field-label{display:block !important;margin:0 0 3px !important;padding:0 !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.07em;text-transform:uppercase;color:#01793c !important;line-height:1.25 !important}
.lsnec .super-label.super-bottom-margin{margin-bottom:3px !important}
.lsnec .super-label .super-required{color:#D83A22;margin-left:2px}
.lsnec .super-shortcode-field{width:100%;padding:6px 11px;font-size:13.5px;line-height:1.35;color:#112773;background:#F6F8FB;border:1.5px solid #DCE3ED;border-radius:7px}
.lsnec .super-shortcode-field:focus{outline:none;background:#fff;border-color:#3F787B;box-shadow:0 0 0 3px rgba(63,120,123,.18)}
.lsnec textarea.super-shortcode-field{min-height:44px;line-height:1.4;resize:vertical}
.lsnec .super-dropdown-ui{background:#F6F8FB;border:1.5px solid #DCE3ED;border-radius:8px}
.lsnec .super-icon{color:#3F787B}
.lsnec .super-field-label{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#5A6579;margin-bottom:6px}
/* Super Forms paints the lime inline on an inner wrap, so the override has
   to land there rather than on the outer element. Leisure Sales green,
   navy on hover. */
.lsnec .super-form-button{width:100%;background:none !important;padding:0;border:0}
.lsnec .super-button-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:0 20px;line-height:1;text-align:center;border-radius:9px;cursor:pointer;background-color:#112773 !important;transition:background-color .2s ease}
.lsnec .super-form-button:hover .super-button-wrap{background-color:#01793c !important}
.lsnec .super-button-name{display:block;margin:0;padding:0;line-height:1;color:#fff !important;font-size:16px;font-weight:700;letter-spacing:.01em}
.lsnec .super-button-align-right{text-align:left}


@media (max-width:860px){
  .lsnec{padding:0;align-items:flex-start}
  .lsnec__box{max-width:none;min-height:100%;border-width:0;border-radius:0}
  .lsnec__grid{grid-template-columns:1fr}
  .lsnec__logo{width:104px;margin:0 0 14px}
  .lsnec__banner{width:76%;max-width:300px;max-height:38vh}
      .lsnec__main{padding:24px 20px 30px}
  .lsnec__title{font-size:23px}
  /* 16px stops iOS zooming the page when a field is tapped */
  .lsnec .super-shortcode-field{font-size:16px}
}

@media (prefers-reduced-motion:reduce){.lsnec__veil,.lsnec__box{transition:none}}

html.lsnec-locked,body.lsnec-locked{overflow:hidden !important}

/* keep the overlay inside the window on shorter screens */
.lsnec__grid{max-height:94vh}
.lsnec__main{overflow-y:auto}


/* labels in Leisure Sales green, what the customer types in navy */
.lsnec .super-form .super-shortcode-field,
.lsnec .super-shortcode-field{color:#112773 !important}
.lsnec .super-shortcode-field::placeholder{color:#8A93A6;opacity:1}
.lsnec .super-dropdown-ui li,
.lsnec .super-dropdown-ui .super-placeholder{color:#112773}


/* slimmer fields */
.lsnec .super-form input.super-shortcode-field{height:auto !important;min-height:0 !important}
.lsnec .super-form textarea.super-shortcode-field{min-height:56px !important;height:auto !important}
.lsnec .super-dropdown-ui{min-height:0}
.lsnec .super-dropdown-ui li{padding-top:5px;padding-bottom:5px}


/* calendar mark above the heading (Font Awesome, already loaded by Super Forms) */
.lsnec__ico{display:block;margin:0 0 9px;line-height:1;text-align:center;color:#fff}
.lsnec__ico i{font-size:30px;line-height:1}


/* The form was built with name/email/phone as thirds side by side, which
   is far too cramped inside a 760px overlay. Force every Super Forms column
   to full width so the fields stack in one clean run. */
.lsnec .super-form .super-column,
.lsnec .super-form .super-shortcode.super-column,
.lsnec .super-form [class*="super_one_"],
.lsnec .super-form [class*="super_two_"],
.lsnec .super-form [class*="super_three_"],
.lsnec .super-form [class*="super_four_"]{width:100% !important;max-width:100% !important;flex:0 0 100% !important;float:none !important;clear:both !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
.lsnec .super-form .super-grid,
.lsnec .super-form .super-row{display:block !important;margin:0 !important}
.lsnec .super-form .super-column-1_1{width:100% !important}


/* The theme sets a font-family on elements inside forms, which knocks the
   Font Awesome face off Super Forms dropdown carets - the browser then draws
   a tofu box instead of the glyph. Re-assert the face, and the weight, since
   solid icons need 900 and regular needs 400. */
.lsnec i.fas,
.lsnec i.far,
.lsnec .super-form i[class*="fa-"]{font-family:"Font Awesome 6 Free" !important}
.lsnec i.fas{font-weight:900 !important}
.lsnec i.far{font-weight:400 !important}
.lsnec i.fab{font-family:"Font Awesome 6 Brands" !important;font-weight:400 !important}


/* lsnec-mobile-scroll: on phones the whole popup scrolls, so every field can be reached */
@media (max-width:700px){
  .lsnec{align-items:flex-start!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .lsnec .lsnec__box{max-height:none!important;overflow:visible!important;margin:12px auto 24px!important}
  .lsnec .lsnec__grid{max-height:none!important;overflow:visible!important}
  .lsnec .lsnec__main{max-height:none!important;overflow:visible!important}
  .lsnec .lsnec__logo{display:none!important}
}

/* ----- Product page price on the navy band (1 Oct 2026) -----
   The price sits on navy here, so "Now" goes white and "Save" becomes a red label. */
.wd-single-price .ls-now{color:#fff}
.wd-single-price .ls-save{color:#fff;background:#D0021B;padding:.08em .45em .12em;border-radius:6px;font-size:.78em;margin-left:10px;vertical-align:.12em}
@media (min-width: 1025px) {
	.product.wd-hover-alt:not(.wd-variation-active) .swap-wrapp {
        overflow: visible !Important;
}

.owl-prev {
    color: #112773 !Important;
    background-color: #fff  !Important;
    border-radius: 80px !Important;

}

.owl-next {
    color: #112773 !Important;
    background-color: #fff  !Important;
    border-radius: 80px !Important;
}

.owl-nav > div[class*="prev"] {
        left: 15px !Important;
}

.owl-nav > div[class*="next"] {
        right: 15px !Important;
}

.product-labels {
    top:121% !important;
    flex-direction: row!important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.woocommerce-product-gallery__wrapper .wd-btn-arrow {
    width: 40px !Important;
    height: 40px !Important;
}

.owl-prev {
    color: #112773 !Important;
    background-color: #fff  !Important;
    border-radius: 80px !Important;
    padding-left:15px !Important;

}

.owl-next {
    color: #112773 !Important;
    background-color: #fff  !Important;
    border-radius: 80px !Important;
    padding-right:15px !Important;

}

.owl-nav > div[class*="prev"] {
        left: 15px !Important;
}

.owl-nav > div[class*="next"] {
        right: 15px !Important;
}

.title-wrapper .title {
        font-size: 30px !important;
	line-height:32px !important;
    }


.product-labels {
    top:127% !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-text-block:not(.inline-element).text-left {
    text-align: center;
}

.info-box-inner {
        text-align: center;
    }

.owl-stage-outer .owl-nav {
  display:none !Important;
}

.owl-nav > div[class*="prev"] {
        left: 15px !Important;
}

.owl-nav > div[class*="next"] {
        right: 15px !Important;
}

.wd-pf-dropdown .wd-dropdown {
		z-index: 9999;
}

.owl-dots .owl-dot span {
    border: 2px #fff;
}

.title-wrapper .title {
        font-size: 32px !important;
    }


}

@media (max-width: 576px) {
	.wd-text-block:not(.inline-element).text-left {
    text-align: center;
}

.info-box-inner {
        text-align: center;
    }

.product-labels {
    top:126% !important;
}

.owl-dots .owl-dot span {
    margin: 3px !Important;
    width: 6px !Important;
    height: 6px !Important;
    border: none !Important;
}

.owl-stage-outer .owl-nav {
  display:none !Important;
}

.owl-nav > div[class*="prev"] {
        left: 15px !Important;
}

.owl-nav > div[class*="next"] {
        right: 15px !Important;
}

.price .amount {
    font-weight: 400;
}

.product-additional-galleries {
    bottom: 62% !Important;
}

.woocommerce-product-gallery__wrapper .wd-btn-arrow {
    width: 40px !Important;
    height: 40px !Important;
}

.owl-prev {
    color: #112773 !Important;
    background-color: #fff  !Important;
    border-radius: 80px !Important;
    padding-left:15px !Important;

}

.owl-next {
    color: #112773 !Important;
    background-color: #fff  !Important;
    border-radius: 80px !Important;
    padding-right:15px !Important;
}

.wd-pf-btn button {
   width:100% !Important;
}

.promo-banner .wrapper-content-banner {
    padding: 12px !Important;
}

.slider .wd-owl:hover .owl-nav > div {
    background-color: transparent;
}

.wd-grid-inline > .wd-col {
    flex: 0 0 auto;
    width: 100%;
}

.wd-shop-active-filters .wd-active-filters {
    margin-top: 24px;
}

.wd-load-more {
    margin-bottom: 32px;
}

.wd-wpb {
    margin-bottom: 5px;
}

.product-labels {
	  flex-direction: row !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
}

.super-grid > .super-column.super_one_third {
    width: -moz-calc(100%) !Important;
    width: calc(100%) !Important;
}

.super-grid > .super-column {
    padding-left: 0px !Important;
}

.title-wrapper .title {
        font-size: 32px !important;
    }

.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}

@media (max-width: 320px) {
  .product-labels {
    top:135% !important;
}
    .product-labels {
        gap: 1px !important;
    }
	
	:is(.btn, .button, button, [type="submit"], [type="button"]) {
    padding: 5px 10px;
}
	
	.accessbox h4 {
	font-size:12px !Important;
	}
	
}
}