@import url("fonts/stylesheet.css");
/* laptops */
:root {
    --h1: 160px;
    --h2: 64px;
    --h3: 36px;
    --h4: ;
    --h5: ;
    --h6: ;
    --body: 16px;
	--grey: #919191;
	--gray: #919191;
	--silver: #F0F0F0;
	--blue: #00AEEF;
	--bg: #F0F0F0;
	--header: 64px;
	--spacing-small: 12px;
	--spacing-gutter: 24px;
	--spacing-margin: 48px;
		--container-padding: 48px;
	--spacing-xl: 72px;
}
html {
        scroll-behavior: auto !important;
}

body {
	overflow-x: hidden;
}

/* Scroll to 2rem above the target */
:target {
  scroll-margin-top: 88px;
}
/* desktop */
@media (min-width: 1680px) and (max-width: 1919.98px) {
	:root {
    --h1: 200px;
	--container-padding: 48px;
	--header: 64px;
	}
}
/* large desktops */
@media (min-width: 1920px) {
	:root {
    --h1: 240px;
	--container-padding: 48px;
	--header: 64px;
	}
}
/* small laptop */
@media (min-width: 1025px) and (max-width: 1280px) {
	:root {
    --h1: 112px;
    --h2: 47px;
    --h3: 30px;
	--header: 64px;
	--spacing-small: 10px;
	--spacing-gutter: 20px;
	--spacing-margin: 40px;
		--container-padding: 40px;
	--spacing-xl: 60px;
	}
}
/* tablets */
@media (min-width: 601px) and (max-width: 1024px) {
	:root {
    --h1: 112px;
    --h2: 47px;
    --h3: 30px;
	--header: 64px;
	--spacing-small: 10px;
	--spacing-gutter: 20px;
	--spacing-margin: 40px;
		--container-padding: 40px;
	--spacing-xl: 60px;
	}
}
/* mobile */
@media (max-width: 600px) {
	:root {
    --h1: 64px;
    --h2: 30px;
    --h3: 24px;
	--header: 64px;
	--spacing-small: 10px;
	--spacing-gutter: 16px;
	--spacing-margin: 32px;
	--container-padding: 16px;
	--spacing-xl: 48px;
	}
}

.gray, .grey {
	color: var(--grey);
	transition: all .3s ease;
}

/* TYPOGRAPHY */
body, html {
    font-family: 'Practice Sans';
	font-style: normal;
	font-weight: 500;
	line-height: 1.25em;
	letter-spacing: -0.01em;
    font-size: var(--body);
	xbackground: #F0F0F0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
}
h1, .h1 {
    font-size: var(--h1);
	font-family: 'Practice Sans';
	font-style: normal;
	font-weight: 600;
	line-height: 95%;
	/* identical to box height, or 152px */
	letter-spacing: -0.02em;
}
h2, .h2 {
    font-size: var(--h2);
	font-family: 'Practice Sans';
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* or 64px */
	letter-spacing: -0.02em;
}
h3, .h3 {
    font-size: var(--h3);
    line-height: 1;
	margin-bottom: 0;
}
h4, .h4 {
    font-size: var(--h4);
    line-height: ;
}
h5, .h5 {
    font-size: var(--h5);
    line-height: ;
}
h6, .h6 {
    font-size: var(--h6);
    line-height: ;
}
small {
    font-size: ;
    line-height: ;
}
.elementor-button, .btn.btn-default {
    font-size: ;
    line-height: ;
}

a, a:hover {
	color: #000;
	text-decoration: none;
}
/* END TYPOGRAPHY */

/* LAYOUTS */
.grid-c {
  display: grid;
  gap: var(--spacing-gutter);
  grid-template-columns: repeat(8, 1fr); /* default */
}
.grid-2c {
  display: grid;
  gap: var(--spacing-gutter);
  grid-template-columns: repeat(4, 1fr); /* default */
}
.c-bg {
	position: relative;
	z-index: 0;
}
.c-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 5px);
	z-index: -1;
	 /* crop bottom by 6px */
  	xclip-path: inset(0 0 4px 0);
	transition: all .3s ease;
}
.menu-item-c.active.c-bg::before {
	background: black;
}
.c-bg:not(.no-hover):hover::before {
	background: black;
	transition: all .3s ease;
}
.cart-menu0-c:hover {
	color: #fff;
	transition: all .3s ease;
}
.cart-menu0-c {
	padding-left: 16px;
	transition: all .3s ease;
}
.cart-menu0-c::after {
	content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #000;
	transition: all .3s ease;
}
.cart-menu0-c:hover::after {
	content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
	transition: all .3s ease;

}
.cart-empty .items-title {
	display: none;
}
.cart-has-items .cart-menu0-c::after {
	background: black;
}
.cart-has-items .cart-menu0-c:hover::after {
	background: #fff;
}
.grid-1 {
	grid-column: span 1;
}
.logo-c, .grid-2 {
	grid-column: span 2;
}
.date-c {
  grid-column: span 2; /* takes 2 of the 8 columns by default */
}
.only-1920 {
	display: none;
}
/* At >= 1690px → 10 columns */
@media (min-width: 1690px) and (max-width: 1919.98px) {
  .grid-c {
    grid-template-columns: repeat(10, 1fr);
  }
	.date-c {
  grid-column: span 4; /* takes 2 of the 8 columns by default */
}
.sdw-c {
	grid-column: span 6 !important;
}
.grid-empty-type-tester {
	grid-column: span 3 !important;
}
.grid-2c {
  display: grid;
  gap: var(--spacing-gutter);
  grid-template-columns: repeat(5, 1fr) !important; /* default */
}
.mini-cart-grid-overlay .grid-offset {
	grid-column: span 7 !important;
}
.mini-cart-panel {
    width: calc(((100% - (9 * 24px) - 96px) / 10) * 3 + 48px) !important;
}
.only-1920 {
	display: block;
}
}

/* At >= 1920px → 12 columns */
@media (min-width: 1920px) {
  .grid-c {
    grid-template-columns: repeat(12, 1fr);
  }
	.date-c {
  grid-column: span 6; /* takes 2 of the 8 columns by default */
}
.sdw-c {
	grid-column: span 8 !important;
}
.grid-empty-type-tester {
	grid-column: span 5 !important;
}
.grid-2c {
  display: grid;
  gap: var(--spacing-gutter);
  grid-template-columns: repeat(6, 1fr) !important; /* default */
}
.mini-cart-grid-overlay .grid-offset {
	grid-column: span 9 !important;
}
.mini-cart-panel {
    width: calc(((100% - (11 * 24px)) / 12) * 3 + 24px) !important;
}
.only-1920 {
	display: block;
}

}
/* END LAYOUTS */

/* HEADER */

header {
	padding: 24px var(--container-padding) 20px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: var(--bg);
	opacity: 1;
}
html:not(.preloaded) body.home header {
	opacity: 0;
}
html:not(.preloaded) body.home.loaded header {
	opacity: 1;
	transition: all 1s ease 2.25s;
}
xheader::before {
	content: '';
	width: 0%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--blue);
}
x.loaded header::before {
	width: 100%;
	transition: all 2s ease .3s;
}

.header-line {
	position: fixed;
	top: var(--header);
	top: calc(var(--header) - 1px);
	width: 100%;
	height: 1px;
	background: var(--blue);
	z-index: 99999;
}
html:not(.preloaded) body.home .header-line {
	position: fixed;
	top: 50%;
	width: 100%;
	height: 1px;
	background: var(--blue);
	z-index: 99999;
}
html:not(.preloaded) body.home.loaded .header-line {
	width: 100%;
	top: var(--header);
	top: calc(var(--header) - 1px);
	transition: all 2s ease .5s;
}

