:root {
	--accent: #602E78;
	--accentAlt: #253B3B;
	--purple: #602E78;
	--palePurple: #ded4e3;
	--accentBg: #fef2ef;
	--text: #253B3B;
	--orange: #ef795b;
	--textContainer: 900px;

	--productSize: contain;

	--borderRadius: 5px;

	--mainFont: 'Poppins';
	--accentFont: "ivypresto-headline", serif;

	--viewBox: 70 -80 1240 450;
}

.sage, [data-department="100075"] {
	--accent: #253B3B;
	--accentAlt: #C2E5D7;
	--accentBg: #E3F0EB;
}

.purple {
	--h2color: #602E78;
	--accent: #602E78;
}

img {
	transition: var(--transition);
}

img[data-src]:not([src]) {
	opacity: 0;
}

body[data-department="100081"], .dept-100081, body[data-department="100087"], .dept-100087 {
	--accent: var(--purple);
	--accentBg: var(--palePurple);
}

body[data-department="100069"], .dept-100069 { /* design */
	--accent: #93003d;
	--accentBg: #fff3f8;
}

body[data-department="100099"], .dept-100099,
#product-feature { /* marketing */
	--accent: #0a4aab;
	--accentBg: #eff5fd;
}

:is(.why-choose-websell, #why-choose-this-service) .wave {
	position: absolute;
	z-index: -1;
	width: calc(100vw - 1rem);
	left: 0;
	height: 60vh;
	margin-top: -10vh;
}

:is(.why-choose-websell, #why-choose-this-service) .wave path {
	stroke: var(--white);
	stroke-width: 220px;
	stroke-linecap: round;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #F6F6F6;
}

h1, h2 {
	font-family: var(--accentFont);
}

h2 {
	font-size: 3em;
	font-weight: normal;
}

h3, h4 {
	color: var(--accent);
	font-weight: 500;
}

p {
	line-height: 1.7em;
}

header {
	background: rgba(255,255,255,0.7);
	backdrop-filter: blur(10px);	
	position: sticky;
	top: 0;
	z-index: 5;
}

#bar {
	position: relative;
	z-index: 4;
	box-shadow: var(--shadow);
	margin-bottom: calc(2 * var(--gap));
}

#site-header {
	padding: var(--gap);
}

#logo img {
	max-width: 100px;
	display: block;
	margin-left: 1px;
}

.btn:not(.btn-icon):not(.btn-sm):not(.btn-small) {
	padding: 0.5em 1.5em;
}

.btn:is(.btn-lg) {
	padding: 0.5em 1.5em !important;
}

.btn-outline {
	border-width: 1px;
	border-radius: .5em;
}

.btn-icon i {
	font-size: 2em;
}

nav li {
	position: relative;
}

nav a {
	font-weight: 500;
}

nav .Horizontal_Nav_Menu .level_2-container {
	background: var(--bg);
	width: min-content;
	white-space: nowrap;
	min-width: calc(100% + var(--gap));
	box-shadow: var(--shadow);
	padding: var(--smallGap);
	border-radius: .5em;
	left: calc(-1 * var(--smallGap));
}

nav .Horizontal_Nav_Menu .level_2-container a {
	color: var(--text);
}

nav .Horizontal_Nav_Menu .level_2-container li + li {
	margin-top: 10px;
}

nav .Horizontal_Nav_Menu .level_2-container .container {
	padding: 0;
}

.btn:not(.btn-outline) {
	border-radius: 30px;
}

.btn {
	font-size: 15px;
	text-decoration: none !important;
	font-weight: 500;
	text-transform: uppercase;
}

.btn-primary {
	background: var(--text);
	border-color: var(--text);
	color: var(--bg);
	padding: 0.5em 2em;
	border-radius: 50px;
}

.btn-primary:hover {
	background: none;
	border-color: var(--text);
	color: var(--text);
}

.slide h2 {
	font-weight: normal;
	text-wrap: pretty;
}

.slide .svg {
	display: flex;
	align-items: center;
	justify-content: center;
}

.svg {
	transition: all 0.4s;
}

.svg:not(.ready) {
	opacity: 0;
}

.svg.smudge, .slide .smudge {
	position: absolute;
	bottom: 0;
	right: -5%;
	z-index: -1;
}

