@media screen {
	body.admin-bar .floating-menu {
		top: 32px;
	}
}

@media screen and (max-width: 782px) {
	body.admin-bar .floating-menu {
		top: 46px;
	}
}

@media only screen and (min-width: 881px) {
	.icon-mobile {
		display: none !important;
	}

	.floating-menu .menu>.close-section {
		display: none !important;
	}

	.border-bottom-desktop {
		border-bottom: 1px solid var(--tj-darker-sand);
	}

	.border-top-desktop {
		border-top: 1px solid var(--tj-darker-sand);
	}
	.toggle-close-tj-dia-search-widget,
	.tj-dia-search-btn {
		display: none;
	}
	.tablet-only {
		display: none;
	}
}

@media only screen and (min-width: 561px) {
	.mobile-only {
		display: none;
	}
}

@media only screen and (max-width: 1280px) {
	.checkout-layout .main {
		padding: var(--gap48);
	}
}

@media only screen and (max-width: 1024px) {
	.checkout-layout .main {
		padding: var(--gap48);
	}

	.checkout-layout {
		display: block;
	}

	.checkout-layout .main {
		padding: var(--gap);
	}

}

@media only screen and (max-width: 880px) {
	.floating-menu .top .icon-logo {
		height: var(--gap72);
	}

	.padding108 {
		padding: var(--gap72);
	}

	.hpadding108 {
		padding-left: var(--gap72);
		padding-right: var(--gap72);
	}

	.vpadding108 {
		padding-top: var(--gap72);
		padding-bottom: var(--gap72);
	}

	/* Shrink menu */
	.floating-menu .top .icon-logo,
	.scrolled .floating-menu .top .icon-logo {
		height: var(--gap48);
	}

	.menu .submenu .current {
		justify-content: space-between;
		width: 100%;
	}

	.menu .submenu .current:after {
		transform-origin: center;
		transform: rotate(-90deg);
	}

	.floating-menu .menu {
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 110;
		top: auto;
		left: 0;
		right: auto;
		max-width: calc(40%);
		overflow: initial;
		background-color: rgba(255, 255, 255, 0.95);
		justify-content: start;
		flex-direction: column;
		border-top: 0;
	}

	.menu .submenu:not(.show) .dropdown:not(.side-menu) {
		left: 200vw;
		opacity: 0;
	}

	.floating-menu .menu:not(.show) {
		left: -100%;
		opacity: 0;
	}

	.menu .submenu .dropdown:not(.side-menu) {
		left: calc(40vw - 1px);
		width: 60vw;
		height: 100vh !important;
		top: 0px;
		border-left: 1px solid var(--tj-darker-sand);
	}

	.submenu.full-menu .dropdown .list {
		text-align: left;
	}

	.floating-menu .menu>ul,
	.scrolled .floating-menu .menu>ul {
		flex-direction: column;
		align-items: stretch;
		padding: var(--gap);
		padding-top: var(--gap);
		gap: var(--gap18);
		font-size: 1.2rem;
		font-weight: 400;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.floating-menu .menu .current {
		display: flex;
		transition: all .3s cubic-bezier(.39, .575, .565, 1);
	}

	.floating-menu .menu>ul>li:first-child .current {
		padding-top: 0;
	}

	.floating-menu .menu>ul>li>a,
	.scrolled .floating-menu .menu>ul>li>a {
		font-size: 1.1rem;
		line-height: 1.2em;
		padding: 0;
	}
	.dropdown.side-menu .menu-content .list {
		font-size: 1.1rem;
		line-height: 1.2em;
	}

	.submenu.full-menu .dropdown .list {
		font-size: 1.1rem;
		line-height: 1.2em;
		font-weight: 500;
	}

	.dropdown.side-menu .list {
		font-size: 1.1rem;
		line-height: 1.2em;
	}

	.floating-menu .dropdown.side-menu {
		border-top: 1px solid var(--tj-darker-sand);
		padding-top: var(--gap18);
		overflow: initial;
	}

	.floating-menu .submenu.show .dropdown.side-menu,
	.floating-menu .submenu:not(.show) .dropdown.side-menu {
		position: relative;
		right: auto;
		left: auto;
		height: auto;
		max-width: none;
		background-color: transparent;
	}

	.floating-menu .submenu .menu-more {
		display: none;
	}

	.floating-menu .submenu.show .dropdown.side-menu .close-section,
	.floating-menu .submenu:not(.show) .dropdown.side-menu .close-section {
		display: none;
	}

	.floating-menu .submenu.show .dropdown.side-menu .menu-content,
	.floating-menu .submenu:not(.show) .dropdown.side-menu .menu-content {
		padding: 0;
		height: auto;
		overflow: visible;
	}

	.floating-menu .top ul {
		gap: var(--gap24);
	}

	.submenu.full-menu .dropdown .flex:not(.vertical) {
		/* flex-direction: column; */
		flex-wrap: wrap;
	}

	.submenu.full-menu .dropdown .flex:not(.vertical)>* {
		flex-basis: calc((100% - var(--gap)) / 2);
	}

	.page-heading .hero {
		width: 100%;
	}

	.page-heading .hero.img-inside {
		padding: 0;
	}

	.col.hero {
		min-height: 60vw !important;
	}
	.home-slider .col.hero {
		min-height: 50vw !important;
	}
    .col.hero.hero-valentines2025 {
        min-height: calc(100vw/4*5) !important;
    }

	.home-slider .slide>.row>.col {
		padding: var(--gap72);
	}

	.flex.responsive:not(.vertical) {
		flex-direction: column;
	}

	.flex.responsive.responsive-nogap:not(.vertical) {
		gap: 0;
	}

	.flex.responsive.responsive-nogap:not(.vertical) > .col:not(:first-of-type) .accordion-block .item:first-of-type  {
		border-top: 1px solid var(--tj-darker-sand);
	}
	.flex.responsive.responsive-nogap:not(.vertical) > .col:not(:first-of-type) .accordion-block .item:first-of-type .handle {
		padding-top: var(--gap12) !important;
	}

	.border-bottom-tablet {
		border-bottom: 1px solid var(--tj-darker-sand);
	}

	.border-top-tablet {
		border-top: 1px solid var(--tj-darker-sand);
	}

	.flex.responsive.reverse:not(.vertical) {
		flex-direction: column-reverse;
	}


	.flex.responsive.vertical {
		flex-direction: row;
	}

	.flex.responsive.vertical>.fluid-thumbnail {
		padding-bottom: 50%;
	}

	.responsive-text-center {
		text-align: center;
	}
	.responsive-text-left {
		text-align: left;
	}
	.responsive-text-right {
		text-align: right;
	}
	
	body.open-mobile-menu .floating-menu .top .icon-mobile-toggle:before {
		background: transparent url(../img/icon-close-menu.svg) center center/contain no-repeat;
	}

	.custom-map {
		position: relative;
		height: 60vw;
	}

	.listing-items {
		--listing-col: 3;
	}

    .listing-items.columns-4 {
        --listing-col: 3;
    }

	.secondary .listing-items {
		--listing-col: 2;
	}

	.listing-items .item .info {
		padding: var(--gap24);
	}
	.product-listing .listing-wrap .main {
		flex-direction: column;
	}
	.featured.explore {
		display: block;
	}

	.featured.explore .col.subtitle {
		text-align: center;
		margin-bottom: var(--gap);
	}

	.cart-items .cart-item .item-details .item-meta {
		flex-direction: column;
	}

	.listing-items .review-item,
	.listing-items .grid-sizer {
		width: 100%;
	}

	.tj-standard-customiser .columns .column.col-thumbnail, 
	.tj-standard-customiser .columns .column.product-title {
		display: none;
	}
}

@media only screen and (max-width: 560px) {

	html,
	body {
		font-size: 14px;
	}

	:root {
		--gap: 24px;
	}

	.floating-menu .menu {
		max-width: 100%;
	}

	.floating-menu .close-section {
		padding-top: var(--gap24);
	}

	.floating-menu .top ul {
		gap: var(--gap18);
	}

	.floating-menu .top .icon-mobile-toggle span.label {
		display: none;
	}

	.floating-menu .top .right .icon:not(.icon-mobile-toggle),
	.floating-menu .top .left .icon:not(.icon-mobile-toggle) {
		height: 14px;
		width: 14px;
	}

	.floating-menu .top .icon-mobile-toggle span.toggle {
		height: 15px;
		width: 16px;
	}

	.floating-menu .menu>ul>li>a,
	.scrolled .floating-menu .menu>ul>li>a {
		font-size: 1rem;
		line-height: 1.2em;
	}
	.dropdown.side-menu .menu-content .list {
		font-size: 1rem;
		line-height: 1.2em;
	}

	.floating-menu .menu {
		left: 0px;
		transition: all .3s cubic-bezier(.39, .575, .565, 1);
		overflow: hidden;
	}

	.floating-menu .menu:not(.show) {
		left: 0px;
		transition: all .3s cubic-bezier(.39, .575, .565, 1);
		height: 0;
		opacity: 0;
	}

	.floating-menu .menu>ul,
	.scrolled .floating-menu .menu>ul {
		
	}

	.floating-menu .menu .submenu.show .current {
		justify-content: start;
	}

	.floating-menu .menu .submenu.show .current:before {
		content: ' ';
		display: block;
		width: 10px;
		height: 10px;
		background: transparent url(../img/icon-arrow-down.svg) center center / contain no-repeat;
		flex-shrink: 0;
		flex-grow: 0;
		transform: rotate(90deg);
	}

	.floating-menu .menu .submenu.show .current:after {
		width: 0;
	}

	.menu .submenu.show {
		z-index: 402;
	}

	.menu .submenu .dropdown,
	.menu .submenu.full-menu .dropdown {
		width: 100vw;
		left: 0;
		top: auto;
	}

	.menu .submenu:not(.show) .dropdown:not(.side-menu) {
		left: 100%;
		width: 100vw;
	}

	.dropdown.side-menu .list {
		font-size: 1rem;
		line-height: 1.2em;
	}

	.flex.responsive-mobile:not(.vertical) {
		flex-direction: column;
	}
	.flex.responsive-mobile.responsive-mobile-nogap:not(.vertical) {
		gap: 0;
	}
	.flex.responsive-mobile.responsive-mobile-nogap:not(.vertical) > .col:not(:first-of-type) .accordion-block .item:first-of-type  {
		border-top: 1px solid var(--tj-darker-sand);
	}
	.flex.responsive-mobile.responsive-mobile-nogap:not(.vertical) > .col:not(:first-of-type) .accordion-block .item:first-of-type .handle {
		padding-top: var(--gap12) !important;
	}

	.flex.responsive-mobile.reverse:not(.vertical) {
		flex-direction: column-reverse;
	}

	.flex.responsive.vertical {
		flex-direction: column;
	}

	.flex.responsive.vertical>.fluid-thumbnail {
		padding-bottom: 100%;
	}

	h1,
	.h1 {
		font-size: 2rem;
		line-height: 1.2em;
		font-weight: 500;
	}

	h2,
	.h2 {
		font-size: 1.6rem;
		line-height: 1.2em;
		font-weight: 500;
	}

	h3,
	.h3 {
		font-size: 1.24rem;
		line-height: 1.2em;
		font-weight: 500;
	}

	h4,
	.h4 {
		font-size: 1.1rem;
		line-height: 1.2em;
		font-weight: 500;
	}

	h5,
	.h5 {
		font-size: 1rem;
		line-height: 1.2em;
		font-weight: 500;
	}

	.listing-items {
		--listing-col: 2;
		/* --listing-gap: var(--gap24); */
	}

    .listing-items.columns-3 {
        --listing-col: 2;
    }

    .listing-items.columns-4 {
        --listing-col: 2;
    }

	.listing-items .review-item .thumbnail {
		flex-basis: var(--gap48);
		width: var(--gap48);
		height: var(--gap48);
	}
	.footer-note {
		padding-bottom: var(--gap72);
	}

	.pricing-table-wrapper > table {
		min-width: 600px;
		margin-right: 30px;
	}
	.pricing-table-block:before {
		content:' ';
		display: block;
		position: absolute;
		z-index: 1;
		right: 0px;
		top: 0px;
		width: 30px;
		height: 100%;
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	}
	.icon-list .items .item {
		flex-basis: 100%;
	}
	.page-heading.min-height > .row {
		min-height: auto;
	}
	.col-3-2,
	.col-3-1,
	.col-2-1 {
		flex-basis: 100%;
	}
	.text-block table.product-table-row {
		display: block;
	}
	.text-block table.product-table-row tr {
		display: flex;
		flex-direction: column;
	}
	.text-block table.product-table-row tr td {
		display: block;
	}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 24px;
    }
    .tj-standard-customiser .columns .column.sizing {
        flex-basis: calc(35% - 0px);
    }
    .tj-standard-customiser .columns .column.add-to-cart {
        flex-basis: calc(65% - 0px);
    }
}

@media only screen and (max-width: 480px) {
	.form-display.nowrap {
		flex-direction: column;
	}
}

@media only screen and (max-width: 420px) {
	:root {
		--gap: 20px;
	}
}