body::before {
	content: '';
	width: 1px;
	height: 100vh;
	position: fixed;
	top: 0;
		left: var(--container-padding);
	background-color: var(--blue);
	z-index: 99999;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1) !important;
}
html:not(.preloaded) body.home::before {
	content: '';
	width: 1px;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 50%;
	xtransform: translateX(-50%);
	background-color: var(--blue);
	z-index: 99999;
}
body::after {
	content: '';
	width: 1px;
	height: 100vh;
	xtransform: translateY(100vh);
	position: fixed;
	top: 0;
	right: var(--container-padding);
	background-color: var(--blue);
	z-index: 9999999;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1) !important;
}
html:not(.preloaded) body.home::after {
	content: '';
	width: 1px;
	height: 100vh;
	xtransform: translateY(100vh);
	position: fixed;
	top: 0;
	right: 50%;
	xtransform: translateX(50%);
	background-color: var(--blue);
	z-index: 9999999;
}
html:not(.preloaded) body.loaded::before {
	height: 100vh;
		left: var(--container-padding);
	transition: all 2s ease .5s;
}
html:not(.preloaded) body.loaded::after {
	height: 100vh;	right: var(--container-padding);

	xtransform: translateY(0);
	transition: all 2s ease .5s;
}

.logo-c a, .menu-item-c a {
	
	transition: all .3s ease;
}
.menu-item-c a, .logo-c a {
	display: block;
	width: 100%;
	height: 100%;
}
.logo-c:hover a, .menu-item-c:hover a, .menu-item-c.active a {
	color: white;
	transition: all .3s ease;
}

/* END HEADER */

/* START CONTENT */

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #000;
}

::selection {
  color: #fff;
  background: #000;
}

.row {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: calc(0px - var(--spacing-gutter) / 2);
    margin-left: calc(0px - var(--spacing-gutter) / 2);
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: calc(var(--spacing-gutter) / 2);
    padding-left: calc(var(--spacing-gutter) / 2);
}

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10000;color: #fff;}

.mt-s {
	margin-top: var(--spacing-small);
}
.mb-s {
	margin-bottom: var(--spacing-small);
}
.pt-s {
	padding-top: var(--spacing-small);
}
.pb-s {
	padding-bottom: var(--spacing-small);
}
.mt-xl {
	margin-top: var(--spacing-xl);
}
.mb-xl {
	margin-bottom: var(--spacing-xl);
}
.pb-margin {
	padding-bottom: var(--spacing-margin);
}
.pt-margin {
	padding-top: var(--spacing-margin);
}
.mb-margin {
	margin-bottom: var(--spacing-margin);
}
.mt-margin {
	margin-top: var(--spacing-margin);
}
.mt-gutter {
	margin-top: var(--spacing-gutter);
}
.mb-gutter {
	margin-bottom: var(--spacing-gutter);
}
.pt-gutter {
	padding-top: var(--spacing-gutter);
}
.pb-gutter {
	padding-bottom: var(--spacing-gutter);
}

.semibold {
	font-weight: 600;
}

.white-bg {
	background: #fff;
}
.black-bg {
	background: black;
	color: #fff;
}

.intro-content {
	margin-top: var(--spacing-gutter);
}

section#intro {
	xmargin-bottom: var(--spacing-gutter);
}
.grid-overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	z-index: -1;
	pointer-events: none;
	top: 0; left: 0;
	padding-left: calc(var(--container-padding) - 1px);
	padding-right: calc(var(--container-padding) - 1px);
	opacity: 0;
	background: #F0F0F0;
	gap: calc(var(--spacing-gutter) - 2px) !important;
}
.grid-overlay .grid-1, .mini-cart-grid-overlay .grid-1 {
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	height: 100vh;
	opacity: 0.25;
}
.loaded .grid-overlay {
	opacity: 1;
	transition: all 2s ease .3s;
}

.grid-overlay-header {
	background: transparent;
	height: var(--header);
}

.mini-cart-grid-overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	z-index: 99999;
	pointer-events: none;
	top: 0; left: 0;
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
	opacity: 0;
	z-index: 9999999;
	opacity: 0;
}
.mini-cart-grid-overlay .grid-offset {
	grid-column: span 6;
}
.cart-opened .mini-cart-grid-overlay, .mobile-menu-opened .mini-cart-grid-overlay {
	opacity: 0.3;
	transition: all .3s ease .3s;
}

#masthead {
	height: calc(100vh - var(--header) - var(--spacing-margin));
	height: auto;
	width: 100%;
	padding: 0 var(--container-padding);
	xborder-bottom: 1px solid var(--blue);
	position: relative;
}

#masthead::before {
	content: '';
	width: 100vw;
	height: 1px;
	background: var(--blue);
	position: absolute;
bottom: var(--spacing-margin);bottom: 0;	left: 0;z-index: 1;
}
html:not(.preloaded) body.home #masthead::before {
	content: '';
	width: 100vw;
	height: 1px;
	background: var(--blue);
	position: absolute;
	bottom: 50%;
	left: 0;z-index: 1;
}
html:not(.preloaded) body.home.loaded #masthead::before {
	left: 0;	bottom: var(--spacing-margin);
	bottom: 0;

	transition: all 2s ease .5s;
}
.masthead-c {
	display: flex
;
    flex-direction: column;
    justify-content: space-between;
	margin-top: var(--header);
	background: #fff;
	height: calc(100vh - var(--header) - var(--spacing-margin));
	    xborder-bottom: 1px solid var(--blue);
		height: auto;
}
#masthead-info {
	position: relative;
	bottom: var(--spacing-margin);
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	
}

body.home .masthead-c {
		clip-path: inset(50% 50% 50% 50%);

}
body.home.loaded #masthead .masthead-c {
	clip-path: inset(0% 0% 0% 0%);
    transition: all 2s ease .5s;
}

section {
	padding: 0 var(--container-padding);
}

footer {
	padding: 24px var(--container-padding) 20px;
	border-top: 1px solid var(--blue);
}

.sdw-c {
	grid-column: span 4;
}

.product-thumb img {
	width: 100%;
	max-width: 100%;
}

.inline-block {
	xdisplay: block;
}

#font-tester {
	margin-top: var(--spacing-gutter);
	background: white;
	font-size: 100pt;
	line-height: 95%;
	height: 60vh;
	outline: none !important;
	position: relative;
	overflow-y: auto;
	font-weight: 400;
	xletter-spacing: -3.2px;
}
x#font-tester::before {
	content: '';
	width: 1px;
	height: 1em;
	position: absolute;
	left: 1px;
	top: 0;
	background: #000;
	z-index: 1;
}

#font-tester.weight-regular {
	font-weight: 400;
}
#font-tester.weight-medium {
	font-weight: 500;
}
#font-tester.weight-semibold {
	font-weight: 600;
}
#font-tester.weight-bold {
	font-weight: 700;
}
#font-tester.weight-extrabold {
	font-weight: 800;
}

.table-row {
	border-top: 1px solid var(--grey);
	margin-bottom: var(--spacing-gutter);
}
.table-row:first-child {
	border-top: none;
	margin-bottom: calc(var(--spacing-small) - 5px);
}


.table-row .font-name {
	grid-column: 3 / -1;
}

/* range 2 */
.range-input {
  -webkit-appearance: none;
  appearance: none; 
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 10px;
  height: 1px;
  background: var(--grey);
}

.range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none; 
  height: 11px;
  width: 11px;
  background-color: var(--grey);
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}

.range-input::-moz-range-thumb {
  height: 11px;
  width: 11px;
  background-color: var(--grey);
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}

.range-input:hover::-webkit-slider-thumb, .range-input:hover::-moz-range-thumb {
	background-color: black;
}

.range.d-flex {
	gap: var(--spacing-small);
}

.value2, .value3, .value4, .value {
  xwidth: 50px;
  text-align: right;color: var(--grey);
}
.size-val {
	width: 50px;
    position: absolute;
    right: 0;
}
#size-range {
	width: calc(100% - 90px);
}
.tracking-val {
	width: 25px;
    position: absolute;
    right: 0;
}
#tracking-range {
	width: calc(100% - 100px);
}

.font-weight {
	position: relative;
	z-index: 9 !important;
	cursor: pointer;
}
.font-weight::after {
	content: '↓';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
}
.font-weight-dropdown {
	position: absolute;
	background: white;
	z-index: 1;
	width: 100%;
	display: none;    top: 20px;
}
.font-weight-dropdown::before {
	content: '';
	position: absolute;
	top: -5px;
	height: 5px;
	background: white;
	width: 100%;
}