.slide blockquote {
    border: 0;
    padding-left: 0;
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 310px;
}

.slide blockquote p {
    padding: var(--gap);
    background: rgb(255 255 255 / 50%);
    backdrop-filter: blur(20px) contrast(1.1);
    font-size: 14px;
    line-height: 21px;
    font-style: normal;
    box-shadow: var(--shadow);
    border-radius: 2em;
    border-bottom-left-radius: 0;
}

.cite {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: var(--smallGap);
    font-size: 12px;
    line-height: 20px;
}

.cite img {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center center;
    border-radius: 50px;
}

.cite .author strong {
    font-size: 14px;
}

.overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

#homepageslider .slide {
	padding: 0;
	margin-bottom: var(--gap);
	background: none;
}

#homepageslider .slide h2 {
	font-size: 2em;
	margin-right: .5em;
}

#homepageslider .slide-caption p {
	opacity: 0.5;
	max-width: 550px;
	text-wrap: balance;
	line-height: 1.7em;
}

#homepageslider .slide-caption a {
	position: relative;
	z-index: 4;
}

#homepageslider .slide-caption .btn {
	margin-top: calc(3 * var(--gap));
	border-radius: 3em;
	border-width: 2px;
}

#homepageslider .slide-caption .btn:hover {
	--accentAlt: var(--accent);
}

#homepageslider .slide-caption {
	padding-left: 0;
	font-size: 25px;
}

#homepageslider .owl-carousel .owl-stage-outer {
	overflow: visible;
}

#homepageslider .slide .image:before {
	display: none;
}

.owl-carousel button.owl-dot {
	min-width: 40px;
}

.ready #freepik--Character--inject-20 {
	transform: translateX(584px) translateY(134px);
}

.active .ready #freepik--Character--inject-20 {
	animation: slideInLeft 1.5s cubic-bezier(0.21, 0.86, 0.65, 1.0);
	transform: translateX(184px) translateY(134px);
}

.page-home main {
	display: grid;
	grid-template-columns: 100%;
	gap: var(--gap);
}

.page-home :is(.pagebody-wrapper, .pagebody-container, #customcontent) {
	display: contents;
}

.carousel-trending {
	order: -10;
}

#welcome {
	order: -9;
}

#extra-features {
	order: -8;
}

.carousel-promotion {
	order: -7;
}

#product-feature {
	order: -6;
}

#blog {
	order: -5;
}

.caption {
	text-align: center;
}

.product-carousel .owl-item {
	background: none;
}

.product-carousel-wrapper h3 {
	font-size: 2em;
}

.panel {
	border: 0;
	background: var(--bg);
	border-radius: 0;
}

.ghost:before {
	content: attr(data-text);
	position: absolute;
	color: var(--accentAlt);
	font-size: 26vw;
	width: 100vw;
	overflow: hidden;
	height: 1.3em;
	line-height: 1em;
	margin-top: -25vh;
	left: -1rem;
	z-index: -1;
	text-indent: -0.1em;
	opacity: 0.4;
}

.page-home #customcontent {
	margin-top: 10vh;
}

#customcontent ul {
	margin-bottom: var(--gap);
}

#product-feature h3 {
	font-size: 2.5em;
	color: var(--accent);
	margin-bottom: 0;
}

#product-feature img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center center;
}

#product-feature h3 + p {
	font-size: 1.2em;
	margin-bottom: var(--gap);
	padding-block: 1em;
}

#product-feature .btn-primary {
	background: var(--accent);
	border-color: var(--accent);
}

h3 small {
	display: block;
	text-transform: uppercase;
	opacity: 0.8;
	line-height: 1em;
	font-family: var(--mainFont);
	font-weight: 400;
	font-size: 0.5em;
}

section {
	margin-top: 200px;
}

.listing section {
	margin-top: 0;
}

.page-home #customcontent>:first-child {
	margin-top: 200px;
}

.page-home #customcontent .grid-3 {
	grid-gap: calc(2* var(--gap));
}

.font-lg {
	font-size: 1.25em;
}

.font-lg p {
	line-height: 1.7em;
	text-wrap: balance;
}

.white-bg {
	background: #fff;
}

