@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--default-dark-color: #282828;
	--lighter-dark-grey: #3D3D3D;
	--light-grey-color: #686868;
	--dark-font-color: #363636;
	--dark-grey-color: #1d1d1d;
	--magenta-color: #FF3259;
	--green-color: #48B02C;
	--default-desktop-section-padding-top: 60px;
	--default-desktop-section-padding-bottom: 60px;
	--default-tablet-section-padding-top: 50px;
	--default-tablet-section-padding-bottom: 50px;
	--default-mobile-section-padding-top: 35px;
	--default-mobile-section-padding-bottom: 35px;
}

* {
	font-family: "Montserrat", sans-serif;
}

.container-page * {
	font-family: "Montserrat", sans-serif !important;
}

.blank-link {
	text-decoration: none !important;
	color: transparent !important;
}

.magenta-link {
	text-decoration: none !important;
	color: var(--magenta-color) !important;
	font-size: 16px;
}

.bg-lightergray {
	background-color: var(--lighter-dark-grey);
}

.dropdown-select-item:hover,
.dropdown-select-item-selected {
	background-color: #363636;
}

.dropdown-ul li *,
.dropdown-ul li {
	color: #fff !important;
}

.dropdown-ul li:hover,
.dropdown-ul li.bg-gray-100 {
	background-color: #363636 !important;
}

.toggler-current {
	min-width: unset;
}

.toggler-current-item {
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.small-switcher .toggler-current-item * {
	color: var(--dark-font-color);
}

.flag-icon {
	width: 24px;
	height: auto;
}

.grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.general-link {
	text-decoration: none;
	font-weight: 600;
}

.magenta-font-color {
	color: var(--magenta-color);
}

.white-font-color {
	color: #fff;
}

.main-h1-text {
	font-size: 38px;
	font-weight: 700;
	line-height: 50px;
}

.main-h2-text {
	font-size: 34px;
	font-weight: 700;
	line-height: 45px;
	color: var(--dark-font-color);
}

.main-h3-text {
	font-size: 25px;
	font-weight: 700;
	line-height: 32px;
	color: var(--dark-font-color);
}

.main-para-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: var(--dark-font-color);
	text-decoration: none;
}

section .main-h2-text:not(.prod-name) {
	text-align: center;
}

.btn {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 8px 17px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
}

.btn.btn-primary {
	background-color: var(--magenta-color);
}

.btn.btn-primary.inverse {
	background-color: #fff !important;
	outline: 1px solid var(--magenta-color) !important;
	color: var(--magenta-color) !important;
}

.btn.btn-secondary {
	background-color: var(--dark-font-color);
}

.btn.btn-secondary.inverse {
	background-color: #fff !important;
	outline: 1px solid var(--dark-font-color) !important;
	color: var(--dark-font-color) !important;
}

.btn.medium-btn {
	padding: 10px 25px;
}

.btn.large-btn {
	padding: 15px 30px;
}

.icon-hamburger {
	font-size: 30px;
	line-height: 40px;
}

.main-drawer {
	width: 100%;
	max-width: 500px;
}

.main-content-container {
	margin-top: 70px;
}

.form-container {
	background-color: var(--dark-font-color);
	box-shadow: 0px 0px 40px 0px #28282814;
	width: 100%;
	max-width: 600px;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	padding: 45px 100px;
	border-radius: 15px;
}

.form-container label,
.form-container .main-para-text {
	color: #fff;
}

.form-container.wider {
	max-width: 1024px;
}

.form-container.wider *:not(.main-para-text) {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.form-container-light {
	background-color: #fff;
	padding: 25px;
	box-shadow: 0px 0px 40px 0px #28282814;
	border-radius: 15px;
}

.form-container-light input:not([type="checkbox"]),
.form-container-light select,
.form-container-light textarea {
	background-color: #F9F9F9 !important;
}

.input-group {
	display: flex;	
	flex-direction: column;
	gap: 10px;
}

input:not(.range-slider-input),
textarea,
select {
	border-radius: 15px !important;
	height: 35px !important;
	background-color: #fff;
	color: var(--dark-font-color) !important;
	padding: 5px 15px !important;
	margin-bottom: 5px !important;
	outline: none !important;
	box-shadow: none !important;
}

textarea {
	height: auto !important; 
}

input[type="checkbox"] {
	position: relative;
	width: 16px !important;
	height: 16px !important; 
	margin-bottom: 0 !important;
	appearance: none !important;
	background-color: #fff;
	cursor: pointer;
	padding: 0 !important;
	border-radius: .25rem !important;
}

input[type="checkbox"].for-white {
	background-color:#D9D9D9;
}

input[type="checkbox"]:checked {
	background-color: var(--magenta-color);
}

input[type="checkbox"]:checked::before {
	content: '\2714';
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: -2px;
	left: 4px;
}

input[type="checkbox"].for-white:checked::before {
	line-height: 20px;
}

.form-btn-cont {
	margin-top: 30px;
}

.alert {
	padding: 10px 15px;
	border-radius: 15px;
	width: 100%;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 20px;
}

.alert-danger {
	background-color: var(--magenta-color);
}

.alert-success {
	background-color: var(--green-color);
}

.icon-cart-badge {
	background-color: var(--magenta-color);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	font-family: 'Montserrat', sans-serif !important;
}

.icon-cart-badge.normal {
	border-radius: 50%;
	font-size: 14px;
	width: 25px;
	height: 25px;
}

.main-flash-container {
	z-index: 50;
	bottom: 20px !important;
	top: unset !important;
}

.profile-drop-card * {
	color: #fff;
}

.profile-drop-card > .main-para-text:nth-child(1) {
	font-size: 20px;
}

.profile-drop-card > .main-para-text:nth-child(2) {
	font-size: 14px;
}

.customer-menu-list a:hover {
	background-color: var(--dark-font-color);
}

.icon-search-input {
	top: 8px !important;
	left: 8px !important;
}

.icon-search-input::before {
	font-size: 18px;
}

.icon-search-input + input {
	padding: 5px 30px !important;
}

.h-max-content {
	height: max-content;
}

.grow {
	flex-grow: 1;
}

.grow-0 {
	flex-grow: 0;
}

.shrink-0 {
	flex-shrink: 0;
}

.shrink-1 {
	flex-shrink: 1;
}

.not-ultra-large {
	max-width: 510px !important;
}

.rating-row-flex > div:nth-child(1) {
	min-width: 65px;
}

.icon-calendar-flatpickr {
	top: 5px;
}

.flatpickr-month {
	height: 35px;
}

.high-z-index {
	position: relative;
	z-index: 2;
}

.hidden-important {
	display: none !important;
}

.font-400 {
	font-weight: 400 !important;
}

.form-back-btn {
	margin-bottom: 10px;
}

.min-w-60 {
	min-width: 60px;
}

.payment-method-label {
	min-height: 140px;
	height: 100%;
}

/* Pagination ======================================================================= */

.pagination {
	display: flex;
	align-items: center;
	margin-top: 35px;
	gap: 5px;
}

.pagination .page-item {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	text-decoration: none !important;
	width: 35px;
	height: 35px;
	background-color: #D9D9D9;
	color: var(--dark-font-color);
	font-size: 16px;
}

.pagination .page-item.active,
.pagination .page-item:hover {
	background-color: var(--dark-font-color);
	color: #fff;
}

/* Header mods ======================================================================*/

header {
	background-color: var(--default-dark-color);
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
}

.mobile-header {
	height: 70px;
}

.mobile-header-inner > div {
	flex-shrink: 0;
}

.header__mobile-logo-cont > a {
	margin: 0 auto;
}

.mobile-header-inner .header__nav-right {
	justify-content: flex-end;
}

.icon-cancel {
	color: var(--dark-font-color);
}

.icon-cancel.text-white::before {
	color: #fff;
}

.header__mobile-main-menu {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 10px;
}

.header__mobile-main-menu-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 10px;
}