.font-weight-label {
	position: relative;
	z-index: 2;
}

.font-weight-item {
	padding-top: 12px;
	transition: all .3s ease;
}
.font-weight-item:hover, .font-weight-item.active {
	color: #fff;
	transition: all .3s ease;
}
.font-weight-item.body-bg::before {
	background: transparent !important
}
.font-weight-item.body-bg:hover::before, .font-weight-item.active.body-bg::before {
	background: black !important;
	color: #fff;
	transition: all .3s ease;
}

.h3.w-100, a.w-100 {
	display: block;
}
a {
	
	transition: all .3s ease;
}


.product-item:hover .body-bg::before, .close-side-cart.body-bg:hover::before {
	background: black !important;
	transition: all .3s ease;
}
.product-item:hover .body-bg, .product-item:hover .body-bg .product-price, .close-side-cart.body-bg:hover {
	color: #fff !important;
	transition: all .3s ease;
}

.trailer-c h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.info-row {
	border-top: 1px solid var(--grey);
	padding-bottom: var(--spacing-small);
}
.info-row:last-child {
	xpadding-bottom: 0;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 64px;
    line-height: 1;
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: 'Practice Sans';
font-weight: 400;
font-style: Regular;
font-size: 64px;
leading-trim: NONE;
line-height: 90%;
letter-spacing: -2%;
    
}
.slick-next {
	width: 43px;
    height: 80px;
z-index: 1;
	right: var(--spacing-gutter) !important;
}
.slick-prev {
	width: 43px;
    height: 80px;
z-index: 1;
	left: var(--spacing-gutter) !important;
}

.sticky-top-header {
	    position: sticky;
    top: calc(var(--header) + 36px);
}

#home-carousel {
	padding-right: 0;
	overflow: hidden;
}

#home-carousel .slick-list{padding:0 calc(((100% - var(--spacing-margin) - (7 * var(--spacing-gutter))) / 8) * 2 + var(--spacing-gutter) + var(--spacing-margin) + var(--spacing-gutter)) 0 0 !important}
#home-carousel .carousel-slide img {
	width: 100%;
}
  /* the slides */
  #home-carousel .slick-slide {
      margin: 0 calc(var(--spacing-gutter) / 2);
  }

  /* the parent */
  #home-carousel .slick-list {
      margin: 0 calc(0px - (var(--spacing-gutter) / 2));
  }

  .page-id-36 #get-font {
	display: none;
  }

  .mobile {
	display: none;
  }

  .extrabold-slider .slick-dots {
	position: absolute;
    top: 20px ;
    right: 20px;
    bottom: auto;
    left: auto;
    width: auto !important;
    height: auto !important;
    font-size: 0;
    line-height: 0;
  }

  .slick-dots li button:before {
    display: none;
}

.slick-dots li button::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: transparent;
	border: 1px solid white;
	border-radius: 50%;
}
.slick-active button::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: white !important;
	border: 1px solid white;
	border-radius: 50%;
}

.woocommerce div.product form.cart .button.is-fixed {
	position: fixed !important;
    top: var(--header);
    z-index: 999;
    background: white !important;
}
p:last-child {
	margin-bottom: 0;
}

.product-type-variable  .single-product-left {
	padding-top: 1px;
}
.product-type-variable  .single-product-left::before {
	content: '';
	position: absolute;
	width: calc(100% - var(--spacing-gutter));
	left: calc(var(--spacing-gutter)/2);
	top: 0;
	background: var(--grey);
	height: 1px;
	z-index: 99;
}
.product-back {
	transition: all .3s ease;
	cursor: pointer;
}
.product-back:hover {
	color: white;
	transition: all .3s ease;
}

.summary.entry-summary .white-bg {
	position: sticky;
	top: var(--header);
}

.product-media-vertical img:last-child {
	margin-bottom: 0;
}

.custom-products .pdt-5, .custom-products .pdt-6 {
	display: none;
}

.custom-products .slick-slide {
    margin: 0 calc((var(--spacing-gutter) / 2) - 0px);
}
.custom-products .slick-list {
    xmargin: 0 calc(0px - ((var(--spacing-gutter) / 2) + 1px));
}
/* give each slide its own (fractional) width */
.custom-products .slick-slide {
  width: calc(((100vw - var(--scrollbar-width) - var(--spacing-margin) - var(--spacing-margin) - (7 * var(--spacing-gutter))) / 8) * 2 + var(--spacing-gutter));
}
@media (max-width: 600px) {
	.custom-products .slick-slide {
  width: calc(((100vw - var(--scrollbar-width) - var(--spacing-gutter) - var(--spacing-gutter) - (3 * var(--spacing-gutter))) / 4) * 2 + var(--spacing-gutter));
}
.custom-products .pdt-3, .custom-products .pdt-4, .custom-products .pdt-5, .custom-products .pdt-6 {
	xdisplay: none;
}
}
@media (min-width: 601px) and (max-width: 1024px) {
	.custom-products .slick-slide {
  width: calc(((100vw - var(--scrollbar-width) - var(--spacing-margin) - var(--spacing-margin) - (5 * var(--spacing-gutter))) / 6) * 2 + var(--spacing-gutter));
}
.custom-products .pdt-4, .custom-products .pdt-5, .custom-products .pdt-6 {
	display: none;
}
}
@media (min-width: 1690px) and (max-width: 1919.98px) {
	.custom-products .slick-slide {
  width: calc(((100vw - var(--scrollbar-width) - var(--spacing-margin) - var(--spacing-margin) - (9 * var(--spacing-gutter))) / 10) * 2 + var(--spacing-gutter));
}
.custom-products .pdt-5 {
	display: block;
}

}
@media (min-width: 1920px) {
	.custom-products .slick-slide {
  width: calc(((100vw - var(--scrollbar-width) - var(--spacing-margin) - var(--spacing-margin) - (11 * var(--spacing-gutter))) / 12) * 2 + var(--spacing-gutter));
}
.custom-products .pdt-5, .custom-products .pdt-6 {
	display: block;
}
}

ul {
	    padding-left: 17px;
}
 
/* END CONTENT */

/* start woocommerce */
body > .woocommerce {
    margin-top: var(--header);
    padding: 0 var(--container-padding);
    min-height: calc(100vh - var(--header) - 65px);
}
.woocommerce-shipping-fields, .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
	display: none !important;
}
.wc-cat-bar {
	margin-bottom: var(--spacing-margin);
	    xposition: sticky;
    xtop: 64px;
    xz-index: 99;
}
.wc-cat-bar__list {
	padding: 0;
	
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: var(--spacing-gutter);
	grid-row-gap: 0px;
}
.wc-cat-bar__list li {
	list-style: none;
}
.woocommerce-result-count, .woocommerce-ordering {
	display: none !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
   	margin: 0;
    padding: 0;
    position: relative;
    width: auto;
    margin-left: 0;
    xmargin-bottom: var(--spacing-gutter);
}
.products.columns-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: var(--spacing-gutter);
grid-row-gap: var(--spacing-gutter);
}
.woocommerce .products ul::after, .woocommerce ul.products::after, .woocommerce .products ul::before, .woocommerce ul.products::before {
	display: none;
}

.wc-cat-bar__item:hover a, .wc-cat-bar__item.is-active a {
	color: #fff;
}
.wc-cat-bar__item:hover .h3-bg::before, .wc-cat-bar__item.is-active .h3-bg::before {
	background-color: black;
}
.woocommerce ul.products li.product a img, .product-thumb img {
	margin-bottom: 0 !important;
	aspect-ratio: 2/3;
	object-fit: cover;
}

.page-id-14 a.add_to_cart_button {
	xdisplay: none !important;
}