.custom-shape-bottom, 
.custom-shape-top,
.custom-shape-edge {
	overflow: hidden;
}

.custom-shape-bottom svg, 
.custom-shape-top svg,
.custom-shape-edge svg{
	height: 11vw;
}

.custom-shape-bottom svg {
	transform: scale(-1, -1);
}

.sticker {
	aspect-ratio: 1;
	width: max-content;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px;
	margin-right: auto;
}

.sticker .shape {
	aspect-ratio: 1;
	width: 100%;
	overflow: hidden;
	transform: rotate(28deg);
	position: absolute;
	top: 3%;
	left: -3%;
	height: 100%;
}

.sticker .content {
	position: relative;
	z-index: 2;
	color: var(--bg);
}

.sticker .content > * {
	color: inherit;
}

.sticker .content h3 {
	margin-bottom: 1rem;
}

.sticker .content p {
	opacity: 0.6;
}

.sticker .shape:before,
.sticker .shape:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: -8%;
	left: 0;
	background: var(--accent);
	border-radius: 300px;
}

.sticker .shape:after {
	bottom: 100%;
	top: unset;
	margin-bottom: -8%;
	background: #fff;
	opacity: 0.8;
}

.sticker p {
	max-width: 240px;
}

.read-more {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.05em;
}

#cta .container {
	position: relative;
	z-index: 2;
	margin-bottom: -10vw;
	transform: translateY(-100px);
}

#cta .custom-shape-edge {
	margin-top: -9vw;
	margin-bottom: -6vw;
	z-index: 0;
	position: relative;
}

#cta .custom-shape-edge svg {
	width: 120%;
	max-width: 120%;
	margin-left: -20%;
	transform: scale(1, 1);
}

#extra-features {
	margin: 300px 0 0;
}

#extra-features h2 {
	text-wrap: balance;
}

#extra-features .flex span {
	flex: 0 0 250px;
	margin: 0 50px 0 0;
	top: 100%;
	position: absolute;
}

#extra-features span > a {
	display: grid;
	grid-template-columns: 100%;
	text-decoration: none;
}

#extra-features span > a > * {
	grid-column: 1;
	grid-row: 1;
}

#extra-features span > a > img {
	width: 100%;
	height: auto;
	animation: rotate 60s infinite linear;
}

#extra-features span > a > i {
	margin: auto;
	color: var(--white);
	font-size: 3em;
	position: relative;
	z-index: 4;
}

#extra-features > div {
	grid-auto-flow: dense;
}

#extra-features .flex h2 {
	font-size: 5em;
	margin-top: -1.5em;
}

#extra-features .flex {
	position: relative;
}

#extra-features h3 {
	font-family: var(--mainFont);
	border-bottom: 1px solid;
	padding-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.4em;
	font-weight: 500;
	color: inherit;
	margin-bottom: var(--gap);
}

#extra-features p a {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--accentAlt);
	text-decoration: none;
}

@media screen and (min-width: 1101px) {

	#extra-features > div:before {
		content: "";
		grid-column: 1;
		grid-row: 2;
	}

}

svg {
	display: block;
}

#blog {
	margin-top: 15vh;
}

#blog p {
	line-height: 1.7em;
}

#blog h2,
.font-lg h2 {
	font-size: 4em;
}

#blog .hero-content {
	padding-top: 30%;
	font-size: 1.25em;
}

#blog .hero-content p {
	padding-right: 10%;
	text-wrap: pretty;
	margin: 2em 0;
}

#blog .hero-content a {
	position: relative;
}

#blog .hero-content a:before {
	content: "";
	background: url('images/squiggle.svg') no-repeat top right;
	background-size: contain;
	position: absolute;
	right: -5vw;
	top: 50%;
	width: 45vw;
	height: 150px;
	z-index: -1;
}

#blog-latest {
	display: grid;
	grid-gap: 0 calc(2* var(--gap));
}

#blog-latest article {
	order: -1;
	padding: 0;
	box-shadow: none;
}

#blog-latest article .inside {
	padding: var(--gap);
}

#blog-latest article h3 {
	font-size: 1.5em;
	line-height: 1.4em;
	font-family: var(--mainFont);
}

#blog-latest article h3 a {
	text-decoration: none;
}

#blog article p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
}

.product-right {
	order: -1;
}