.header__mobile-main-menu-item * {
	color: var(--dark-font-color);
}

.header__mobile-main-menu-item .main-para-text,
.header__mobile-menu-cat-list-item a {
	font-weight: 500;
	text-transform: uppercase;
}

.header__mobile-menu-cat-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	padding: 15px;
	background-color: var(--lighter-dark-grey);
}

.header__mobile-menu-cat-list.header-sub-cat-list {
	background-color: var(--light-grey-color);
}

.header__mobile-menu-cat-list-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header__mobile-menu-cat-list-item * {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

.mobile-menu-cat-toggler-btn {
	text-decoration: none;
	color: var(--dark-font-color) !important;
}

.mobile-menu-cat-toggler-btn * {
	pointer-events: none;
}

.d-none {
	display: none !important;
}

.mobile-menu-cat-toggler-btn.active i {
	transform: rotate(90deg);
}

.header__main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 70px;
}

.header__logo-link {
	display: block;
	width: 136px;
}

.header__logo-link img {
	width: 100%;
	height: auto;
}

.header__nav-left {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-right: 30px;
}

.header__main-menu-list {
	display: flex;
	align-items: center;
	gap: 20px;
}

.header__main-menu-item {
	position: relative;
}

.header__main-menu-item i {
	font-size: 16px;
	color: #fff;
	padding-left: 5px;
}

.header__main-menu-item.is-hoverable:hover .dropdown__menu {
	display: block;
}

.dropdown__menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: var(--lighter-dark-grey);
	border-radius: 10px;
	width: 250px;
	z-index: 10;
}

.dropdown__menu ul {
	display: block;
	padding: 10px 0
}

.dropdown__menu ul li {
	padding: 5px 15px;
	position: relative;
}

.dropdown__menu li:hover {
	background-color: #363636;
}

.dropdown__menu-inside {
	display: none;
}

.dropdown__menu ul li:hover .dropdown__menu-inside {
	display: block;
	position: absolute;
	top: 0;
	left: 250px;
	border-radius: 10px;
	background-color: var(--lighter-dark-grey);
	min-width: 250px;
	margin-left: 2px;
}

.header__nav-right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-width: 335px;
}

.header-search-item {
	position: relative;
	z-index: 10;
}

.drop-single {
	position: relative;
}

.drop-single .icon-search {
	font-size: 24px;
}

.drop-single-content {
	position: absolute;
	right: -50px;
	top: calc(100% + 5px);
	opacity: 0;
	pointer-events: none;
}

.drop-single.active .drop-single-content {
	opacity: 1;
	pointer-events: auto;
}

.drop-single-content .icon-search {
	color: var(--dark-font-color);
}

.drop-single-content input {
	width: 220px;
	padding-left: 44px;
	padding-right: 10px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.small-switcher {
	display: none;
}

.minicart-drawer p,
.minicart-drawer .icon-minus, 
.minicart-drawer .icon-plus {
	color: var(--dark-font-color);
}

.cart-net-price-disclaimer {
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.cart-action-cont {
	width: max-content;
	margin: 0 auto;
}

.header__def-avatar-img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.address-edit-btn {
	position: absolute;
	right: 15px;
	bottom: 10px;
	z-index: 10;
}

/* Footer mods ====================================================== */

footer {
	background-color: var(--dark-grey-color);
	color: #fff;
	padding-top: 100px;
	position: relative;
}

footer .header__logo-link {
	width: 100%;
	max-width: 255px;
}

.footer__subtitle-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DBDBDF;
	margin-bottom: 20px;
}

.footer__subtitle-item i {
	font-size: 20px;
}

.footer__subtitle-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}

.footer__subtitle-data a,
.footer__subtitle-data span {
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
}

.footer__subtitle-data:not(.no-li-margin) ul > li:not(:last-child) {
	margin-bottom: 10px;
}

.footer__subtitle-data i {
	font-size: 24px;
}

.footer__subtitle-data.no-li-margin ul {
	padding-left: 50px;
}

.row-footer-upper {
	column-gap: 80px;
	row-gap: 30px;
}

.footer__bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	padding: 25px 0;
	border-top: 1px solid #DBDBDF;
	margin-top: 30px;
	flex-wrap: wrap;
}

.age-consent-container,
.hungary-not-legal-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	inset: 0;
	position: fixed;
	z-index: 1000;
	background-color: #D9D9D980;
	padding-left: 25px;
	padding-right: 25px;
}

.hungary-not-legal-container {
	z-index: 998;
	flex-direction: column;
}