.product span.onsale {
	display: none;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
	color: var(--grey);
	xbackground-color: white;
	font-size: var(--body);
	position: relative;
	transition: all .3s ease !important;
}
/* .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price::before {
	content: '';
	height: 5px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #F0F0F0;
	z-index: 0;
}
.woocommerce-Price-amount.amount {
	z-index: 99;
	position: relative;
} */
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price bdi {
    font-weight: 500;
	margin-bottom: 0;
	transition: all .3s ease !important;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	font-size: var(--body);
	padding: 0;
	padding-top: var(--spacing-small);
	background: white;
	line-height: 1.25em;
	transition: all .3s ease;
}
.woocommerce ul.products li.product .price ins {
    background: 0 0;
    font-weight: 500;
    display: inline-block;
}

.products .product:hover .woocommerce-loop-product__title, x.products .product:hover span.price {
	background: black !important;
	color: #fff;
	transition: all .3s ease;
}
.products .product:hover span.price .amount {
	color: #fff !important;
	transition: all .3s ease;
}
.woocommerce div.product div.images {
    margin-bottom: 0;
}
#block-7 {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.wc-block-mini-cart__quantity-badge {
	display: none !important;
}
.wc-block-mini-cart, .wc-block-mini-cart__button  {
	    width: 100% !important;
    display: block !important;
    height: 100% !important;
}
.woocommerce-tabs.wc-tabs-wrapper, .woocommerce-product-details__short-description, .product_meta {
	display: none !important;
}

.woocommerce .single-product .product.type-product {
	padding-top: var(--spacing-margin);
}

.woocommerce .single-product div.product {
    margin-bottom: 0;
    position: relative;
    display: grid
;
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--spacing-gutter);
    grid-row-gap: var(--spacing-gutter);
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	width: 100%;
	margin-bottom: 0;
}
.woocommerce div.product div.summary {
    margin-bottom: 0;
    width: 100%;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: var(--grey);
	font-size: var(--h3);
	line-height: 1em;
}

.woocommerce-variation-add-to-cart .quantity, .quantity {
	display: none !important;
}
.woocommerce div.product form.cart {
    margin-bottom: 0;
}
.single_add_to_cart_button {
    background: none !important;
    color: var(--grey) !important;
    padding: 0 !important;
    font-size: var(--h3)  !important;
    font-wight: 500;
    color: var(--Colours-Med-Grey, #919191);
    font-family: "Practice Sans";
    font-style: normal;
    font-weight: 500 !important;
    line-height: 110%;
    letter-spacing: -0.36px;
	padding-left: 40px !important;
}
.single_add_to_cart_button::before {
	content: '○';
	color: var(--grey);
    font-size: var(--h3)  !important;
	position: absolute;
	left: 0;
	top: 0;
}
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    width: 100%;
    text-align: left;
	border-radius: 0 !important;
	position: relative;
}
.woocommerce div.product form.cart .button:hover {
    background: black !important;
	color: #fff !important;
}
.single_add_to_cart_button button:hover {
	color: #fff !important;
}.single_add_to_cart_button:hover::before {
	content: '○';
	color: #fff !important;
    font-size: var(--h3)  !important;
	position: absolute;
	left: 0;
	top: 0;
}
table.variations {
	visibility: hidden;
	opacity: 0;
	display: none;
}
.single-product .cart {
	position: relative;
}
.single-product .cart::before {
	content: '';
	width: 100%;
	height: 5px;
    bottom: 0px;
	left: 0;
	position: absolute;
	background: #F0F0F0;
	z-index: 1;
	pointer-events: none;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	outline: none !important;
    padding: 0;
    margin: 0 0 var(--spacing-gutter);
    position: relative;
    background-color: #fff;
    color: #000;
    border-top: none;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}
.woocommerce-message::before {
	display: none;
}
.images-list img {
	margin-bottom: var(--spacing-gutter);
}
.images-list img:last-child {
	margin-bottom: 0 !important;
}
.product-cat {
	position: absolute !important;
	top: var(--header);
	right: var(--container-padding);
	width: calc(50% - var(--container-padding) - 12px);
}
.product-back {
position: sticky !important;
    top: var(--header);
    left: var(--container-padding);
    width: calc(((100% - (7 * var(--spacing-gutter))) / 8) * 2 + var(--spacing-gutter));
    z-index: 990 !important;

}
.woocommerce-product-gallery__trigger, .woocommerce-notices-wrapper, .button.product_type_variable.add_to_cart_button, .woocommerce-privacy-policy-text {
	display: none !important;
}
.choose-variation {
	color: #000;
}
.checkout-col--left {
	grid-column: span 6;
}
.checkout-col--right {
	grid-column: span 2;
}

.woocommerce-form-coupon-toggle, .woocommerce-additional-fields {
	display: none;
}

.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
	padding-right: calc(((100% - (5 * 24px)) / 6) * 2 + 48px);
	overflow: hidden;
}

::placeholder {
  color: var(--grey);
  opacity: 1; /* Firefox */
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    background: inherit;
    font-weight: 500 !important;
    display: inline-block;
}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
	border: none;
	border-bottom: 1px solid var(--grey);
	padding: 0;
	width: 100%;
	border-radius: 0 !important;
	outline: none !important;
}
.woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
	border-bottom: 1px solid var(--grey);
}
.woocommerce-input-wrapper {
	width: 100%;
}

.woocommerce form .form-row {
    padding: 0;
    margin: 0 0 var(--spacing-gutter);
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: calc(((100% - (3 * 24px)) / 4) * 2 + 24px);
    overflow: visible;
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--grey);
}

.woocommerce-error::before {
	display: none;
}

.cart_item:last-child, .woocommerce-mini-cart-item:last-child {
	padding-bottom: 0;
}
.payment_box, .wc_payment_methods.payment_methods.methods {
	xdisplay: none !important;
}
.woocommerce-checkout-payment {
	margin-top: var(--spacing-gutter);
	background-color: white !important;
}
.wc_payment_methods.payment_methods.methods, #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
	padding: 0 !important;
}
#place_order {
	    background: white !important;
    padding: 0 !important;
    font-size: var(--h3) !important;
    font-weight: 500 !important;
    color: var(--grey) !important;
	width: 100%;
    text-align: left;
	line-height: 25px;
    padding-top: 5px !important;
	transition: all .3s ease;
}
#place_order:hover {
	background: black !important;
	color: #fff !important;

	transition: all .3s ease;
}
#ship-to-different-address {
	font-size :var(--body) !important;
}
.select2-container .select2-dropdown, .select2-container .select2-selection, .woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
	border: none;
	border-bottom: 1px solid var(--grey);
	border-radius: 0;
	color: #000;
	margin: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #000;
    color: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	border-radius: none;
	color: #000;
}

#billing_country_field, #shipping_country_field {
	width: calc(((100% - (3 * 24px)) / 4) * 2 + 24px);
	float: left;   clear: none;
	margin-bottom: 0;
}
#billing_postcode_field, #shipping_postcode_field {
	width: calc(((100% - (3 * 24px)) / 4) * 2 + 24px);
	float: right;  clear: none;
	margin-bottom: 0;
}

.shipping-c {
	clear: both
}

.woocommerce-shipping-fields .shipping_address {
	background: white;
}

.close-side-cart {
	cursor: pointer;
}

.woocommerce-order {
	background-color: white;
	padding-top: var(--spacing-gutter);
}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
	padding: 0;
}
.woocommerce-table__product-name.product-name {
	width: 300px;
}

.button.checkout.h3.h3-bg.w-100 {
	background: transparent;
	line-height: 1;
}

.button.add_to_cart_button {
	xdisplay: none !important;
	
}