.main-image .image {
	mix-blend-mode: darken;
}

.page-product main.container {
	max-width: 100%;
	width: 100%;
	padding: 0;
}

.page-product main.container > .breadcrumb {
	padding: var(--smallGap) var(--gap);
}

.why-choose-websell, #why-choose-this-service {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--gap);
	grid-auto-flow: dense;
}

.why-choose-websell .content-tab-content {
	display: contents;
}

#why-choose-this-package {
	margin-top: 100px;
}

.content-tab h2 {
	font-size: 5em;
}

.content-tab li p,
.content-tab li {
	text-wrap: balance;
}

.content-tab ul {
	margin-left: 0;
	padding-left: 0;
}

.content-tab li {
	list-style-type: none;
	margin-left: 25px;
	padding-left: 10px;
}

.content-tab li::marker, #note li::marker {
	content: "✦";
	color: var(--accent);
	font-size: 1em;
}

.steps {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--gap);
	align-items: flex-end;
}

.steps > div p {
	padding-right: 20%;
}

.steps > div:nth-child(4n+1) {
	transform: translateY(-40px);
}

.why-choose-websell .sticker {
	margin: 0 0 auto auto;
}

.why-choose-websell .steps {
	grid-column: 1 / -2;
	grid-template-columns: 1fr 1fr;
}

.why-choose-websell:after, #why-choose-this-service:after {
	content: "";
	background: url('images/webster-presenting-left.svg') no-repeat top left / contain;
	display: block;
	grid-column: 3;
	grid-row: span 2;
	transform: translateY(-100px);
}

.what-s-included-in-your-service h2 {
	width: 15ch;
	text-align: center;
	margin: 0 auto 2em auto;
	position: relative;
}

.what-s-included-in-your-service h2:after {
	content: "";
	position: absolute;
	bottom: -1em;
	right: -15%;
	left: -15%;
	width: 130%;
	height: 180px;
	background-color: var(--accent);
	mask: url(images/squigline.svg) no-repeat center;
	mask-size: contain;
	opacity: 0.2;
}

.what-s-included-in-your-service > .content {
	max-width: var(--textContainer);
	margin: 0 auto;
}

#productbody h1 {
	font-weight: normal;
	text-wrap: balance;
	font-size: 2.5em;
	line-height: 1.2em;
	margin-bottom: 1em;
}

.page-product #smudge2 {
	color: var(--accent);
	overflow: hidden;
	height: 100vh;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 0.3;
	content: "";
	background-color: var(--accent);
	mask: url(images/smudge2.svg) no-repeat center;
	mask-size: 90%;
	mask-position: 130% 0;
	top: -5vw;
}

.modal-open .modal-scrollable .modal.fade {
	background: rgba(0,0,0,.2);
}

#modal-quickview h2 {
	font-size: 1.5em;
}

body:not(.page-home) main {
	position: relative;
	z-index: 1;
	background: inherit;
}

section h2 {
	margin-bottom: 1em;
}

[data-currency]:before {
	content: attr(data-currency);
}

[data-currency]:after {
	content: ".00";
}

#description {
	max-width: 600px;
	font-size: 1.2em;
	margin-bottom: var(--gap);
}

#description > * {
	margin-bottom: 1em;
}

#description h2 {
	font-size: 2em;
}

.auto-content:not(#key-features, #whats-included) ul {
	margin-left: 2em;
}

.auto-page .grid-12 {
	grid-auto-flow: dense;
}

.auto-page .product-right {
	grid-row: span 4;
}

.auto-page #description {
	max-width: 100%;
}

.auto-page .grid-12 > .grid-3.span-full {
/*	margin-bottom: auto;
	position: sticky;
	top: var(--gap);*/
	grid-row: span 3;
	grid-column: 8 / -1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 21%;
}

.auto-page #description h1 + p, .auto-page #description > p:first-child {
	max-width: 650px;
}

.auto-content {
	font-size: var(--em);
	margin-right: -11%;
}

.auto-page #pricing {
	display: none;
}

#whats-included h2, #key-features h2 {
	margin-top: 1em;
	font-size: 4em;
	font-weight: normal;
}

#whats-included ul, #key-features ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--gap);
}