.announcement-read-btn {
	background-color: #fff;
	padding: 10px 20px;
	max-width: 1000px;
	text-align: center;
	width: 100%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.age-consent-dialog,
.hungary-not-legal-dialog {
	background-color: #fff;
	border-radius: 15px;
	padding: 25px;
	max-width: 580px;
	width: 100%;
	position: relative;
	max-height: 500px;
	overflow-y: auto;
}

.hungary-not-legal-dialog {
	max-width: 1000px;
	width: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding-top: 50px;
}

.hungary-not-legal-dialog .main-h3-text {
	color: var(--magenta-color) !important;
	text-align: center !important;
	font-size: 25px !important;
}

.hungary-not-legal-dialog :not(.main-h3-text, button, .dropdown-select-item) {
	color: var(--dark-font-color) !important;
}

.hungary-not-legal-dialog .dropdown-select-item {
	color: #fff !important;
}

.hungary-not-legal-dialog p {
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	color: var(--dark-font-color) !important;
	text-align: center !important;
	margin: 20px auto !important;
}

.age-consent-dialog > img {
	display: block;
	max-width: 125px;
	width: 100%;
	margin: 0 auto;
}

.age-consent-para {
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	color: var(--dark-font-color);
	text-align: center;
	margin: 20px auto;
}

.age-consent-dialog .btn-flex,
.cookie-consent-dialog .btn-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.hungary-not-legal-dialog .btn-flex {
	display: flex;
	justify-content: center;
}

.age-consent-lang-switcher {
	position: absolute;
	top: 20px;
	right: 20px;
}

.age-consent-lang-switcher i {
	color: var(--dark-font-color) !important;
}

.cookie-consent-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 999;
	padding: 25px 75px;
	background-color: #fff;
}

.cookie-consent-dialog {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 50px;
}

.cookie-consent-dialog > .btn-flex {
	flex-shrink: 0;
	gap: 25px;
}

.cookie-consent-dialog .age-consent-para {
	text-align: left;
	margin: 0;
}

.cookie-consent-dialog .age-consent-para.first {
	margin-bottom: 5px;
}

.payment-logos-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
}

.phone-number-text-format-alert {
	color: rgb(255, 183, 0);
	font-weight: 500;
}

.modal-content-wrapper {
	max-height: 500px;
	overflow-y: auto;
}

/* SECTION: why-us ================================================ */

.section__why-us {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.why-us__feature-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 230px;
	background-color: var(--dark-font-color);
	box-shadow: 0px 0px 40px 0px #28282814;
	border-bottom: 15px solid var(--magenta-color);
	border-radius: 15px;
	padding: 30px;
	height: 100%;
}

.why-us__feature-item-img-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 85px;
	flex: 1;
}

.why-us__feature-item-img-box img {
	height: 100%;
	width: auto;
}

.row-why-us-features {
	margin-top: 40px;
	margin-bottom: 50px;
	column-gap: 25px;
	row-gap: 25px;
}

.why-us__feature-item-text-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.why-us__feature-item-text-box * {
	color: #fff;
}

.why-us__cat-outer-card {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	min-height: 320px;
	row-gap: 25px;
}

.why-us__cat-outer-card > .why-us__cat-inner-card:nth-child(1) {
	background-color: #131313;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
} 

.why-us__cat-outer-card > .why-us__cat-inner-card:nth-child(2) {
	background-color: var(--dark-font-color);
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
} 

.why-us__cat-inner-card {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	height: 100%;
}

.why-us__cat-inner-card > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px;
	text-align: center;
	gap: 20px;
}

.why-us__cat-inner-card * {
	color: #fff;
}

.why-us__cat-inner-card img {
	max-height: 185px;
}

/* SECTION: home-categories ======================================================= */

.section__home-categories {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background-image: url('../images/section-home-categories/section-home-categories-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.row-home-categories {
	margin-top: 40px;
	column-gap: 25px;
	row-gap: 20px;
	display: flex !important;
	flex-wrap: wrap !important;
}

.row-home-categories > a {
	flex: 1 1 403px;
}

.home-categories__card {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	min-height: 320px;
	box-shadow: 0px 0px 40px 0px #28282814;
}

.home-categories__card > div:nth-child(1) {
	background-color: var(--dark-font-color);
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
} 

.home-categories__card > div:nth-child(2) {
	background-color: var(--light-grey-color);
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
} 

.home-categories__card > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px;
	text-align: center;
	gap: 20px;
	height: 100%;
}

.home-categories__card .main-h3-text {
	font-size: 20px;
	line-height: 26px;
}

.home-categories__card * {
	color: #fff;
}

.home-categories__card img {
	max-height: 250px;
}

/* SECTION: home-favorite-products ============================================ */