.woocommerce ul.products li.product .button, .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    margin-top: 0;
    width: 100%;
    background: transparent;
    padding: 0;
    padding-top: 0;
	margin-top: var(--spacing-small);
	position: relative;
	display: block;
}
.woocommerce ul.products li.product .button:hover, .button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
	color: white;
}
.woocommerce ul.products li.product .button::before, .button.product_type_simple.add_to_cart_button.ajax_add_to_cart::before {
	content: '';
	background: white;
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.woocommerce ul.products li.product .button:hover::before, .button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover::before {
	content: '';
	background: black;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.loading::after {
	xdisplay: none !important;
	top: -3px !important;
}

.added_to_cart.wc-forward {
	display: none !Important;
}

#shipping_method {
	opacity: 0;
	visibility: hidden;
	display: none;
}

.woocommerce-variation-price {
	display: none;
}

.woocommerce div.product p.stock {
    display: none;
}

.Label, iframe {
	font-family: Arial !important;
}

.payment_box.payment_method_stripe::before {
	xdisplay: none !important;
}
.payment_box.payment_method_stripe, .wc_payment_method.payment_method_stripe label {
	margin: 0 !important;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: #F0F0F0;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid #F0F0F0;
	    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.mini-qty-wrap{ display:inline-flex; align-items:center; gap:5px; }
.mini-qty-input{ width:30px; text-align:center; border: none;}
.mini-qty{ padding: 0;width:10px; height:auto; line-height:26px; text-align:center; border:none; background:transparent; cursor:pointer; }
/* For WebKit browsers (Chrome, Safari, Edge) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; /* Optional: Removes extra space */
}

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

.woocommerce-checkout .woocommerce-order h2 {
	font-size: var(--h3) !important;
}
.woocommerce-checkout .woocommerce-order .wc-bacs-bank-details-account-name {
	font-size: var(--h3) !important;
	margin-top: var(--spacing-gutter);
}
.woocommerce-bacs-bank-details {
	padding-left: 0;
}
.woocommerce-bacs-bank-details ul.order_details {
    margin: 0 0 3em;
    list-style: none;
    xpadding-left: 15px;
    margin-top: var(--spacing-gutter) !important;
}

.outofstock .price span.woocommerce-Price-amount.amount {
  text-decoration: line-through;
}
.outofstock .button.product_type_simple {
	display: none !important;
}
.single-product .summary.entry-summary .sold-out-label {
	font-size: var(--h3);
    color: var(--grey);
    margin-top: -10px;
}

/* end woocommerce */

/* sample fonts */
.regular-96 {
	color: var(--Colours-White, #FFF);
font-family: "Practice Sans";
font-size: 96px;
font-style: normal;
font-weight: 400;
line-height: 95%; /* 91.2px */
letter-spacing: -1.92px;
padding-bottom: 56px;
}
.bold-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 95%; /* 60.8px */
letter-spacing: -1.28px;
word-break: break-all;
}
.medium-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 64px;
font-style: normal;
font-weight: 500;
line-height: 95%; /* 60.8px */
letter-spacing: -1.28px;
}
.xsample-2-3 .xwhite-bg, .glyph-200 {
	aspect-ratio: 580 / 326;
	height: calc(100% - 15px - var(--spacing-gutter));
	overflow: hidden;
}
.extrabold-200 {
	color: var(--Colours-White, #FFF);
font-family: "Practice Sans";
font-size: 200px;
font-style: normal;
font-weight: 800;
line-height: 95%; /* 190px */
letter-spacing: -4px;
padding-bottom: 40px;
word-break: break-all;
}
.semibold-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 95%; /* 60.8px */
letter-spacing: -1.28px;
padding-right: 30px;
}
.glyph-200 {
	color: var(--Colours-White, #FFF);
font-family: "Practice Sans";
font-size: 200px;
font-style: normal;
font-weight: 600;
line-height: 95%; /* 190px */
letter-spacing: -4px;
padding: 68px 0;
}
/* end sample fonts */

/* cropped bg */
.body-bg, .woocommerce ul.products li.product .price {
	position: relative;
	z-index: 0;
	margin-bottom: -5px;
	transition: all .3s ease;
}
.body-bg::before, .woocommerce ul.products li.product .price::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 5px);
	z-index: -1;
	 /* crop bottom by 6px */
  	xclip-path: inset(0 0 4px 0);
	transition: all .3s ease;
}

.products .product:hover span.price::before {
	background: black !important;
	
	transition: all .3s ease;
}

.h2-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -10px;
}
.h2-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease 0s;
}


.h3-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -6px;
}
.h3-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 6px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease;
}

.hover-black:hover, .hover-black:hover a {
	color: #fff !important;
	transition: all .3s ease;
}
.hover-black::before {
}
.h2-bg.hover-black:hover::before, .h3-bg.hover-black:hover::before{
	background: black !important;
	transition: all .3s ease !important;
}

/* end cropped bg */

/* side cart */
.pop-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  z-index: 999998;
	background: rgba(0,0,0,0.5);	
	display: none;
}

.mini-cart-panel {
  position: fixed;
  top: 0;
  xright: -400px;
	right: var(--container-padding);
    width: calc(((100% - (7 * 24px)) / 8) * 2 + 24px);
  height: 100%;
  background: #F0F0F0;
  box-shadow: none;
	padding: var(--spacing-gutter) 0 var(--spacing-gutter) var(--spacing-gutter);
  transition: transform .5s;
	transform: translateX(calc(110% + var(--container-padding)));
  z-index: 999999;
}
.mini-cart-panel.active {
  transform: translateX(0);
}

.mini-cart-panel::before {
	content: '';
	display: block;
	background: #F0F0F0;
	height: 100%;
	width: var(--container-padding);
	position: absolute !important;
right: calc(0px - var(--container-padding)); top: 0;
}
.woocommerce-mini-cart {
	padding: 0;
	background: #fff;
	margin-bottom: var(--spacing-gutter);
	    max-height: calc(100dvh - 280px);
    overflow: auto;
}
.woocommerce-mini-cart-item, .cart_item {
	    display: flex
;
    justify-content: space-between;
	padding-bottom:var(--spacing-gutter);
	border-top: 1px solid var(--grey);
}
.woocommerce-mini-cart-item .product-detail, .cart_item .product-detail {
	width: calc(100% - 100px);
	padding-left: var(--spacing-gutter);
	padding-right: var(--spacing-small);
}
.woocommerce-mini-cart-item .product-qty {
	width: auto;
}
.woocommerce-mini-cart-item img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, .cart_item .product-thumbnail, img.woocommerce-placeholder {
	width: 50px;
	max-width: 50px;
	height: auto;
}
.woocommerce-mini-cart-item {
	position: relative;
}
a.remove {
	xdisplay: none !important;
    xdisplay: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: var(--wc-red) !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    position: absolute;
}
.woocommerce a.remove, a.remove {
    xdisplay: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: var(--grey) !important;
    text-decoration: none;
    font-weight: 400;
    border: 0;
    left: 0px;
	top: 0;
    margin-top: -3px;
}
.woocommerce a.remove:hover, a.remove:hover {
    color: rgba(0, 0, 0, 1) !important;
    /* background: #000; */
	background: transparent !important;
    /* border-radius: 0; */
}

.button.checkout {
	xbackground: white !important;
    padding: 0 !important;
    font-size: var(--h3) !important;
    font-weight: 500 !important;
    color: var(--grey) !important;
}
.button.checkout:hover {
	xbackground: white !important;
    padding: 0 !important;
    font-size: var(--h3) !important;
    font-weight: 500 !important;
    color: #fff !important;
}
.button.checkout.h3-bg:hover::before {
	background: black;
}

.border-top { border-top: 1px solid var(--grey) !important; }

.shipping-c {
	overflow: hidden;
}
.after-white .row {
	position: relative;
}
.after-white .row::before {
	content: '';
	width: 30%;
	height: 100%;
	background-color: white;
	position: absolute;
	right: -25%;
	top: 0;
}