:is(#whats-included, #why-choose-this-service, #key-features) li {
	list-style-type: none;
}

:is(#whats-included, #why-choose-this-service, #key-features) li strong {
	display: block;
	color: var(--purple);
	font-weight: 500;
	font-size: var(--h3size);
	margin-bottom: 1em;
}

@media screen and (min-width: 1101px) {
	#why-choose-this-service {
		margin-right: -74%;
	}
}

#note:hover {
	border-radius: 0;
}

#note {
	background: var(--accentBg);
	padding: var(--gap);
	transform: translateY(200px) rotate(4deg);
	position: relative;
	z-index: 4;
	max-width: 400px;
	border-radius: 0 0 30px / 40% 0;
	box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.3);
	transition: all 0.4s;
}

#note h2 {
	color: var(--accent);
}

#note ul:not(:last-child) {
	border-bottom: 1px dashed var(--purple);
	padding-bottom: var(--smallGap);
	margin-bottom: var(--smallGap);
}

#note li {
	margin-left: 1em;
	padding-left: 0.5em;
}

#note li + li {
	margin-top: 1.5em;
}

#why-choose-this-service {
	padding-block: 100px;
	margin-top: 100px;
}

#why-choose-this-service h2 {
	font-size: 5em;
	margin-bottom: 1em;
}

#why-choose-this-service:after {
	order: -1;
}

#why-choose-this-service > p {
	grid-column: 1 / -1;
	font-size: 1.2em;
}

#why-choose-this-service ul {
	display: contents;
}

#why-choose-this-service li:first-child {
	transform: translateX(50px);
	align-self: end;
}

#why-choose-this-service li:nth-child(3) {
	margin-top: 70px;
}

.content h3 {
	text-align: inherit;
	margin-bottom: var(--em);
}

.content-tab + .content-tab {
	margin-top: 10%;
}

p:last-child {
	margin-bottom: 0;
}

.span-full.grid-3 {
	grid-auto-flow: dense;
}

#pricing-box {
	grid-column: -2;
	box-shadow: var(--shadow);
	margin-bottom: auto;
	margin-top: 0;
	padding: var(--gap);
}

ul > br {
	display: none;
}

.recently-viewed-products-wrapper {
	position: relative;
	z-index: 4;
	margin-bottom: 4vw;
}

#basket-pricing {
    background: rgb(255 255 255 / 50%);
    backdrop-filter: blur(20px) contrast(1.1);
    box-shadow: var(--shadow);
}

#basket-pricing .btn {
	min-height: 42px;
}

#quantity {
	display: none;
}

.arrow-box {
	background: var(--bg);
	box-shadow: var(--shadow);
	border: 0;
	border-radius: 0.5em;
}

.arrow-box:before, .arrow-box:after {
	border: 0px;
}

.item-info {
    grid-column: 1 / -1;
}

.btn-outline.active {
	border-width: 1px;
}

#elecurrency {
	width: 92px;
}

.btn-shadow, #elecurrency {
    background: rgb(255 255 255 / 50%);
    backdrop-filter: blur(20px) contrast(1.1);
    border: 0;
    box-shadow: var(--shadow);
	min-height: 48px;
	position: relative;
}

.cart small {
	width: 20px;
    height: 20px;
    background: var(--accent);
    border-radius: 20px;
    position: absolute;
    right: -10px;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
    color: var(--bg);
    top: -5px;
}

.productDetailsBasket {
    grid-column: span 2;
}

.checkout-panel h5 {
    line-height: 1.3em;
}

section.cta {
	margin-top: var(--gap);
	padding-block: calc(2 * var(--gap));
	text-align: center;
	background-color: var(--text);
	box-shadow: -50vw 0 0 var(--text), 50vw 0 0 var(--text);
	color: var(--bg);
}

section.cta h3 {
	font-size: 2.5em;
	color: inherit;
}

section.cta .btn-primary {
	border-color: rgb(0,0,0,0.2);
	background: rgb(0,0,0,0.2);
	color: var(--bg);
}

section.cta .btn-default {
	border-color: rgb(255,255,255,0.1);
	background: rgb(255,255,255,0.1);
	color: var(--bg);
}

section.cta .btn-primary:hover {
	color: var(--bg);
	border-color: var(--bg);
	background: none;
}