.section__home-favorite-products {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.row-home-favorite-products {
	margin-top: 40px;
	column-gap: 25px;
	row-gap: 25px;
}

.featured-products__card.favorites {
	background-color: #fff;
}

.featured-products__card.favorites .main-para-text,
.featured-products__card.favorites .featured-product__price-text * {
	color: var(--dark-font-color) !important;
}

/* SECTION: home-discount-products ============================================ */

.section__home-discount-products {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background-image: url('../images/section-home-discount-products/section-home-discount-products-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.row-home-discount-products {
	margin-top: 40px;
	column-gap: 25px;
	row-gap: 20px;
}

.featured-products__card.discount {
	min-height: 380px;
	padding: 50px;
}

.featured-products__card.discount .featured-products__img-box {
	height: 225px;	
}

/* SECTION: home-welcome ============================================ */

.section__home-welcome {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.home-welcome__card {
	border-radius: 15px;
	border-bottom: 15px solid var(--magenta-color);
	text-align: center;
	padding: 65px 210px;
	background-image: url('../images/section-home-welcome/section-home-welcome-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.home-welcome__card * {
	color: #fff;
}

.home-welcome__card .main-h2-text {
	margin-bottom: 25px;
}

/* SECTION: home-featured-products ================================================ */

.section__home-featured-products {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background-image: url('../images/section-home-featured-products/section-home-featured-products-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.home-featured-products__arrow {
	width: max-content;
	margin: 75px auto 15px; 
}

.home-featured-products__arrow img {
	height: 100px;
	width: auto;
}

.row-featured-products {
	margin-top: 25px;
	column-gap: 25px;
	row-gap: 25px;
}

.featured-products__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 30px;
	border-radius: 15px;
	background-color: var(--dark-font-color);
	gap: 20px;
	min-height: 390px;
	text-align: center;
	height: 100%;
	box-shadow: 0px 0px 40px 0px #28282814;
}

.featured-products__img-box {
	height: 165px;
}

.featured-products__img-box img {
	height: 100%;
}

.featured-product__text-box * {
	color: #fff;
}

.featured-product__text-box .main-para-text {
	margin-bottom: 20px;
}

.featured-products__card:not(.discount) .featured-product__text-box .main-para-text {
	padding: 0 50px;
}

.featured-product__price-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}

/* SECTION: home-partners ========================================================== */

.section__home-partners {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.row-home-partners {
	margin-top: 40px;
	column-gap: 30px;
	row-gap: 30px;
	align-items: center;
}

.row-home-partners img {
	display: block;
	margin: 0 auto;
	max-height: 80px;
}

/* SECTION: home-home-articles =================================================== */

.section__home-articles {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background: linear-gradient(180deg, #FFFFFF 0%, #878787 100%);
}

.blog-card {
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-shadow: 0px 0px 40px 0px #28282814;
}

.blog-card__img-box {
	height: 180px;
	flex-shrink: 0;
}

.blog-card.show .blog-card__img-box {
	height: auto;
	max-height: 400px;
}

.blog-card__img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.blog-card__text-box {
	background-color: #fff;
	padding: 25px;
	min-height: 250px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: left;
}

.blog-card__text-box-header-cont {
	margin-bottom: 25px;
}

.blog-card__header-text,
.blog-card__text-box h1,
.blog-card__text-box h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}

.blog-card__text-box h1,
.blog-card__text-box h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-card__text-box .blog-card__header-text,
.blog-card__text-box .main-para-text,
.blog-card__text-box small {
	color: var(--dark-font-color);
}

.blog-card__text-box a {
	color: var(--magenta-color) !important;
}

.blog-card__text-box p:not(:last-of-type) {
	margin-bottom: 15px !important;
}

.blog-card__btn-cont {
	margin-top: 30px;
}

.row-home-articles {
	margin-top: 25px;
	column-gap: 25px;
	row-gap: 25px;
}

/* SECTION: htp--header ====================================================================== */

.section__htp--header {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	height: 695px;
	background-image: url('../images/section-htp-header/section-htp-header-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}

.htp--header__content-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.htp--header__content-box img {
	max-width: 370px;
	width: 100%;
}

.htp--header__content-box-mobile {
	display: none;
}

/* SECTION: htp--steps ======================================================================= */

.section__htp--steps {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.section__htp--steps .row-why-us-features {
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 25px;
}

.section__htp--steps .row-why-us-features .why-us__feature-item.htp {
	flex: 1 1 auto;
	max-width: 403px;
	height: auto;
}

.why-us__feature-item.htp .why-us__feature-item-img-box {
	height: 85px;
	width: 85px;
	border-radius: 50%;
	background: linear-gradient(180deg, #FE6C88 0%, #F9F9F9 100%);
	flex: unset;
	margin-bottom: 10px;
}

.why-us__feature-item.htp .why-us__feature-item-img-box span {
	font-weight: 700;
	font-size: 80px;
	color: var(--magenta-color);
}

.why-us__feature-item.htp .why-us__feature-item-text-box {
	gap: 10px;
	flex: 1;
	padding-left: 40px;
	padding-right: 40px;
	justify-content: flex-start;
}

/* SECTION: htp--for-beginners =================================================== */

.section__htp--for-beginners {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background-image: url('../images/section-htp-for-beginners/section-htp-for-beginners-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.htp-text-card {
	background: linear-gradient(90deg, #686868 0%, #FE6C88 100%);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.htp-text-card * {
	text-align: center;
	color: #fff;
}

.row-htp-for-beginners {
	display: grid;
	row-gap: 25px;
	column-gap: 25px;
	grid-template-columns: repeat(3, 1fr);
}

.htp-text-card.with-border {
	border-bottom: 15px solid var(--magenta-color);
}

.row-htp-for-beginners .htp-text-card {
	padding-top: 50px;
	padding-bottom: 50px;
}

.htp-text-card .main-h2-text {
	margin-bottom: 25px;
}

.row-htp-for-beginners > .htp-text-card:nth-child(1) {
	grid-column: span 3;
}

.row-htp-for-beginners > .htp-text-card:nth-child(2) {
	grid-column: span 2;
}

.row-htp-for-beginners > .htp-text-card:nth-child(3) {
	grid-column: span 1;
}

.row-htp-for-beginners > .htp-text-card:nth-child(4) {
	grid-column: span 1;
}

.row-htp-for-beginners > .htp-text-card:nth-child(5) {
	grid-column: span 2;
}

.row-htp-for-beginners > .htp-text-card:nth-child(5) > .main-para-text:nth-child(2) {
	font-weight: 700;
}

.htp-text-card > .main-para-text:not(:last-child) {
	margin-bottom: 15px;
}

.row-htp-for-beginners > .htp-text-card:not(:nth-child(1)) {
	padding-left: 75px;
	padding-right: 75px;
}

.row-htp-for-beginners > .htp-text-card:nth-child(1) {
	padding-left: 200px;
	padding-right: 200px;
}

.htp-text-card.mobile-mini {
	display: none;
	margin-top: 5px;
	padding: 15px 20px !important;
}

.htp-text-card.mobile-mini * {
	color: #fff !important;
	font-weight: 700 !important;
	text-align: center !important;
}

/* SECTION: htp--flavors ====================================================== */

.section__htp--flavors {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.htp-text-img-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 40px;
	row-gap: 30px;
}

.htp-text-item .main-h2-text,
.htp-text-item .main-para-text {
	color: var(--dark-font-color);
}

.htp-text-item * {
	text-align: left !important;
}

.htp-text-item .main-h2-text {
	margin-top: 5px;
	margin-bottom: 20px;
}

.htp-text-item > .main-para-text:not(:last-of-type) {
	margin-bottom: 20px;
}

.htp-label-text {
	font-size: 17px;
	line-height: 21px;
	color: var(--magenta-color);
	font-weight: 700;
}

.htp-image-item {
	display: flex;
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	background-color: var(--magenta-color);
}

.htp-image-item img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-bottom: 15px solid var(--magenta-color);
}

.section__htp--flavors > .container > .htp-text-img-grid:nth-child(2) {
	margin-top: 60px;
}

/* SECTION: htp--warnings ===================================================== */

.section__htp--warnings {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background-image: url('../images/section-htp-warnings/section-htp-warnings-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.row-htp-warnings {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 25px;
	row-gap: 25px;
}

.row-htp-warnings > .htp-text-card:nth-child(1) {
	grid-column: span 2;
}

.row-htp-warnings > .htp-text-card:nth-child(2),
.row-htp-warnings > .htp-text-card:nth-child(3) {
	grid-column: span 1;
}

.row-htp-warnings > .htp-text-card:not(:nth-child(1)) {
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.row-htp-warnings > .htp-text-card:nth-child(1) {
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 50px;
	padding-bottom: 50px;
}

/* SECTION: htp--liquids ===================================================== */

.section__htp--liquids {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.section__htp--liquids > .container > .htp-text-img-grid:nth-child(2) {
	margin-top: 60px;
}

/* SECTION: htp--quality ===================================================== */

.section__htp--quality {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background-image: url('../images/section-htp-quality/section-quality-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.row-htp-quality,
.row-htp-design {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 25px;
	row-gap: 25px;
}

.row-htp-quality > .htp-text-card:nth-child(1),
.row-htp-design > .htp-text-card:nth-child(1) {
	grid-column: span 3;
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.row-htp-quality > .htp-text-card:nth-child(2),
.row-htp-design > .htp-text-card:nth-child(2) {
	grid-column: span 2;
	padding: 40px 75px;
}

.row-htp-quality > .htp-image-item,
.row-htp-design > .htp-image-item {
	grid-column: span 1;
}

/* SECTION: htp--get-to-know ================================================== */

.section__htp--get-to-know {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.htp-grouped-image-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
}

.htp-grouped-image-item .htp-image-item {
	border-bottom: none;
}

.htp-grouped-image-item .htp-text-card {
	padding: 15px 35px;
}

.htp-grouped-image-item .htp-text-card .main-para-text {
	font-weight: 700;
}

.section__htp--get-to-know > .container > .htp-text-img-grid:nth-child(2) {
	margin-top: 60px;
}

/* SECTION: htp--advance ================================================================ */

.section__htp--advance {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background-image: url('../images/section-htp-advance/section-htp-advance-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.row-htp-advance {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 25px;
	row-gap: 25px;
}

.row-htp-advance > .htp-text-card:nth-child(1) {
	grid-column: span 3;
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.row-htp-advance > .htp-text-card:nth-child(3) {
	grid-column: span 2;
	padding: 40px 75px;
}

.row-htp-advance > .htp-image-item {
	grid-column: span 1;
}

/* SECTION: htp--more ========================================================== */

.section__htp--more {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.section__htp--more .htp-text-item .main-h2-text {
	margin-top: 0;
}

.section__htp--more > .container > .htp-text-img-grid:nth-child(2),
.section__htp--more > .container > .htp-text-img-grid:nth-child(3) {
	margin-top: 60px;
}

/* SECTION: htp--design ====================================================== */

.section__htp--design {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
	background-image: url('../images/section-htp-design/section-htp-design-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.htp-design__bottom-para-box {
	margin-top: 40px;
	padding: 0 300px;
}

.htp-design__bottom-para-box p {
	text-align: center;
	color: var(--dark-font-color);
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
}

/* SECTION: gallery =========================================================== */

.row-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-template-rows: masonry;
	column-gap: 25px;
	row-gap: 25px;
	margin-top: 35px;
}

.row-gallery img {
	width: 100%;
	height: auto;
	border-radius: 15px;
	object-fit: cover;
	object-position: center;
}

/* SECTION: blog-posts ======================================================== */

.row-blog-posts {
	display: grid;
	max-width: 900px;
	margin: 0 auto;
}

/* SECTION: contact-us ======================================================== */

.section__contact-us {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

.section__contact-us .main-h2-text {
	text-align: center;
	color: var(--dark-font-color);
}

.row-contact {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 25px;
	row-gap: 25px;
}

.row-contact .form-container {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.contact-data-cont {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* SECTION: auth ========================================= */

.section__auth {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

/* SECTION: general ======================================= */

.section__general {
	padding-top: var(--default-desktop-section-padding-top);
	padding-bottom: var(--default-desktop-section-padding-bottom);
}

/* PRODUCT VIEW ========================================================= */
.prod-actions-flex > *:not(.quantity-changer) {
	height: max-content;
}

.quantity-changer {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #DBDBDF;
	border-radius: 25px;
	max-width: 115px;
	width: 100%;
}

.quantity-changer > * {
	flex: 1 1 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--dark-grey-color);
}

.quantity-changer p {
	border-left: 1px solid #DBDBDF;
	border-right: 1px solid #DBDBDF;	
}

.prod-view-features-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 25px;
}

.prod-view-features-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.prod-view-features-item i {
	color: var(--green-color);
	font-size: 30px;
}

.section__prod-view-features {
	padding-top: 45px;
	padding-bottom: 45px;
	background-color: var(--dark-font-color);
}

.prod-view-features-item-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.prod-view-features-item-cont * {
	color: #fff;
	text-align: center;
}

.row-prod-view-features {
	column-gap: 50px;
}

.tabs-container {
	border-radius: 50px;
	background-color: #d9d9d9;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	height: 35px;
}

.tabs-container > * {
	flex: 1 1 0;
}

.tab-item {
	height: 100%;
	font-size: 18px;
	color: var(--dark-font-color);
	background-color: transparent;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
}

.tab-item.active {
	background-color: var(--dark-font-color);
	color: #fff;
}

.product-view-mobile-images {
	flex-wrap: wrap !important;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.product-view-mobile-images img {
	border-radius: 10px !important;
	min-width: unset !important;
	width: 100% !important;
	max-width: 180px;
	margin: 0 auto;
}

.product-view-mobile-images img.first-img {
	max-width: 50%;
}

.product-view-mobile-images > a:nth-child(1) {
	flex: 1 1 100%;
}

.product-view-mobile-images > a:not(:nth-of-type(1)) {
	flex: 1 1 180px;
}

/* PROFILE ============================================================ */

.wishlist-item-first {
	width: 100%;
}

.profile__edit-avatar-cont {
	margin-bottom: 20px;
}

.profile__edit-avatar-cont img {
	max-width: 200px;
	height: auto;
	width: 100%;
	border-radius: 50%;
	display: block;
}

/* Product filtering ============================================================= */

.cat-banner-img {
	width: 100%;
	max-width: 500px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.default-product-card {
	background-color: var(--dark-font-color);
	border-radius: 15px;
	box-shadow: 0px 0px 40px 0px #28282814;
	padding: 30px;
	justify-content: center;
}

.default-product-card.list {
	justify-content: flex-start;
}

.default-product-card__image-cont {
	border-radius: 15px;
	overflow: hidden;
}

.default-product-card__name-text {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 24px;
}

.default-product-card__price-text {
	color: #fff;
}

.default-product-card__text-box .default-product-card__name-text,
.default-product-card__text-box .default-product-card__price-text p {
	text-align: center;
}

.card-wishlist-icon {
	position: absolute;
	top: 10px;
	right: 10px;
}

.default-product-card.list .default-product-card__image-cont {
	min-width: 250px;
	height: 100%;
}

.default-product-card.list .default-product-card__image-cont img {
	width: 100%;
	height: auto;
	min-width: unset;
}

.mobile-toolbar {
	padding-bottom: 20px;
}

.cat-filter-ul {
	padding: 0 15px;
}

.filter-category-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.filter-category-item label {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 21px !important;
	color: var(--dark-font-color);
	cursor: pointer;
}

.filter-category-cont-item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}

.filter-category-cont-item i {
	font-size: 20px;
	color: #D9D9D9;
	pointer-events: none;
}

.subcatlist-ul {
	padding-left: 25px;
}

.subcat-toggler-btn-filter {
	text-decoration: none;
}

.subcat-toggler-btn-filter i {
	transform: translateY(1px);
}

.subcat-toggler-btn-filter.active i {
	transform: rotate(90deg) translateX(3px);
}

.search-filter-input-cont {
	position: relative;
}

.search-filter-input-cont input {
	background-color: #D9D9D9 !important;
	padding-right: 30px !important;
	width: 100%;
}

.search-filter-icon-cont {
	position: absolute;
	right: 10px;
	top: 7px;
}

.search-filter-icon-cont .icon-search {
	font-size: 20px;
	color: #575757;
}

.search-filter-btn-box {
	margin: 15px 0;
}

.desktop-filters-cont {
	max-width: 370px;
	width: 100%;
}

/* =========================================== Select2 ======================================== */

.mpl-parcel-select-container,
.packeta-pudo-select-container {
	margin-top: 30px;
}

.select2-container {
	display: table !important;
	table-layout: fixed !important;
}

.select2-container--default .select2-selection--single {
	height: 35px !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 15px !important;
	padding-left: 12px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 5px !important;
	right: 12px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--magenta-color) !important;
	color:white
}

/* Status page ========================================================= */

.status-icon-btn-cont {
	margin-top: 35px;
	text-align: center;
}

.status-icon-btn-cont i {
	font-size: 150px;
}

.status-icon-btn-cont i.error {
	color: var(--magenta-color);
}

.status-icon-btn-cont i.success {
	color: var(--green-color);
}

.status-icon-btn-cont .btn-cont {
	margin-top: 40px;
}

/* Pages ====================================================== */
.container-page .inner-container {
	background-color: #fff;
	padding: 25px;
	border-radius: 15px;
	box-shadow: 0px 0px 40px 0px #28282814;
}

.container-page h2 {
	font-size: 24px;
}

.container-page h2:not(:first-of-type) {
	margin: 25px 0;
}

.container-page a {
	color: rgb(37,99,235) !important;
	font-weight: 600;
}

.container-page a:hover {
	text-decoration: underline;
}

/* Media queries ====================================================== */

/* Max-widths ================================ */
@media (max-width: 1440px) {
	.section__htp--steps .row-why-us-features .why-us__feature-item.htp {
		max-width: 350px;
	}
}

@media (max-width: 1400px) {
	.row-home-discount-products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.featured-products__card.discount {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.featured-products__card.discount .featured-product__text-box .main-para-text {
		margin-bottom: 10px;
	}

	.section__htp--header {
		height: 500px;
	}

	.htp--header__content-box img {
		max-width: 300px;
	}

	.row-htp-for-beginners > .htp-text-card:nth-child(1),
	.row-htp-warnings > .htp-text-card:nth-child(1),
	.row-htp-quality > .htp-text-card:nth-child(1),
	.row-htp-advance > .htp-text-card:nth-child(1),
	.row-htp-design > .htp-text-card:nth-child(1) {
		padding-left: 100px;
		padding-right: 100px;
	}

	.htp-design__bottom-para-box {
		padding: 0 200px;
	}
}

@media (max-width: 1340px) {
	.desktop-header {
		display: none;
	}

	.mobile-header {
		display: flex;
	}

	.header__nav-right {
		min-width: unset;
	}

	.header__nav-right > * {
		flex-shrink: 0;
	}

	.mobile-header-inner {
		display: flex;
		justify-content: space-between;
	}
}

@media (max-width: 1320px) {
	.row-htp-for-beginners {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.row-htp-for-beginners > .htp-text-card:nth-child(1) {
		grid-column: span 2;
	}

	.row-htp-for-beginners > .htp-text-card:not(:nth-child(1)) {
		grid-column: span 1;
	}
}

@media (max-width: 1300px) {
	.home-categories__card {
		display: flex;
		flex-direction: column;
	}

	.home-categories__card > div {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.home-categories__card > div:nth-child(1) {
		border-bottom-left-radius: 0;
		border-top-right-radius: 15px;
		height: 180px;
		flex-shrink: 0;
	} 
	
	.home-categories__card > div:nth-child(2) {
		border-top-right-radius: 0;
		border-bottom-left-radius: 15px;
	} 

	.home-categories__card img { 
		height: 100%;
	}
}

@media (max-width: 1280px) {
	.row-home-articles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.section__htp--steps .row-why-us-features .why-us__feature-item.htp {
		max-width: 300px;
	}
}

@media (max-width: 1200px) {
	.row-htp-advance {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.row-htp-advance > div {
		grid-column: span 1 !important;
	}

	.row-htp-advance .htp-image-item img {
		position: relative;
	}
}

@media (max-width: 1180px) {
	.home-welcome__card {
		padding: 65px 100px;
	}

	.cookie-consent-dialog > .btn-flex {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.def-prod-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.row-htp-for-beginners > .htp-text-card:not(:nth-child(1)),
	.row-htp-quality > .htp-text-card:not(:nth-child(1)),
	.row-htp-quality > .htp-text-card:not(:nth-child(1)),
	.row-htp-design > .htp-text-card:not(:nth-child(1)) {
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.row-htp-warnings > .htp-text-card:not(:nth-child(1)) {
		padding-left: 45px;
		padding-right: 45px;
	}

	.row-htp-quality,
	.row-htp-design {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.row-htp-quality > .htp-text-card:nth-child(1),
	.row-htp-design > .htp-text-card:nth-child(1) {
		grid-column: span 2;
	}

	.row-htp-quality > div:nth-child(2),
	.row-htp-quality > div:nth-child(3),
	.row-htp-design > div:nth-child(2),
	.row-htp-design > div:nth-child(3) {
		grid-column: span 1 !important;
	}

	.why-us__feature-item.htp .why-us__feature-item-text-box {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 1150px) {
	.row-footer-upper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.default-product-card.list .default-product-card__image-cont {
		min-width: 200px;
		height: 100%;
		width: 200px;
	}

	.section__htp--steps .row-why-us-features .why-us__feature-item.htp {
		max-width: 250px;
	}
}

@media (max-width: 1024px) {
	.row-home-categories > a {
		flex: 1 1 250px;
	}

	.htp-design__bottom-para-box {
		padding: 0 100px;
	}

	.row-contact {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.row-contact > div:nth-of-type(2) {
		margin-top: 0;
	}
}

@media (max-width: 992px) {
	.section__why-us,
	.section__home-categories,
	.section__home-favorite-products,
	.section__home-discount-products,
	.section__home-welcome,
	.section__home-featured-products,
	.section__home-partners,
	.section__home-articles,
	.section__contact-us,
	.section__auth,
	.section__general,
	.section__htp--header,
	.section__htp--steps,
	.section__htp--for-beginners,
	.section__htp--flavors,
	.section__htp--warnings,
	.section__htp--liquids,
	.section__htp--quality,
	.section__htp--get-to-know,
	.section__htp--advance,
	.section__htp--more,
	.section__htp--design {
		padding-top: var(--default-tablet-section-padding-top);
		padding-bottom: var(--default-tablet-section-padding-bottom);
	}

	.why-us__cat-outer-card {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.why-us__cat-outer-card > .why-us__cat-inner-card:nth-child(1),
	.why-us__cat-outer-card > .why-us__cat-inner-card:nth-child(2) {
		border-radius: 15px;
	}

	.row-home-favorite-products,
	.row-featured-products {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.featured-product__text-box .main-para-text {
		margin-bottom: 10px;
	} 

	.featured-products__card {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.featured-products__card.favorites,
	.section__home-featured-products .featured-products__card {
		min-height: unset;
		height: auto;
	}

	.featured-products__card:not(.discount) .featured-product__text-box .main-para-text {
		padding: 0 20px;
	}

	.row-prod-view-features {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		row-gap: 45px;
	}

	.prod-view-features-item-cont {
		flex-direction: column;
		gap: 15px;
	}

	.prod-view-features-item-cont .main-h3-text {
		margin-bottom: 15px;
	}

	.cookie-consent-container {
		padding: 25px;
	}

	.cookie-consent-dialog {
		flex-direction: column;
		gap: 25px;
		align-items: center;
	}

	.cookie-consent-dialog > .btn-flex {
		align-items: center;
		gap: 15px;
	}

	.cookie-consent-dialog .age-consent-para {
		text-align: center;
	}

	.toolbar-desktop {
		display: none;
	}

	footer.padding-b-bigger {
		padding-bottom: 55px;
	}

	.section__htp--header {
		height: auto;
	}

	.htp--header__content-box {
		display: none;
	}

	.htp--header__content-box-mobile {
		display: block;
		position: relative;
	}

	.htp--header__content-box-mobile img {
		max-width: 370px;
		width: 100%;
		margin: 0 auto;
	}

	.htp--header__content-box-mobile .main-h1-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 370px;
		text-align: center;
		width: 100%;
	}

	.why-us__feature-item.htp .why-us__feature-item-img-box {
		height: 60px;
		width: 60px;
	}

	.why-us__feature-item.htp .why-us__feature-item-img-box span {
		font-size: 55px;
	}

	.row-htp-for-beginners > .htp-text-card:nth-child(1),
	.row-htp-warnings > .htp-text-card:nth-child(1),
	.row-htp-quality > .htp-text-card:nth-child(1) {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.htp-text-img-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		row-gap: 20px;
	}

	.htp-text-item > .main-para-text:not(:last-child) {
		margin-bottom: 15px;
	}

	.htp-image-item img {
		position: relative;
	}

	.section__htp--flavors > .container > .htp-text-img-grid > .htp-image-item,
	.section__htp--liquids > .container > .htp-text-img-grid > .htp-image-item,
	.section__htp--get-to-know > .container > .htp-text-img-grid > .htp-grouped-image-item,
	.section__htp--more > .container > .htp-text-img-grid > .htp-grouped-image-item {
		order: 1;
	}

	.section__htp--flavors > .container > .htp-text-img-grid > .htp-text-item,
	.section__htp--liquids > .container > .htp-text-img-grid > .htp-text-item,
	.section__htp--get-to-know > .container > .htp-text-img-grid > .htp-text-item, 
	.section__htp--more > .container > .htp-text-img-grid > .htp-text-item {
		order: 2;
	}
	
	.section__htp--flavors > .container > .htp-text-img-grid:nth-child(2),
	.section__htp--liquids > .container > .htp-text-img-grid:nth-child(2) {
		margin-top: 50px;
	}

	.row-htp-quality,
	.row-htp-design {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.row-htp-quality > div,
	.row-htp-design > div {
		grid-column: span 1 !important;
	}

	.row-htp-quality > div:nth-child(1),
	.row-htp-design > div:nth-child(1) {
		order: 1;
	}

	.row-htp-quality > div:nth-child(3),
	.row-htp-design > div:nth-child(3) {
		order: 2;
	}

	.row-htp-quality > div:nth-child(2),
	.row-htp-design > div:nth-child(2) {
		order: 3;
	}

	.htp-text-card.desktop-mini {
		display: none;
	}

	.htp-text-card.mobile-mini {
		display: flex;
	}

	.htp-grouped-image-item .htp-image-item img {
		border-bottom: 15px solid var(--magenta-color);
	}

	.row-htp-for-beginners > .htp-text-card:nth-child(1),
	.row-htp-warnings > .htp-text-card:nth-child(1),
	.row-htp-quality > .htp-text-card:nth-child(1),
	.row-htp-advance > .htp-text-card:nth-child(1),
	.row-htp-design > .htp-text-card:nth-child(1) {
		padding-left: 50px;
		padding-right: 50px;
	}

	.section__htp--steps .row-why-us-features .why-us__feature-item.htp {
		max-width: 325px;
	}
}

@media (max-width: 900px) {
	.big-switcher {
		display: none;
	}

	.small-switcher {
		display: block;
	}
}

@media (max-width: 860px) {
	.section__htp--steps .row-why-us-features .why-us__feature-item.htp {
		max-width: 250px;
	}
}

@media (max-width: 768px) {
	.container {
		padding-left: 45px;
		padding-right: 45px;
	}

	.main-h1-text {
		font-size: 28px;
		line-height: 32px;
	}	

	.main-h2-text {
		font-size: 24px;
		line-height: 30px;
	}	

	.home-categories__card .main-h3-text,
	.main-h3-text {
		font-size: 18px;
		line-height: 23px;
	}

	.main-para-text {
		font-size: 14px;
		line-height: 22px;
	}

	.btn,
	.btn i {
		font-size: 14px;
		line-height: 18px;
	}

	footer {
		padding-top: 30px;
	}

	footer .header__logo-link {
		max-width: 150px;
	}

	.row-footer-upper {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.footer__subtitle-text, .footer__subtitle-item i {
		font-size: 16px;
	}

	.footer__subtitle-data {
		text-align: center;
	}

	.footer__logo-cont {
		margin: 0 auto 10px;
	}

	.footer__subtitle-item {
		justify-content: center;
	}

	.footer__subtitle-data.no-li-margin ul {
		padding-left: 0;
		justify-content: center;
	}

	.footer__subtitle-data i {
		font-size: 40px;
	}

	.footer__bottom {
		border-top: none;
		margin-top: 0;
	}

	.section__why-us,
	.section__home-categories,
	.section__home-favorite-products,
	.section__home-discount-products,
	.section__home-welcome,
	.section__home-featured-products,
	.section__home-partners,
	.section__home-articles,
	.section__contact-us,
	.section__auth,
	.section__general,
	.section__htp--header,
	.section__htp--steps,
	.section__htp--for-beginners,
	.section__htp--flavors,
	.section__htp--warnings,
	.section__htp--liquids,
	.section__htp--quality,
	.section__htp--get-to-know,
	.section__htp--advance,
	.section__htp--more,
	.section__htp--design {
		padding-top: var(--default-mobile-section-padding-top);
		padding-bottom: var(--default-mobile-section-padding-bottom);
	}

	.row-why-us-features {
		margin-top: 25px;
		margin-bottom: 25px;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}	

	.why-us__feature-item {
		min-height: 190px;
		height: auto;
		padding-top: 20px;
		padding-bottom: 5px;
		justify-content: space-between;
		gap: 25px;
	}

	.why-us__feature-item .main-h3-text {
		margin-bottom: 25px;
	}

	.why-us__feature-item-img-box {
		height: 60px;
	}

	.row-home-categories,
	.row-home-favorite-products,
	.row-home-discount-products,
	.row-home-partners {
		margin-top: 25px;
	}

	.section__home-categories,
	.section__home-discount-products,
	.section__htp--for-beginners,
	.section__htp--warnings,
	.section__htp--quality,
	.section__htp--advance,
	.section__htp--design {
		background-image: none;
	}

	.featured-products__card.discount,
	.section__home-featured-products .featured-products__card {
		background-color: #fff;
		padding: 20px;
	}

	.featured-products__card.discount .main-para-text, 
	.featured-products__card.discount .featured-product__price-text *,
	.section__home-featured-products .featured-products__card .main-para-text, 
	.section__home-featured-products .featured-products__card .featured-product__price-text * {
		color: var(--dark-font-color);
	}

	.featured-product__price-text {
		font-size: 14px;
		line-height: 18px;
	}

	.home-welcome__card {
		padding: 40px 75px;
	} 

	.home-featured-products__arrow img {
		height: 50px;
	}

	.home-featured-products__arrow {
		margin: 10px auto 0;
	}

	.section__home-featured-products {
		background-image: none;
	}

	.row-home-partners {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.row-home-articles {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.blog-card__text-box {
		padding: 20px;
		height: auto;
	}

	.blog-card__text-box-header-cont {
		margin-bottom: 15px;
	}

	.blog-card__btn-cont {
		margin-top: 20px;
	}

	.home-slider-nav-button {
		font-size: 16px;
		padding: 10px;
		top: 55%;
	}

	.mobile-header {
		height: 60px;
	}

	.header__logo-link:not(.mobile) {
		width: 80px;
	}

	.main-content-container {
		margin-top: 60px;
	} 
	
	.form-container {
		padding: 30px 50px;
	}

	.prod-view-features-item-cont img {
		max-width: 60px;
	}

	.section__prod-view-features {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.why-us__feature-item.htp .main-h3-text {
		margin-bottom: 0;
	}

	.row-htp-for-beginners,
	.row-htp-warnings {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.row-htp-for-beginners > .htp-text-card,
	.row-htp-warnings > .htp-text-card {
		grid-column: span 1 !important;
	}

	.htp-text-card {
		padding: 20px 15px !important;
	}

	.htp-label-text {
		font-size: 15px;
	}

	.section__htp--flavors > .container > .htp-text-img-grid:nth-child(2),
	.section__htp--liquids > .container > .htp-text-img-grid:nth-child(2) {
		margin-top: 35px;
	}

	.why-us__feature-item.htp {
		padding-bottom: 10px;
	}

	.htp-design__bottom-para-box {
		margin-top: 20px;
		padding: 0;
	} 

	.htp-design__bottom-para-box p {
		font-size: 17px;
		line-height: 21px;
	}

	.section__htp--header {
		background-image: url('../images/section-htp-header/section-htp-header-mobile-bg.jpg');
	}
	
	.why-us__feature-item.htp .why-us__feature-item-img-box {
		margin-bottom: 5px;
	}
}

@media (max-width: 680px) {
	.row-home-discount-products {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.featured-products__card.discount .featured-products__img-box {
		height: 180px;
	}

	.featured-products__card.discount {
		min-height: unset;
		height: auto;
	}

	.section__htp--steps .row-why-us-features .why-us__feature-item.htp {
		max-width: 215px;
	}
}

@media (max-width: 600px) {
	.why-us__cat-inner-card {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

@media (max-width: 576px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.home-categories__card {
		min-height: unset;
		height: auto;
	}

	.home-categories__card > div {
		gap: 15px;
	}

	.home-welcome__card {
		padding: 40px 35px;
	} 

	.row-home-partners {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.form-container {
		padding: 25px 20px;
	}

	.header__nav-right {
		gap: 5px;
	}
}

@media (max-width: 540px) {
	.rating-row-flex {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 520px) {
	.age-consent-dialog .btn-flex {
		flex-direction: column;
		justify-content: center;
	}

	.section__htp--steps .row-why-us-features .why-us__feature-item.htp {
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.def-prod-card-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.header__nav-right.mobile .relative .absolute.w-max {
		right: -100px !important;
		top: 30px !important;
	}
}

@media (max-width: 476px) {
	.product-view-mobile-images > a:not(:nth-of-type(1)) {
		flex: 1 1 100px !important;
	}
}

@media (max-width: 380px) {
	.header__nav-right.mobile .relative .absolute.w-max {
		max-width: 300px !important;
	}

	.flex-guest-btn-mobile-cont {
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
}

/* Min-widths ========================= */
@media (min-width: 1440px) {
	.container.large {
	  	max-width: 1720px;
	}
}

@media (min-width: 993px) {
	.desktop-main-prod-grid {
		margin-top: 40px;
	}
}

@media (min-width: 992px) {
	.mobile-toolbar {
		display: none;
	}
}