.close-side-cart {
	cursor: pointer;
}
.close-side-col {
	        width: calc(50% + 12px);
        max-width: calc(50% + 12px);
}
/* end side cart */
@media (min-width: 1366px) {
.bold-64, .medium-64, .semibold-64, .glyph-200 {
		min-height: 300px;
	}
	.sample-2-3 .white-bg, .glyph-200 {
		height: calc(100% - 15px - var(--spacing-gutter));
	}
}
@media (min-width: 1920px) {
	.bold-64, .medium-64, .semibold-64, .glyph-200 {
		min-height: 400px;
	}
	.sample-2-3 .white-bg, .glyph-200 {
		height: calc(100% - 15px - var(--spacing-gutter));
	}
}
/* At >= 1690px → 10 columns */
@media (min-width: 1690px) and (max-width: 1919.98px) {
	.info-row {
		position: relative;
	}
	.info-table {
		overflow: hidden;
	}
	.info-row::before {
		content: '';
		position: absolute;
		top: -1px;
		left: 0;
		height: 1px;
		width: 200%;
		background: var(--grey);
	}
	.large-less-spacing {
		padding-right: calc(((100% - (9 * 24px)) / 10) * 2 + 48px);
	}
	.large-less-spacing-6-col {
    padding-right: calc(((100% - (4 * 24px)) / 5) * 1 + 24px);
	}
	.product-item.col-lg-3 {
	-ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
	}
	.products.columns-4 {
    display: grid
;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}
.product-back {
    width: calc(((100% - (9 * 24px)) / 10) * 2 + 24px);

}
.checkout-col--left {
    grid-column: span 7;
}
.checkout-col--right {
    grid-column: span 3;
}

.checkout-left-c {
	    width: 20%;
    max-width: 20%;
	
	flex: 0 0 20%;
}
.checkout-right-c {
	    width: 20%;
    max-width: 20%;
}
.checkout-order-c {
	    width: 30%;
    max-width: 30%;
	flex: 0 0 30%;
}
.customer-detail {
	width: 28.57142857142857%;
	max-width: 28.57142857142857%;
	flex: 0 0 28.57142857142857%;
}
.woocommerce-billing-fields__field-wrapper {
    padding-right: calc(((100% - (6 * 24px)) / 7) * 3 + 72px);
    overflow: hidden;
}

.shipping-c {
	padding-right: calc(((100% - (6 * 24px)) / 7) * 1 + 24px);
}

.close-side-cart {
	cursor: pointer;
}
.close-side-col {
	        width: calc(33.333% + 8px);
        max-width: calc(33.333% + 8px);
}

.wc-cat-bar__list {
    padding: 0;
    display: grid
;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0px;
}
.product-content {
    padding-right: calc(((100% - (4 * 24px)) / 5) * 1 + 24px);
}
.single-product-left {
	width: 40%;
    max-width: 40%;
    flex: 0 0 40%;
}
.single-product-right {
	width: 40%;
    max-width: 40%;
    flex: 0 0 40%;
	margin-left: 20%
}

.single-product-right:first-child {
	margin-left: 0 !important;
}
	
	#home-carousel .slick-list{padding:0 calc(((100% - var(--spacing-margin) - (9 * var(--spacing-gutter))) / 10) * 3 + var(--spacing-gutter) + var(--spacing-margin) + var(--spacing-gutter) + var(--spacing-gutter)) 0 0 !important}

}

/* At >= 1920px → 12 columns */
@media (min-width: 1920px) {

	.info-row {
		position: relative;
	}
	.info-table {
		overflow: hidden;
	}
	.info-row::before {
		content: '';
		position: absolute;
		top: -1px;
		left: 0;
		height: 1px;
		width: 200%;
		background: var(--grey);
	}

.wc-cat-bar__list {
    padding: 0;
    display: grid
;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0px;
}

	.large-less-spacing {
		padding-right: calc(((100% - (11 * 24px)) / 12) * 2 + 48px);
	}
	.large-less-spacing-6-col {
    padding-right: calc(((100% - (5 * 24px)) / 6) * 2 + 48px);
	}
	.product-item.col-lg-3 {
	-ms-flex: 0 0 16.6667%;
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
	}
	.products.columns-4 {
    display: grid
;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}
.product-back {
    width: calc(((100% - (11 * 24px)) / 12) * 2 + 24px);

}
.close-side-cart {
	cursor: pointer;
}
.close-side-col {
	        width: calc(33.333% + 8px);
        max-width: calc(33.333% + 8px);
}
.checkout-col--left {
    grid-column: span 9;
}
.checkout-col--right {
    grid-column: span 3;
}

.checkout-left-c {
	    width: 16.6667%;
    max-width: 16.6667%;
	
	flex: 0 0 16.6667%;
}
.checkout-right-c {
	    width: 16.6667%;
    max-width: 16.6667%;
}
.checkout-order-c {
	    width: 25%;
    max-width: 25%;
	flex: 0 0 25%;
	margin-left: 58.333%;
}

.woocommerce-billing-fields__field-wrapper {
    padding-right: calc(((100% - (8 * 24px)) / 9) * 5 + 120px);
    overflow: hidden;
}

.shipping-c {
    padding-right: calc(((100% - (8 * 24px)) / 9) * 3 + 72px);
}

.woocommerce-billing-fields .col-lg-4 {
	        -ms-flex: 0 0 22.222%;
        flex: 0 0 22.222%;
        max-width: 22.222%;
}
.after-white .row::before {
    content: '';
    width: 150%;
    height: 100%;
    background-color: white;
    position: absolute;
    right: -100%;
    top: 0;
}
.shipping-c .col-lg-4 {

 -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
}

.product-content {
    padding-right: calc(((100% - (5 * 24px)) / 6) * 2 + 48px);
}

.single-product-left {
	width: 33.333%;
    max-width: 33.333%;
    flex: 0 0 33.333%;
}
.single-product-right {
	width: 33.333%;
    max-width: 33.333%;
    flex: 0 0 33.333%;
	margin-left: 33.333%
}
		#home-carousel .slick-list{padding:0 calc(((100% - var(--spacing-margin) - (11 * var(--spacing-gutter))) / 12) * 4 + var(--spacing-gutter) + var(--spacing-margin) + var(--spacing-gutter) + var(--spacing-gutter) + var(--spacing-gutter)) 0 0 !important}

		.single-product-right:first-child {
	margin-left: 0 !important;
}
	
}

#mobile-menu {
	opacity: 0;
	visibility: hidden;
	xtransform: translateX(101%);
}
.mobile-menu-c, x#mobile-menu {
	display: none;
}
#mobile-menu {
	transform: translateX(101%);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
    width: 100%;
    padding: 0 var(--container-padding);
	width: 100%;
	z-index: 9999998;
	background-color: #F0F0F0;
}
.menu-content {
	position: absolute;
	top: var(--header);
	z-index: 999;
	left: var(--spacing-gutter);
	width: calc(100% - var(--spacing-margin));
	height: calc(100vh - var(--header));
	background: #F0F0F0;
}

.menu-content .menu-item-c, .menu-content .cart-menu0-c {
	display: block;
	font-size: var(--h1);
	color: var(--Colours-Black, #000);

/* H1 */
font-family: "Practice Sans";
font-style: normal;
font-weight: 500;
line-height: 95%; /* 60.8px */
letter-spacing: -1.28px;
margin-bottom: var(--spacing-small);
}
.cart-menu0-c {
	cursor: pointer;
}
.menu-content .cart-menu0-c {
	padding-left: 60px;
	transition: all .3s ease;
}
.menu-content .cart-menu0-c::after {
	        content: '';
        position: absolute;
        left: 0;
        bottom: 8px;
        width: 47px;
        height: 47px;
        border-radius: 50%;
        border: 5px solid #000;
        transition: all .3s ease;
}
.menu-content .cart-menu0-c:hover::after {
	        content: '';
        position: absolute;
        left: 0;
        bottom: 8px;
        width: 47px;
        height: 47px;
        border-radius: 50%;
        border: 5px solid #fff;
        transition: all .3s ease;

}
.menu-header {
	padding: 24px 0;
}



/* small laptop */
@media (min-width: 1025px) and (max-width: 1280px) {
/* 	.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none; } */
	#mobile-menu {
	transform: translateX(101%);
	
	opacity: 1;
	visibility: visible;
}
#home-carousel {
	overflow: hidden;
}
.menu-item-c {
	display: none;
}
.mobile-menu-c {
	display: block;
}
.date-c {
	grid-column: span 4;
}

#mobile-menu {
	width: calc(((100% - (7 * var(--spacing-gutter))) / 8) * 3 + 71px);
	left: auto;
	right: 0;
	padding-left: var(--spacing-gutter);
}
.menu-header .grid-c {
        grid-template-columns: repeat(3, 1fr);
    }
	.menu-header .m-grid-2 {
        grid-column: span 2;
    }
	.close-menu  {
        grid-column: span 1 !important;
	}