section.cta .btn + .btn {
	margin-left: 1em;
}

footer {
	background: transparent;
	color: var(--text);
	position: sticky;
	bottom: 0;
	z-index: 1;
	margin-top: 4vw;
	position: relative;
}

footer a {
	color: inherit;
}

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

footer:after {
	content: "";
	background-color: var(--palePurple);
	mask: url(../product_imgs/wave.svg) no-repeat center;
	mask-size: 130%;
	bottom: 0;
	height: 10vw;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 1;
}

footer .widget {
	flex: 0 2 200px;
}

footer .widget.newsletter-wrapper {
	flex: 2 2 300px;
}

footer .widget.contact {
	flex: 1 1 400px;
}

footer .form-group {
	--gray: var(--text);
}

footer .widget:last-child {
	flex: 1 3 150px;
}

footer .copyright {
	flex: 1 1 100%;
}

#email + .btn {
	margin-left: -50px;
}

#email + .btn:hover {
	background: var(--palePurple);
}

@keyframes slideInLeft {

	0% {
		transform: translateX(584px) translateY(134px);
	}

	100% {
		transform: translateX(184px) translateY(134px);
	}

}

@keyframes rotate {

	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}

}


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

	.svg.smudge {
		right: 0;
	}
}

@media screen and (min-width: 651px) and (max-width: 1100px) {

	:root {
		--em: 14px;
	}

	.ghost:before {
		margin-top: -27vw;
	}

 	#blog h2, .font-lg h2 {
	 	font-size: 3em;
	}

	#blog {
		margin-top: 20vw;
	}

	#extra-features .flex {
		display: contents;
	}

	#extra-features .flex h2 {
		grid-column: span 2;
		font-size: 4em;
	}

	#extra-features .flex span {
		width: 200px;
		margin: 0 auto;
		transform: none;
	}

}

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

	:root {
		--gap: 30px;
	}

	.media {
		order: -1;
	}

	#cta .box-content {
		text-align: center;
	}

	#cta .box-content .flex {
		justify-content: center;
	}

	#main-nav {
		order: 9;
		display: none;
	}

	#main-nav, body.-search #main-nav {
		background: none;
	}

	nav .Horizontal_Nav_Menu .level_2-container {
		width: auto;
		min-width: auto;
	}

	#Store_Navigation>li.menu-item-has-children:after {
		border: 0;
	}

	#site-header {
		gap: var(--gap) 0;
	}

	#logo {
		flex: 1 1 calc(100% - 100px);
		order: -1;
	}

	#logo img {
		height: 24px;
	}

	#elecurrency {
		width: 75px;
		min-height: 32px;
	}

	.caption .btn {
		display: none;
	}

	.product-carousel .owl-dots {
		justify-content: center;
	}

	#homepageslider .slide-caption .btn {
		font-size: 13px;
	}

	#extra-features .flex h2 {
		font-size: 2.5em;
		margin-top: 0;
	}

	#extra-features .flex span {
		position: static;
		margin-right: 0;
		flex: 0 0 140px;
	}

	#extra-features h3 {
		margin-top: var(--gap);
	}

	section.cta .btn {
		font-size: 13px;
	}

	section, .page-home #customcontent>:first-child {
		margin-top: calc(2 * var(--gap));
	}

	#Store_Navigation {
		padding: 0 var(--gap);
	}

	header .account {
		flex-grow: 2;
	}

	header .currency {
		order: -1;
		margin-left: auto;
	}

	#blog .ghost:before {
		font-size: 60vw;
		margin-top: -12vw;
	}

	svg {
		max-width: 100%;
	}

	#homepageslider .slide-caption {
		font-size: 16px;
	}

	#homepageslider .slide h2 {
		font-size: 1.6em;
	}

	#homepageslider .svg.smudge {
		bottom: unset;
		height: 30vw;
		top: 30%;
	}

	#homepageslider blockquote {
		display: none;
	}

	#homepageslider .slide-caption {
		text-align: center;
	}

	#homepageslider .image {
		width: 50%;
	}

	#homepageslider .image svg {
		height: unset;
		aspect-ratio: 1;
	}

	#extra-features {
	    margin: 70px 0;
	}

	#extra-features .flex {
		flex-wrap: wrap;
	}

	#extra-features .flex span {
		margin-left: auto;
	}

	#extra-features span {
		margin: 0 0 0 auto;
		transform: none;
		flex-basis: 150px;
	}

	#extra-features span > a > i {
		font-size: 1.5em;
	}

	#extra-features span {
    	order: -1;
	}

	#blog-latest {
		gap: var(--gap);
	}

	#blog .hero-content a {
		margin-bottom: calc(2 * var(--gap));
	}

	#blog .hero-content a:before {
		right: unset;
		left: -7vw;
		top: 70%;
		width: 90vw;
	}

	.ghost:before {
		margin-top: -8vw;
		left: 0;
	}

	h2 {
		font-size: 2.5em;
	}

	#blog h2, .font-lg h2 {
		font-size: 3em;
	}

	#blog {
		margin-top: 0;
	}

	.why-choose-websell {
		grid-template-columns: 1fr;
	}

	.why-choose-websell:after {
		display: none;
	}

	.why-choose-websell .sticker {
		order: -1;
		margin: 100px auto;
		padding: 0 20px;
		font-size: 12px;
	}

	.sticker p {
		max-width: 200px;
		line-height: 1.4em;
	}

	.what-s-included-in-your-service h2 {
		width: unset;
	}

	.content-tab h2 {
		font-size: 3em;
	}

	.what-s-included-in-your-service h2:after {
		width: 100%;
		right: unset;
	}

	.why-choose-websell .steps {
		grid-template-columns: 1fr;
		gap: var(--gap);
	}

	.steps > div p {
		padding-right: 0;
	}

	.steps > div:nth-child(4n+1) {
		transform: none;
	}

	#homepageslider .slide-caption .btn {
		margin-top: var(--gap);
	}

	.auto-page .grid-12 > .grid-3.span-full {
		grid-column: 1 / -1;
		padding-left: 0;
	}

	#why-choose-this-service:after {
		display:none;
	}

	div#why-choose-this-service {
	grid-template-columns: 1fr;
	padding: 0;
}

	#why-choose-this-service h2 {
		font-size: 3em;
	}

	:is(.why-choose-websell, #why-choose-this-service) .wave {
		width: 100vw;
		height: 60vw;
		object-fit: cover;
		margin-top: 0;
	}

	#why-choose-this-service li:first-child {
		transform: none;
	}

	div#note {
		max-width: 100%;
		transform: rotate(4deg);
	}

	#why-choose-this-service li:nth-child(3) {
		margin-top: 0;
	}

	.auto-content {
		margin-right: 0;
	}

	#whats-included ul, #key-features ul {
		grid-template-columns: 1fr;
	}

	#description h1 {
		font-size: 1.5em;
	}

	.auto-page #description h1 + p, .auto-page #description > p:first-child {
		font-size: var(--em);
	}

	#menu-button {
		order: 0;
		margin-right: auto;
		margin-left: 0;
	}

	header .cart {
		margin: 0;
	}

	#cart, #login-register {
        top: 100%;
	}

	#login-register {
    	--gap: 15px;
	}

	#basket-pricing {
		padding: var(--gap);
	}

	.desktop {
		display: none;
	}

	.productDetailsBasket {
    	grid-column: span 5;
	}

	footer .container > .flex {
		gap: var(--gap);
	}

	footer:after {
		mask-size: 400vw;
		height: 75vw;
	}
}

/* custom search */

body.page-search main {
	display: flex;
	flex-direction: column;
}

#extra-search {
	order: 3;
}

#extra-search h3 {
	color: var(--text);
	border-bottom: var(--border);
	padding-bottom: var(--smallGap);
	font-weight: bold;
	font-family: var(--mainFont);
}

#extra-search h4 {
	font-size: 1.1em;
	font-weight: 500;
}

#extra-search h4 a {
	color: var(--text);
}

mark {
	padding: 2px 5px;
	background: var(--palePurple);
	color: var(--accent);
}

#searchbox {
	padding-bottom: var(--gap);
}

#searchbox .form-control {
	flex-grow: 2;
	font-size: 20px;
}

#quick_find_submit {
	margin-left: -50px;
}

#quick_find_submit:hover {
	color: var(--bg);
	background: var(--accent);
}