.menu-header {
    padding: 24px 0;
}
.menu-content .menu-item-c, .menu-content .cart-menu0-c {
	display: block;
	font-size: var(--h2);
	color: var(--Colours-Black, #000);

/* H1 */
font-family: "Practice Sans";
font-style: normal;
font-weight: 500;
line-height: 95%; /* 60.8px */
letter-spacing: -1.28px;
margin-bottom: var(--spacing-small);
}
.h1-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -6px;
}
.h1-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 6px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease 0s;
}
.h1-bg.active::before {
	content: '';
	background: black;
	transition: all .3s ease 0s;
}

.h2-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -8px;
}
.h2-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 8px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease 0s;
}


.h3-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -5px;
}
.h3-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 5px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease;
}

.single-product .cart::before {
	bottom: -1px;
}
#place_order {
    line-height: 21px;
    padding-top: 4px !important;
    transition: all .3s ease;
}

.menu-content .cart-menu0-c::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 4px solid #000;
    transition: all .3s ease;
}

.menu-content {
	position: absolute;
	top: var(--header);
	z-index: 999;
	left: auto;
	padding-left: var(--spacing-gutter);
	right: var(--spacing-margin);
	width: calc(100% - var(--spacing-margin));
	height: calc(100vh - var(--header));
	background: #F0F0F0;
}
.mini-cart-panel {
		width: calc(((100% - (7 * var(--spacing-gutter))) / 8) * 3 + 29px);
	}
	.only-1920 {
    display: block;
	}
	.mini-cart-grid-overlay .grid-offset {
        grid-column: span 5;
    }

	.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
		padding-right: 0;
	}

	.checkout-col--left{
    grid-column: span 6;
}
	 .checkout-col--right {
    grid-column: span 2;
}

.close-side-col {
    width: 33.333%;
    max-width: 33.333%;
}

.checkout-col.checkout-col--right {
	margin-top: calc(0px - var(--spacing-gutter) - 15px);
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0;
        text-align: left;
    }
	
	.t-mt-gutter {
	margin-top: var(--spacing-gutter)
}
.t-mt-margin {
	margin-top: var(--spacing-margin)
}

.sample-2-3 .white-bg, .glyph-200 {
    xaspect-ratio: 580 / 326;
    height: calc(100% - 15px - var(--spacing-gutter));
}

}
/* end small laptop */

/* start tablet */
@media (min-width: 601px) and (max-width: 1024px) {
	.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none; }
.t-mt-gutter {
	margin-top: var(--spacing-gutter)
}
.t-mt-margin {
	margin-top: var(--spacing-margin)
}
	
#mobile-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(101%);
}
.grid-c {
  display: grid;
  gap: var(--spacing-gutter);
  grid-template-columns: repeat(6, 1fr); /* default */
}
.grid-2c {
  display: grid;
  gap: var(--spacing-gutter);
  grid-template-columns: repeat(3, 1fr); /* default */
}
.grid-2c .t-grid-1 {
	grid-column: span 1;
}
#home-carousel {
	overflow: hidden;
}
.menu-item-c {
	display: none;
}
.mobile-menu-c {
	display: block;
}

.m-grid-2, .grid-empty-type-tester {
	grid-column: span 2;
}

#home-carousel .slick-list {
    padding: 0 calc(((100% - var(--spacing-margin) - (5 * var(--spacing-gutter))) / 6) * 1 + var(--spacing-margin) + var(--spacing-gutter)) 0 0 !important;
}
.value-range, .tracking-range {
	grid-column: span 3;
}
footer .menu-item-c {
	display: block;
}
footer .grid-c > div {
	grid-column: span 3;
}
#mobile-menu {
	width: calc(((100% - (5 * var(--spacing-gutter))) / 6) * 4 + 67px);
	left: auto;
	right: 0;
	padding-left: var(--spacing-gutter);
}
.menu-header .grid-c {
	grid-template-columns: repeat(4, 1fr);
}
.menu-header {
    padding: 24px 0;
}
.menu-content .menu-item-c, .menu-content .cart-menu0-c {
	display: block;
	font-size: var(--h2);
	color: var(--Colours-Black, #000);

/* H1 */
font-family: "Practice Sans";
font-style: normal;
font-weight: 600;
line-height: 95%; /* 60.8px */
letter-spacing: -1.28px;
margin-bottom: var(--spacing-small);
}
.h1-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -6px;
}
.h1-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 6px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease 0s;
}
.h1-bg.active::before {
	content: '';
	background: black;
	transition: all .3s ease 0s;
}

.h2-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -8px;
}
.h2-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 8px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease 0s;
}


.h3-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -5px;
}
.h3-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 5px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease;
}

.menu-content .cart-menu0-c::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 4px solid #000;
    transition: all .3s ease;
}

.menu-content {
	position: absolute;
	top: var(--header);
	z-index: 999;
	left: auto;
	padding-left: var(--spacing-gutter);
	right: var(--spacing-margin);
	width: calc(100% - var(--spacing-margin));
	height: calc(100vh - var(--header));
	background: #F0F0F0;
}

.t-mt-gutter {
	margin-top: var(--spacing-gutter)
}
.t-mt-margin {
	margin-top: var(--spacing-margin)
}

.regular-96 {
	color: var(--Colours-White, #FFF);
font-family: "Practice Sans";
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 95%; /* 60.8px */
letter-spacing: -1.28px;
}
.bold-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 95%; /* 38px */
letter-spacing: -0.8px;
}
.medium-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 95%; /* 38px */
letter-spacing: -0.8px;
}
.extrabold-200 {
	color: var(--Colours-White, #FFF);
font-family: "Practice Sans";
font-size: 96px;
font-style: normal;
font-weight: 800;
line-height: 95%; /* 91.2px */
letter-spacing: -1.92px;
word-break: break-all;
}
.semibold-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 95%; /* 38px */
letter-spacing: -0.8px;
}
.glyph-200 {
    color: var(--Colours-White, #FFF);
    font-family: "Practice Sans";
    font-size: 200px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -4px;
    padding: var(--spacing-margin) 0;
}

.slides {
	margin-top: var(--spacing-gutter)
}

.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none; }

.m-grid-2 {
	grid-column: span 2;
}

    .grid-2c {
        display: grid
;
        gap: var(--spacing-gutter);
        grid-template-columns: repeat(3, 1fr);
    }

	.wc-cat-bar__list {
    padding: 0;
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: var(--spacing-gutter);
    grid-row-gap: var(--spacing-gutter);
}
.products.columns-4 {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: var(--spacing-gutter);
    grid-row-gap: var(--spacing-gutter);
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
	width: 100%;
}

.product-type-variable .single-product-left::before {
		content: '';
		height: 1px;
		width: calc(100% - var(--spacing-gutter));
		background: var(--grey);
		position: absolute;
		top: -1px;
		left: calc(var(--spacing-gutter / 2));
		z-index: 99;
	}
	.single-product-left {
				margin-bottom: var(--spacing-margin);

	}
	

	.woocommerce .single-product .product.type-product {
		padding-top: var(--spacing-gutter);
	}

	.mini-cart-panel {
		width: calc(((100% - (5 * var(--spacing-gutter))) / 6) * 3 + 19px);
	}
	.only-1920 {
    display: block;
	}
	.mini-cart-grid-overlay .grid-offset {
    grid-column: span 3;
	}

	.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
		padding-right: 0;
	}

	.checkout-col--left, .checkout-col--right {
    grid-column: span 3;
}

.checkout-col.checkout-col--right {
	margin-top: calc(0px - var(--spacing-gutter) - 15px);
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0;
        text-align: left;
    }

	.close-side-col {
    width: 33.333%;
    max-width: 33.333%;
}

.sample-2-3 .white-bg, .glyph-200 {
    xaspect-ratio: 580 / 326;
    height: calc(100% - 15px - var(--spacing-gutter));
}

.single-product .cart::before {
	height: 4px;
    bottom: 0px;
}
#place_order {
    line-height: 21px;
    padding-top: 4px !important;
    transition: all .3s ease;
}

}
/* end tablet */

#mobile-menu {
	transform: translateX(101%);
	transition: all .5s ease;
}

.mobile-menu-opened #mobile-menu {
	transform: translateX(0%);
	transition: all .5s ease;
}

/* start mobile */
@media (max-width: 600px) {
.mobile { display: block; }
.mobile.flex { display: flex; }
.desktop { display: none; }
	/* cropped bg */
.body-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -5px;
}
.body-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 5px);
	z-index: -1;
	 /* crop bottom by 6px */
  	xclip-path: inset(0 0 4px 0);
	transition: all .3s ease;
}

.h1-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -8px;
}
.h1-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 8px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease 0s;
}
.h1-bg.active::before {
	content: '';
	background: black;
	transition: all .3s ease 0s;
}

.h2-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -5px;
}
.h2-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 5px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease 0s;
}


.h3-bg {
	position: relative;
	z-index: 0;
	margin-bottom: -4px;
}
.h3-bg::before {
	content: '';
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 4px);
	z-index: -1;
	 /* crop bottom by 6px */
	transition: all .3s ease;
}

.hover-black:hover, .hover-black:hover a {
	color: #fff !important;
	transition: all .3s ease;
}
.hover-black::before {
}
.h2-bg.hover-black:hover::before, .h3-bg.hover-black:hover::before{
	background: black !important;
	transition: all .3s ease !important;
}

/* end cropped bg */

#mobile-menu {
	
	opacity: 1;
	visibility: visible;
}

.grid-c {
  display: grid;
  gap: var(--spacing-gutter);
  grid-template-columns: repeat(4, 1fr); /* default */
}
.grid-2c {
  display: grid;
  gap: var(--spacing-gutter);
  grid-template-columns: repeat(4, 1fr); /* default */
}
#home-carousel {
	overflow: hidden;
}
.menu-item-c, .date-c {
	display: none;
}
.mobile-menu-c {
	display: block;
}
#intro .grid-2, .grid-2 {
	grid-column: span 4
}
.m-grid-2 {
	grid-column: span 2 !important;
}

.grid-empty-type-tester {
	display: none;
}

#home-carousel .slick-list {
    padding: 0 calc(((100% - var(--spacing-gutter) - (3 * var(--spacing-gutter))) / 4) * 1 + var(--spacing-margin)) 0 0 !important;
}

footer .menu-item-c {
	display: block;
}
footer .logo-c {
	grid-column: span 4;
}





.slides {
	margin-top: var(--spacing-gutter)
}

.m-mt-gutter {
	margin-top: var(--spacing-gutter)
}
.m-mt-margin {
	margin-top: var(--spacing-margin)
}

.regular-96 {
	color: var(--Colours-White, #FFF);
font-family: "Practice Sans";
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 95%; /* 60.8px */
letter-spacing: -1.28px;
}
.bold-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 95%; /* 38px */
letter-spacing: -0.8px;
}
.medium-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 95%; /* 38px */
letter-spacing: -0.8px;
}
.extrabold-200 {
	color: var(--Colours-White, #FFF);
font-family: "Practice Sans";
font-size: 96px;
font-style: normal;
font-weight: 800;
line-height: 95%; /* 91.2px */
letter-spacing: -1.92px;
word-break: break-all;
}
.semibold-64 {
	color: var(--Colours-Black, #000);
font-family: "Practice Sans";
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 95%; /* 38px */
letter-spacing: -0.8px;
}
.glyph-200 {
    color: var(--Colours-White, #FFF);
    font-family: "Practice Sans";
    font-size: 200px;
    font-style: normal;
    font-weight: 600;
    line-height: 95%;
    letter-spacing: -4px;
    padding: var(--spacing-margin) 0;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: content;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.wc-cat-bar__list {
    padding: 0;
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: var(--spacing-gutter);
    grid-row-gap:var(--spacing-gutter); ;
}
.products.columns-4 {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: var(--spacing-gutter);
    grid-row-gap: var(--spacing-gutter);
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }
	.woocommerce .single-product div.product {
    grid-template-columns: repeat(1, 1fr);
	}
	.woocommerce div.product form.cart {
		margin-bottom: 0;
	}
.woocommerce .single-product .product.type-product {
	padding-top: var(--spacing-gutter);
}
	.woocommerce div.product div.summary {
		order: -1;
	}
	.woocommerce div.product div.images.woocommerce-product-gallery {
		order: 1;
	}

	.images-list {
		order: 2;
	}

	.m-mt-xl {
		margin-top: var(--spacing-xl)
	}

	.product-desc {
		margin-bottom: var(--spacing-gutter)
	}

	.single-product-right {
		margin-top: var(--spacing-margin);
	}
	.single-product-left::before {
		content: '';
		height: 1px;
		width: calc(100% - var(--spacing-gutter));
		background: var(--grey);
		position: absolute;
		top: -1px;
		left: calc(var(--spacing-gutter / 2));
		z-index: 99;
	}
	.product-type-variable .single-product-left::before {
		top: 4px !important;
	}
	.mini-cart-panel {
		width: calc(((100% - (3 * var(--spacing-gutter))) / 4) * 3 + 24px);
	}
	.only-1920 {
    display: block;
	}
	.mini-cart-grid-overlay .grid-offset {
    grid-column: span 1;
	}

	.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
    padding-right: 0;
    overflow: hidden;
}

.checkout-col--right {
    grid-column: span 6;
}

.woocommerce form .form-row.place-order {
	margin-bottom: 0;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0;
        text-align: left;
    }

	.close-side-col {
    width: 33.333%;
    max-width: 33.333%;
}

.masthead-c, #masthead {
	xheight: calc(100svh - var(--header) - var(--spacing-gutter));
	height: auto;
}
html:not(.preloaded) body.home.loaded #masthead::before {
	xbottom: calc(0px + var(--spacing-gutter));
	bottom: 0;
}

.c-bg {
    position: relative;
    z-index: 0;
    padding-top: 7px;
}
.c-bg:hover {
	color: white;
}

.font-weight-dropdown .body-bg {
	padding-top: 15px;
}

header {
    padding: 21px var(--container-padding) 16px;
}

.body-bg {
	padding-top: 5px;
}
.font-weight::after {
    content: '↓';
    position: absolute;
    right: 0;
    bottom: -5px;
    height: 100%;
	z-index: 9;
}

.single-product .variations_form.cart::before {
	content: '';
	width: 100%;
	height: 12px;
	bottom: -8px;
	left: 0;
	position: absolute;
	background: #F0F0F0;
	z-index: 1;
}

.size-c {
	padding-top: 5px;
}
.font-weight.body-bg.choose-variation {
	xpadding-top: 0;
}
.font-weight.choose-variation::after {
	xtop: 0;
}

.woocommerce div.product form.cart .button.is-fixed {
	width: calc(((100% - (3 * var(--spacing-gutter))) / 4) * 2 + 0px) !important;
    right: var(--spacing-gutter);
	z-index: 999;
}

.product-back {
    width: calc(((100% - (3 * var(--spacing-gutter))) / 4) * 2 + var(--spacing-gutter));
    z-index: 990 !important;
}

#place_order {
    line-height: 17px;
    padding-top: 10px !important;
}
.button.checkout.h3.h3-bg.w-100 {
    padding-top: 5px !important;
}

.single-product .cart::before {
    height: 3px;
    bottom: 0px;
}

.custom-products.row {
gap: var(--spacing-gutter) 0;
}

.grid-overlay {
	
	gap: calc(var(--spacing-gutter) - 2px) !important;
}
	
	.woocommerce a.remove {
    right: -20px !important;
    margin-top: -3px;
}

}  /* end mobile */

.custom-products.row {
gap: var(--spacing-gutter) 0;
}

.h1-bg:hover::before {
	content: '';
	background: black;
	transition: all .3s ease 0s;
}

.sdw-c {
	color: black !important
}