html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

input, textarea {

}

/* --------------------
		Standard Styles
-------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;	
}

ol, ul {
	list-style-position: inside;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;	
}

em {
	font-style: italic;	
}

p {
	padding-bottom: 1em;	
}

.clear {
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"], textarea, select {
	color: #000;
	border: 1px solid #dadce0;
	padding: 7px 10px;
	border-radius: 5px;
	box-shadow: none;
	outline: none;
	display: inline-block;
	width: 100%;
}

input:focus:not(.details input), textarea:focus, select:focus {
	border-color: #000;
}

:root {
	--swiper-theme-color: #EE2E40 !important;
}

/* --------------------
		Main Styles
-------------------- */

html, body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	overflow-x: hidden;
}

.wrapper {
	margin: 0 auto;
	width: 1190px;
	max-width: 100%;
	padding: 0 15px;
}

header {
	border-bottom: 1px solid #ccc;
}

header .wrapper {
	display: grid;
	grid-template-columns: 200px 4fr auto;
	gap: 20px;
	align-items: center;
	padding: 10px 15px;
}

header .logo {
	width: 100%;
	height: 80px;
	background-image: url(images/logo-pettex.png);
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
}

header .search input[type="text"] {
	border: 1px solid #EE2E40;
	padding: 0 15px;
    width: 100%;
    height: 42px;
    border-radius: 20px 0 0 20px;
    color: #000;
    background-color: #fff;
    box-shadow: none;
    vertical-align: middle;
    font-size: 14px;
	appearance: none;
	padding-right: 50px;
    font-size: 15px;
	max-width: 500px;
	outline: none !important;
	float: left;
}

header .search input[type="submit"] {
	border: none;
	background-color: #EE2E40;
	width: 50px;
	background-image: url(images/glass.svg);
	background-position: 10px center;
	background-size: 25px auto;
	background-repeat: no-repeat;
	height: 42px;
	border-radius: 0 20px 20px 0;
	cursor: pointer;
	float: left;
}

header .phone {
	background-image: url(images/phone-red.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 25px;
	padding-left: 30px;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 13px;
	color: #848484;
	text-decoration: none !important;
}

header .side ul {
	display: flex;
	justify-content: flex-end;
	gap: 15px;
	align-items: center;
}

header .side li {
	list-style: none;
	display: block;
}

header .side a {
	display: flex;
	position: relative;
	color: #848484;
	line-height: 20px;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none !important;
}

header .side sup {
	position: absolute;
    top: -5px;
    left: 15px;
    z-index: 1;
    width: 15px;
    height: 15px;
	line-height: 15px;
    border-radius: 50%;
    background-color: #EE2E40;
    color: #FFF;
    text-align: center;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 9px;
}

footer {
	clear: both;
	background-color: #4A4B50;
	color: #A49F9F !important;
	font-size: 14px;
	line-height: 20px;
	padding: 25px 0 10px 0;
}

footer a {
	color: #A49F9F !important;
}

footer a:hover, footer li a:hover {
	text-decoration: underline !important;
}

footer .columns {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: flex-start;
}

footer .logo {
	display: inline-block;
	width: 100%;
	height: 60px;
	background-image: url(images/logo-pettex.png);
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
}

footer .copyright {
	margin-top: 50px;
	padding-top: 10px;
	border-top: 1px solid #666;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

footer h6 {
	color: #fff;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 17px;
}

footer li {
	list-style: none;
	padding-bottom: 7px;
}

footer li a {
	text-decoration: none !important;
}

footer img.icon {
	width: 20px;
	vertical-align: middle;
	margin-right: 10px;
}

nav {
	position: relative;
	z-index: 9999;
}

.mobile-menu-top {
	display: none;
}

ul.menu {
	width: 100%;
	max-width: 270px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-top: none;
	position: relative;
}

ul.menu > li {
	min-height: 33px;
	cursor: pointer;
	border: none;
}

ul.menu .title {
	height: 100%;
	background-color: #EE2E40;
	display: flex;
	align-items: center;
	position: relative;
	padding: 10px 15px 10px 40px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	min-height: 53px;
	background-image: url(images/hamburger.svg);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px auto;
	text-transform: uppercase;
}

ul.menu .title:after {
	content: '\203A';
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 25px;
	line-height: 25px;
	text-align: right;
}

ul.menu li a {
	display: block;
	padding: 11.2px 18px;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	transition: all 0.1s;
	text-decoration: none !important;
}

ul.menu li:hover > a {
	background-color: #F9F9F9;
}

ul.menu > li > ul {
	visibility: hidden;
	opacity: 0;
	top: 53px;
	left: 0;
	position: absolute;
	z-index: 100;
	background-color: #fff;
	border: 1px solid #ccc;
    box-shadow: 0 0 3px rgb(0 0 0 / 15%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),transform 0.4s cubic-bezier(.19,1,.22,1);
    transform: translateY(15px) translateZ(0);
    pointer-events: none;
	width: 100%;
}

ul.menu ul ul {
	visibility: hidden;
	opacity: 0;
	top: 0px;
	left: 100%;
	position: absolute;
	z-index: 100;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0 3px rgb(0 0 0 / 15%);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),transform 0.4s cubic-bezier(.19,1,.22,1);
	transform: translateY(15px) translateZ(0);
	pointer-events: none;
	min-width: 230px;
	max-width: 100%;
	display: none;
}

ul.menu li:hover > ul {
	display: block;
	visibility: visible;
	opacity: 1;
	pointer-events: all;
	transform: translateY(0) translateZ(0);
}

/* .page-home ul.menu > li > ul {
	visibility: visible;
	opacity: 1;
	pointer-events: all;
	transform: translateY(0) translateZ(0);
	transition: none;
} */

ul.menu ul ul li {
	border: none;
}

ul.menu ul ul li a:hover {
	color: #EE2E40;
}

ul.menu li > .expand,
ul.menu li > a > .expand {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	top: 50%;
	right: 15px;
	transform: translateY(-50%) scale(1, 0.8);
	width: 20px;
	height: 25px;
	color: #666;
	font-size: 20px;
	line-height: 20px;
	text-align: right;
	z-index: 50;
	transition: transform .25s ease, color .25s ease, background-color .25s ease;
}

ul.menu li.opened > .expand,
ul.menu li.opened > a > .expand {
	transform: translateY(-50%) scale(1, 0.8) rotate(90deg);
}

main {
	min-height: 600px;
	padding: 25px 0 50px 0;
}

.page-home main {
	padding-top: 0;
	margin-top: -53px;
}

.hasSidebar {
	display: grid;
	grid-template-columns: 270px auto;
	gap: 20px;
	grid-template-areas: "sidebar content";
}

.main .content {
	grid-area: content;
}

.sidebar {
	grid-area: sidebar;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: flex-start;
	align-items: flex-start;
}

.sidebar .block {
	width: 100%;
}

.sidebar h3 {
	font-size: 16px;
	line-height: 22.4px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 10px;
	color: #000;
}

.sidebar ul {
	list-style: none;
	width: 100%;
}

.sidebar ul li {
	position: relative;
	padding: 8px 0;
}

.sidebar ul a {
	display: block;
	position: relative;
	font-size: 14px;
	font-weight: 400;
	color: rgb(115, 115, 115)
}

.sidebar ul a:hover, .sidebar ul li.selected > a {
	text-decoration: none;
	color: #000;
}

.sidebar ul .selected > a {
	font-weight: 500;
}

.sidebar ul ul {
	padding: 10px 0 0 20px;
	display: none;
}

.sidebar .expand {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	top: 50%;
	right: 0;
	transform: translateY(-50%) scale(0.8, 1);
	width: 20px;
	height: 25px;
	color: #999;
	font-size: 20px;
	line-height: 22px;
	border-radius: 50%;
	text-align: center;
	transition: all .25s ease;
}

.expand:before {
	content: '\203A';
}

.sidebar .expand:hover, .sidebar li.opened > a > .expand {
	background-color: #eee;
	color: #333;
}

.sidebar li.opened > a > .expand {
	transform: translateY(-50%) scale(0.8, 1) rotate(90deg);
}

.items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 15px;
	row-gap: 25px;
}

.related .items {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.page-home .items {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.preview {
	display: block;
	width: 100%;
	position: relative;
	font-size: 14px;
	line-height: 18.2px;
	text-decoration: none !important;
}

.preview span {
	display: block;
}

.clickable {
	cursor: pointer;
}

.preview .thumb {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 12px;
	min-width: 211px;
	min-height: 211px;
	max-width: 100%;
	max-height: 100%;
}

.sidebar .preview .thumb {
	min-width: 0;
	min-height: 0;
	height: 100%;
}

.sidebar .preview .thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: top left;
	background-color: #fff;
}

.preview .thumb img {
	width: 100%;
	vertical-align: top;
}

.preview .thumb img.alternative {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	z-index: -1;
	opacity: 0;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0,0,.44,1.18);
}

.preview .thumb:hover img.alternative {
	opacity: 1;
	z-index: 111;
	transform: scale(1.09);
}

.preview .discount {
	position: absolute;
	z-index: 200;
	top: 10px;
	left: 10px;
	border-radius: 50%;
	background-color: #FED700;
	padding: 2px 2px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 40px;
    font-size: 15px;
    color: #000000;
	display: flex;
    align-items: center;
    justify-content: center;
	font-weight: 800;
	text-align: center;
    text-transform: uppercase;
    word-break: break-all;
    letter-spacing: .4px;
    line-height: 1.2;
}

.preview .desc {
	display: flex;
	flex-direction: column;
	gap: 7px;
	align-items: center;
}

.preview .name {
	display: block;
	word-wrap: break-word;
	font-size: 14px;
	line-height: 19.6px;
	color: #000;
	font-weight: 500;
	text-align: center;
}

.preview .name:hover {
	text-decoration: none;
	color: rgba(51, 51, 51, 0.65);
}

.preview .price {
	text-align: center;
}

.preview .price del {
	color: #BDBDBD;
    font-size: 90%;
}

.preview .price ins {
	padding: 0;
    background-color: transparent;
    text-decoration: none;
    opacity: 1;
    color: #ed1b24;
	font-weight: 500;
}

.preview .addToCart {
	display: inline-block;
	background-color: #ed1b24;
	color: #fff;
	border-radius: 35px;
	padding: 2px 10px;
	line-height: 31px;
	font-size: 12px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    box-shadow: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: .3px;
    font-weight: 600;
    cursor: pointer;
    transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
}

.sidebar .items {
	display: flex;
	flex-direction: column;
}

.sidebar .preview {
	display: grid;
	grid-template-columns: 80px auto;
	gap: 10px;
}

.sidebar .preview .preview-content {
	
}

.sidebar .preview .thumb {
	margin-bottom: 0;
}

.sidebar .preview .name {
	text-align: left;
	font-size: 12px;
	line-height: 15px;
}

.sidebar .preview .discount {
	top: -5px;
	left: -5px;
	transform: scale(0.5);
}

.sidebar .preview .addToCart {
	display: none;
}

.sidebar .preview .desc {
	align-items: flex-start;
	justify-content: space-between;
	height: 100%;
}

.breadcrumbs {
	padding-bottom: 10px;
}

h1 {
	font-size: 34px;
    line-height: 1.2;
	color: #000;
	font-weight: 500;
	padding-bottom: 0.5em;
}

.page-page h2, .page-page h3, .page-page h4, .page-page h5, .page-page h6 {
	color: #000;
}

.quickorder {
	border: 1px solid #EE2E40;
}

.quickorder .more {
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	padding: 0 5px 5px 5px;
	color: #000;
}

.quickorder h5 {
	background-color: #EE2E40;
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.quickorder .quickfields {
	display: grid;
	grid-template-columns: auto 140px;
}

.quickorder .quickfields > * {
	width: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.page-cart {
	color: #000;
}


.add_wishlist {
	display: flex;
	gap: 3px;
	align-items: center;
	color: #000;
	font-size: 12px;
}

.preview .favorite, .product .images .favorite {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #fff;
	border-radius: 50%;
	z-index: 999;
	width: 40px;
	height: 40px;
	background-image: url(/images/icon-heart.svg);
	background-repeat: no-repeat;
	background-position: center top 7px;
	background-size: auto 70%;
	cursor: pointer;
}

.items .favorite {
	top: 5px;
	right: 5px;
}

.favorite:hover, .favorite.wishlisted, .order .favorite:hover, .order .favorite.wishlisted {
	background-image: url(/images/icon-heart-filled.svg);
}

.favorite.wishlisted:hover {
	background-image: url(/images/icon-heart.svg);
}

.order .favorite {
	display: block;
	margin-top: 25px;
	height: 40px;
	background-image: url(/images/icon-heart.svg);
	background-repeat: no-repeat;
	background-position: left top 7px;
	background-size: auto 70%;
	padding-left: 35px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

































































.product:after {
	content: '';
	clear: both;
	display: block;
}

.product .images {
	float: left;
	width: 50%;
	padding-right: 50px;
}

.product .images .image {
	padding-bottom: 25px;
	float: right;
	width: calc(100% - 120px);
}

.product .images .image img {
	width: 100%;
}

.product .images .thumbs {
	clear: both;
	overflow: hidden;
	float: left;
	width: 100px;
	height: 460px;
}

.banners {
	padding-left: 0;
	padding-top: 53px;
	margin-bottom: 20px;
}

.banners .swiper-container {
    width: 100%;
    height: 400px;
	position: relative;
	overflow: hidden;
}

.banners .swiper-wrapper {
	
}

.banners .swiper-slide {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.product .swiper-container {
    width: 100px;
    height: 460px;
	position: relative;
}

/* .swiper-container:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 27px;
	background-color: #fff;
	z-index: 10;
} */

.product .swiper-button-prev, .product .swiper-button-next {
	bottom: 0 !important;
	top: auto !important;
	z-index: 111;
	transform-origin: center center;
}

.product .swiper-button-prev {
	transform: translate(12px, 9px) rotate(90deg) !important;
}

.product .swiper-button-next {
	transform: translateY(9px) rotate(90deg) !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 0;
	transform: none;
}

.banners .swiper-button-prev, .banners .swiper-container-rtl .swiper-button-next {
	left: 10px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none !important;
}

.product .swiper-container {
    width: 100px;
    height: 460px;
}

.swiper-button-prev, .swiper-button-next {
	bottom: 0 !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 0;
	transform: none;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none !important;
}

.product .images .thumbs a {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}

.product .images .thumbs a:last-child {
	margin-right: 0;
}

.product .images .thumbs a img {
	display: inline-block;
	width: 100%;
	height: 100px;
	object-fit: cover;
	object-position: center center;
	vertical-align: top;
}

.product .details {
	float: right;
	width: 50%;
}

dl {
	display: block;
	font-size: 14px;
}

dl dt {
	display: inline-block;
	width: 200px;
	padding-bottom: 10px;
	clear: both;
}

dl dd {
	display: inline-block;
	font-weight: bold;
	width: calc(100% - 210px);
	padding-bottom: 10px;
}

.green {
	color: green;
}

.product .details .price {
	padding: 30px 0;
	border-top: 1px solid #dadce0;
}

.product .details .price big {
	font-size: 50px;
	font-weight: bold;
}

.product .details .price strike {
	font-size: 21px;
	color: #D55B43;
	display: block;
	/* margin-left: 15px; */
}

.product .details form {
	border: 1px solid #dadce0;
	padding: 30px;
	border-radius: 7px;
}

.product .details form label {
	font-weight: normal;
	font-size: 20px;
	padding-bottom: 10px;
	display: block;
}

.product .details form input {
	width: 70px;
	height: 40px;
	font-size: 16px;
}

.product .details form input[type="submit"] {
	margin-left: 20px;
	border: none;
	padding: 0 20px;
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #3F81D8;
	border: none;
	cursor: pointer;
	transition: transform 0.2s;
	color: #fff;
}

.product .details form input[type="submit"]:hover {
	transform: scale(1.25);
}

.product .tags {
	clear: both;
	padding-top: 60px;
	color: #777;
}

.product .tags label {
	display: block;
	font-size: 18px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #000;
}

.product .tags a {
	font-size: 15px;
}

.product .description {
	clear: both;
	padding-top: 50px;
}

h2 {
	border-bottom: 1px solid #dadce0;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-size: 25px;
}

.description h2 + h2 {
	border: none;
	margin: 0;
	font-size: 20px;
}

.related {
	clear: both;
	margin-top: 100px;
}

.selectize input {
	height: auto !important;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1em;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table-bordered {
    border: 1px solid #ddd;
	border-collapse: collapse;
    border-spacing: 0;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

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

.text-right {
	text-align: right;
}

.totals {
	text-align: right;
}

.totals table {
	max-width: 350px;
	width: 100%;
	margin: 0 0 1em auto;
}

.totals table td {
	padding: 10px 20px;
}


.deliveryMethod, .paymentMethod {
	border: 1px solid #ccc;
	clear: both;
}

.deliveryMethod:after, .paymentMethod:after {
	content: '';
	clear: both;
	display: block;
}

.deliveryMethod + .deliveryMethod, .paymentMethod + .paymentMethod {
	border-top: none;
}

.deliveryMethod .title, .paymentMethod .title {
	padding-left: 50px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	position: relative;
	background-color: rgba(0, 0, 0, 0.1);
	margin: 0;
	cursor: pointer;
}

.deliveryMethod .title:hover, .deliveryMethod.selected .title,
.paymentMethod .title:hover, .paymentMethod.selected .title {
	background-color: rgba(0, 0, 0, 0.2);
}

.deliveryMethod .title:before, .paymentMethod .title:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	border: 1px solid #000;
}

.deliveryMethod.selected .title:before, .paymentMethod.selected .title:before {
	background-color: #000;
	box-shadow: inset 0 0 0 1px #fff;
}

.deliveryMethod .content, .paymentMethod .content {
	display: none;
	padding: 20px;
}

.deliveryMethod.selected .content, .paymentMethod.selected .content {
	display: block;
}

.deliveryMethod.selected .content:after, .paymentMethod.selected .content:after {
	content: '';
	clear: both;
	display: block;
}

.deliveryMethod input, .deliveryMethod select, .paymentMethod input, .paymentMethod select {
	width: 100%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.half {
	float: left;
	width: 50%;
	padding-right: 20px;
}

.half + .half {
	width: calc((100% - 20px) / 2);
	padding: 0;
}

.hasQuantityControls {
	width: 64px;
	display: inline-block;
}

.line {
	padding-bottom: 1em;
}

.line label {
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}

.table-orders td {
	vertical-align: middle !important;
}

form#orderform {
	border: 3px solid #ccc;
	padding: 20px;
}

form#orderform:after {
	content: '';
	clear: both;
	display: block;
}

form#orderform h2 {
	background-color: #ccc;
	border: none;
	padding: 10px 20px;
	color: #fff;
	margin: -21px -20px 20px -21px;
}

.anyTownHolder {
	float: left;
	width: calc(70% - 10px);
	margin: 0 10px 15px 0;
}

.anyTownPostCodeHolder {
	float: left;
	width: calc(30% - 10px);
	margin: 0 0 15px 0;
}

.addressHolder {
	float: left;
	width: calc(60% - 110px);
	margin: 0 10px 0 0;
}

.addressNumHolder {
	float: left;
	width: 90px;
	margin: 0 10px 0 0;
}

.addressMoreHolder {
	float: left;
	width: calc(40% - 110px);
	margin: 0 0 0 0;
}

a.button, input[type="submit"], div.button {
	display: inline-block;
    transition: all 0.2s;
	padding: 6px 15px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #000;
	color: #000;
	margin-right: 10px;
	width: auto;
	cursor: pointer;
}

a.button:hover, input[type="submit"]:hover {
	background-color: #EE2E40;
	border-color: #EE2E40;
	color: #fff;
	text-decoration: none;
}

div.button, input.blue {
	background-color: #3F81D8;
	border-color: #3F81D8;
	color: #fff;
	text-decoration: none;
}

div.button:hover, input.blue:hover {
	background-color: #fff;
	color: #000;
}

form#orderform input[type="submit"] {
	float: none;
	background-color: #EE2E40;
	border-color: #EE2E40;
	color: #fff;
	padding: 15px 25px;
	font-size: 16px;
	vertical-align: bottom;
	cursor: pointer;
}

form#orderform input[type="submit"]:hover {
	transform: scale(1.1);
}

.errors {
	padding: 15px;
	margin: 0 0 20px 0;
	border: 1px solid #EE2E40;
	color: #EE2E40;
	font-weight: bold;
}

.success {
	padding: 15px;
	margin: 0 0 20px 0;
	border: 1px solid #157a17;
	color: #157a17;
	font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}

.dropdownItem {
	display: block;
	padding: 3px 10px;
}

.topbar .line {
	padding-bottom: 0;
}

.description ul {
	list-style-position: outside;
	margin-left: 12px;
}

.loading {
	background-image: url(images/loader-spinner.svg);
	width: 40px;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 50px auto;
	clear: both;
}

.nomore {
	clear: both;
	margin: 50px 0;
	padding-top: 50px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.credentials {
	display: none;
}

.credentials:after {
	clear: both;
	content: '';
	display: block;
}

.selectize-dropdown-content > div {
	padding: 5px 10px;
}

.callus {
	display: none;
}

.mobile-checkout {
	display: none;
}

.oneclickorder {
	display: inline-block;
    border: none;
    padding: 10px 20px;
    width: auto;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #EE2E40;
    border: none;
    cursor: pointer;
    transition: transform 0.2s;
    color: #fff;
	margin: 20px 0 0 0;
	text-decoration: none !important;
}

.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 25px;
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);
	color: #000;
	text-align: center;
	z-index: 11000;
	border-radius: 10px;
	font-size: 15px;
}

.popup-tbi {
	display: block;
	padding: 25px;
	width: 760px;
	max-width: 90%;
	max-height: 90vh;
	overflow: hidden;
	text-align: left;
}

.popup-tbi .popup-content {
	overflow: auto;
	max-height: calc(90vh - 50px);
	padding-right: 15px;
}

.popup div.close {
	position: fixed;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.popup div.close:before {
	content: "×";
	color: #000;
	font-size: 30px;
}

.popup h2 {
	border-bottom: 1px solid #dadce0;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-size: 25px;
}

#oneclick h2 {
	font-size: 20px;
	border: none;
}

#oneclick form {
	max-width: 300px;
	margin: 0 auto;
	display: block;
}

.text-aligncenter, .aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.hidden {
	display: none !important;
}

.combined {
	padding-bottom: 25px;
}

.comboitem {
	clear: both;
	display: flex;
	align-items: center;
	padding: 12px 0 0 0;
}

.comboitem img {
	width: 60px;
	margin: 0 10px;
	vertical-align: top;
}

.comboitem h4 {
	font-size: 30px;
	padding-bottom: 7px;
}

.comboitem big {
	font-size: 40px;
	font-weight: bold;
}

.comboitem strike {
	color: #f00;
}

.comboitem .buycombo {
    display: inline-block;
    border: none;
    padding: 10px 20px;
    width: auto;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #EE2E40;
    border: none;
    cursor: pointer;
    transition: transform 0.2s;
    color: #fff;
    margin: 20px 0 0 0;
    text-decoration: none !important;
	font-size: 17px;
	margin-left: 20px;
}

.item-quantity {
	display: inline-block;
}

.item-quantity:has(.qradios) {
	display: block;
}

.qradios {
	display: flex;
	gap: 10px;
	vertical-align: middle;
	margin-bottom: 20px;
	padding-top: 25px;
}

.qradio {
	border: 1px solid #ccc;
	padding: 5px 10px;
	color: #000;
	font-size: 17px;
	position: relative;
	cursor: pointer;
}

.qradio.selected, .qradio:has(input:checked) {
	border-color: #EE2E40;
	background-color: #EE2E4070;
}

.qradio strong {
	font-size: 20px;
}

.qradio small {
	font-size: 12px;
}

.qradio input {
	display: none;
}

.qradio:nth-child(2):before {
	content: 'Най-продаван продукт';
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(calc(-100% - 1px));
	font-size: 10px;
	text-align: center;
	background-color: #eee;
	text-transform: uppercase;
	font-variant: small-caps;
	font-weight: bold;
	color: #555;
	padding: 4px 2px;
}

.mobilepages {
	display: none;
}

.page-home h2 {
	text-align: center;
	color: #EE2E40;
	padding: 10px 0 5px 0;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 2px solid #EE2E40;
	margin-bottom: 10px;
}

.page-home .items + h2 {
	margin-top: 40px;
}

.button-tbi, .tbi-button {
	display: inline-block;
	height: 40px;
	font-size: 16px;
	line-height: 38px;
	margin-left: 20px;
	padding: 0 20px;
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #3F81D8;
	color: #3F81D8;
	vertical-align: middle;
	cursor: pointer;
	transition: transform 0.2s;
	
	width: 156px;
	text-indent: -9999px;
	border: none;
	background-image: url(/images/tbi-credit.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.button-tbi img, .tbi-button img {
	height: 25px;
	vertical-align: middle;
}

.popup-tbi .deposit {
	display: flex;
	gap: 15px;
	align-items: center;
	padding-bottom: 1rem;
}

.popup-tbi .deposit input {
	width: auto;
	width: 120px;
}

.popup-tbi table {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.popup-tbi table td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.popup-tbi table tr:nth-child(even) td {
	background-color: #efefef;
}

.popup-tbi form {
	width: 100%;
	padding-top: 2rem;
}

.popup-tbi form .flex {
	display: flex;
	gap: 15px;
}

.w-50 { width: 50%; }

.consentpopup {
	display: none;
	position: fixed;
	bottom: 5px;
	left: 5px;
	font-family: Helvetica,Calibri,Arial,sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	background-color: #666;
    color: #fff;
	padding: 10px;
	width: 380px;
	max-width: calc(100% - 10px); 
	box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
	z-index: 10000;
}

.consentpopup .popupcontent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.consentpopup .button {
	display: inline-block;
	text-transform: uppercase;
	background-color: #b0bda6;
	color: #000;
	padding: 8px 17px;
}

.consentpopup p {
	display: block;
	padding: 0;
	margin: 0;
}

.pager {
	grid-column: 1/-1;
	display: flex;
	justify-content: center;
	gap: 10px;
	margin: 35px 0 10px 0;
}

.pager > * {
	width: 24px;
	height: 24px;
	border: 1px solid #ccc;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	color: #000;
}

.pager > span {
	border: none;
	line-height: 24px;
}

.pager > label {
	width: auto;
	line-height: 24px;
	border: none;
}

.pager > .selected, .pager > a:hover {
	background-color: #FF324D;
	color: #fff;
	border-color: #FF324D;
	text-decoration: none;
}

.product .images .swiper-wrapper {
	flex-direction: column !important;
}

body.page-home {
	background-color: #eee;
}

.shop-by-cat {
	display: grid;
	grid-template-rows: repeat(2, 100px);
	grid-auto-flow: column;
	grid-auto-columns: 250px;
	gap: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 30px 0;

	grid-template-columns: repeat(4, auto);
	grid-auto-flow: row;
	grid-auto-rows: 100px;
	gap: 10px;
	overflow: hidden;
}

.shop-by-cat.short {
	padding: 0;
	margin: -10px -10px 20px -10px;
	display: block;
	overflow: hidden;
	max-width: 870px;
}

.shop-by-cat.short .bycat-wrapper {
	padding: 10px;
	white-space: nowrap;
	overflow: auto;
}

.shop-by-cat.short a {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	font-size: 11px;
	line-height: 13px;
	padding: 5px 60px 5px 5px;
	width: 150px;
	height: 60px;
	white-space: wrap;
	display: inline-block;
	vertical-align: text-top;
}

.shop-by-cat.short a + a { margin-left: 10px; }

.shop-by-cat.short a > span {
	display: block;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.shop-by-cat a {
	background-color: #fff;
	padding: 20px 130px 20px 20px;
	background-position: right center;
	background-size: auto 80px;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	line-height: 20px;
	text-decoration: none !important;
	transition: all 0.2s;
}

.shop-by-cat a:hover {
	transform: scale(1.05);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.category_preview {
	position: relative;
	margin-bottom: 30px;
}

.category_preview .category_preview_heading {
	position: relative;
	padding-right: 100px;
	padding-bottom: 10px;
}

.category_preview .category_preview_heading h2 {
	color: #000;
	padding: 0;
	margin: 0;
	border: none;
	text-indent: 0;
	width: auto;
	text-align: left;
	text-transform: none;
	font-size: 20px;
	margin-block-start: 0
}

.category_preview .category_preview_heading .view_all {
	position: absolute;
	top: 10px;
	right: 0;
	font-weight: bold;
	font-size: 12px;
}

.category_preview .category_preview_items {
	background-color: #fff;
}

.slider {
	
}

.slider-wrapper {
	overflow: hidden;
	background-color: #eee;
	width: 100%;
}

.slider-container {
	display: grid;
	grid-template-rows: repeat(2, 273px);
	grid-auto-flow: column;
	gap: 1px;
	transition: transform 0.3s ease-in-out;
	border-bottom: 1px solid #eee;
}

.slider-item {
	height: 273px;
	background-color: #fff;
	width: 100%;
	user-select: none;
}

.slider-item .thumb {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	width: calc(100% - 20px);
}

.slider-item .preview-content {
	padding: 0 10px;
}

.slider-item.preview .desc {
	align-items: flex-start;
}

.price > div:empty:after {
	content: '\00A0';
}

.preview-content .price {
	display: flex;
	flex-direction: column;
	gap: 0px;
	text-align: left;
}

.preview-content .price ins {
	font-size: 15px;
}

.preview-content .price del {
	font-size: 10px;
}

.slider .slider-nav {
	display: grid;
	grid-template-columns: auto 80px;
	gap: 10px;
	padding: 10px;
}

.slider .slider-dots {
	display: flex;
	gap: 0;
	align-items: center;
	max-width: 300px;
}

.slider .slider-dots > * {
	width: 100%;
	display: inline-block;
	position: relative;
	height: 25px;
	cursor: pointer;
}

.slider .slider-dots > *:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background-color: #eee;
}

.slider .slider-dots > *.active:before {
	background-color: #000;
	height: 3px;
}

.slider .slider-nav-buttons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	align-items: center;
}

.slider .slider-nav-buttons > * {
	height: 25px;
	line-height: 20px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
}


.columnlist .preview .desc {
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
}

.columnlist .preview .addToCart {
	width: 100%;
	border-radius: 7px;
}

.columnlist .preview .name {
	font-size: 14px;
	line-height: 17px;
	max-height: 51px;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.columnlist .preview .in-stock { font-size: 12px; font-weight: bold; padding-top: 7px; color: #157a17; margin-bottom: -8px; }
.columnlist .preview .delivery { font-size: 12px; }

.columnlist .preview:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: -10px;
	width: calc(100% + 20px);
	height: 1px;
	background-color: #eee;
}

.articles {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 50px 0;
	position: relative;
}

.articles.imported-article {
	padding-top: 10px;
	max-height: none !important;
	overflow: visible !important;
}

.articles.imported-article iframe {
	max-height: none !important;
	overflow: visible !important;
}

.article-preview {
	display: grid;
	grid-template-columns: 200px auto;
	gap: 20px;
	min-height: 150px;
}

.article-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.article-preview h2 {
	font-size: 20px;
}

.articles .meta {
	margin: -5px 0 10px 0;
	font-size: 13px;
	color: #999;
}

.blog-wrapper {
	display: grid;
	grid-template-columns: auto 350px;
	gap: 30px;
}

.articles .banner {
	width: 100%;
	margin-bottom: -20px;
	max-height: 75vh;
	object-fit: contain;
	object-position: top left;
}

.blog-sidebar {
	padding: 50px 0;
	text-align: right;
}

.blog-sidebar h4 {
	font-size: 20px;
	padding: 0 0 15px 0;
	font-weight: bold;
}

.blog-sidebar ul {
	list-style: none;
}

.blog-sidebar ul li {
	padding-bottom: 10px;
	text-wrap: balance;
}

.blog-sidebar .meta {
	font-size: 11px;
	color: #999;
	display: block;
}

.page-article h1 {
	text-wrap: balance;
}

.page-article .breadcrumbs div {
	white-space: nowrap;
}

article {
	font-size: 16px;
	line-height: 21px;
}

article a {
	text-decoration: underline;
}

article a:hover {
	text-decoration: none;
}

article ul {
	margin-left: 20px;
	margin-bottom: 1rem;
}

article li {
	list-style-position: outside;
}

article h2 + h3 {
	margin-top: 1rem;
}

article h3 {
	font-size: 16px;
	padding-bottom: 0.25rem;
}

header {
	z-index: 10000;
	position: relative;
}

form.search {
	position: relative;
	z-index: 9999;
}

.search-dropdown {
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	width: calc(100% - 2px);
	max-height: 250px;
	overflow-y: auto;
	z-index: 9999;
	list-style: none;
	padding: 0;
	margin: 0;
	top: 42px;
	left: 15px;
	width: 100%;
	max-width: calc(500px - 15px);
}
.search-dropdown li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	cursor: pointer;
}
.search-dropdown li img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
}
.search-dropdown li span {
    flex: 1;
    font-size: 14px;
    color: #333;
}
.search-dropdown li:hover {
    background: #f2f2f2;
}

.filters-wrapper {
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ee2e40aa;
}

.filters-wrapper form {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
}

.filters-wrapper label {
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
}

.filters-wrapper select {
	max-width: 180px;
}

h1 small {
	font-size: 13px;
}

h1 a {
	color: #EE2E40;
}

.sidebar .preview .favorite {
	display: none !important;
}

.hasCouponFields {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 10px;
	width: 100%;
}

.applyCoupon {
	display: flex;
	cursor: pointer;
	background-color: #EE2E40;
	color: #fff;
	border-radius: 10px;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
}

.hasCouponFields .msg {
	grid-column: 1 / -1;
	font-size: 13px;
}

.red { color: #EE2E40; }

#tbi_popup_container {
	position: fixed;
	z-index: 99999;
	width: 100dvw;
	height: 100%;
	background: rgba(51,51,51,.3);
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center
}

#iframe_container {
    width: 768px;
    height: 90vh;
    max-width: 100%;
    min-height: 400px;
    max-height: 720px;
    position: relative;
    background: #f4f4f4;
    border-radius: 24px
}

#tbi_popup_iframe {
    width: 100%;
    height: 100%;
    border-radius: 24px
}

#tbi_loading {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    max-width: 40%
}

.hasCards {
	display: grid;
	gap: 30px;
	grid-template-columns: 2fr 1fr;
	margin-top: 2em;
}

.hasCards .line {
	clear: both;
	padding-bottom: 1em;
}

.hasCards label {
	display: block;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 3px;
}

.hasCards label {
	display: block;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 7px;
}

.hasCards .required.line label:after {
	content: '*';
	color: #FF324D;
	margin-left: 4px;
	font-size: 24px;
   line-height: 14px;
}

.hasCards h3 {
    margin: -15px -15px 1em -15px;
    background-color: #EE2E40;
	 color: #fff;
    padding: 7px 15px;
    font-size: 23px;
    font-weight: normal;
}

.card {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
}

.hasCards [type="submit"] {
	background-color: #EE2E40;
	padding: 10px 20px;
	border-radius: 7px;
	border: none;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.card textarea {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    min-height: 150px;
    padding: 6px 12px;
    font-size: 14px;
}

header .contact-icon {
	display: none;
}

.tbi-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.tbi-overlay.active {
    display: block;
}

.tbi-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 10000;
	max-width: 900px;
	width: 90%;
	max-height: 90vh;
	overflow-y: auto;
	padding: 30px;
}

.tbi-modal.active {
    display: block;
}

.tbi-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.tbi-modal-header h2 {
	margin: 0;
	font-size: 24px;
	color: #333;
	border: none;
	padding: 0;
}

.tbi-modal-close {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tbi-modal-close:hover {
    color: #000;
}

.tbi-installments-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
}

.tbi-installment-info {
    display: grid;
    grid-template-columns: 130px 1fr 1fr 1fr 1fr;
    gap: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 15px;
    background-color: #f9f9f9;
    align-items: center;
}

.installment-payment {
    font-size: 18px;
    font-weight: bold;
    color: #2c3e50;
    text-align: center;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}

.installment-column {
    display: flex;
    flex-direction: column;
}

.installment-label {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}

.installment-value {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.tbi-conditions-legend-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.tbi-conditions {
    padding: 0;
}

.tbi-conditions h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
    margin-top: 0;
}

.tbi-conditions ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: disc;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
}

.tbi-conditions ul li {
    margin-bottom: 6px;
}

.tbi-conditions p {
    font-size: 13px;
    color: #555;
    margin: 0;
}

.tbi-legend {
    padding: 0;
}

.tbi-legend h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
    margin-top: 0;
}

.tbi-legend-item {
    margin-bottom: 15px;
    font-size: 12px;
    color: #555;
    line-height: 1.6;
}

.tbi-legend-term {
    font-weight: bold;
    color: #2c3e50;
    display: inline-block;
    min-width: 40px;
}

.tbi-loading {
    text-align: center;
    padding: 40px 20px;
    font-size: 16px;
    color: #666;
}

.tbi-error {
    padding: 20px;
    background-color: #fee;
    border: 1px solid #fcc;
    border-radius: 6px;
    color: #c33;
    text-align: center;
}

.tbi-disclaimer {
    background-color: #f0f4f8;
    border-left: 4px solid #2c3e50;
    padding: 12px 15px;
    margin: 0 0 25px 0;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    border-radius: 4px;
}

input[name="want_invoice"] {
	width: 20px;
    height: 20px;
	vertical-align: middle;
}

#invoiceFields {
	max-width: 400px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
}

#invoiceFields .line {
	display: grid;
	grid-template-columns: 100px auto;
	align-items: center;
	gap: 15px;
	padding-bottom: 7px;
	margin: 0;
}

.invoiceBulstatLookupButton {
	width: 100%;
}

.invoiceBulstatLookupResponse, .invoiceBulstatLookupResponse {
	grid-column: 1 / span 2;
	width: 100%;
	text-align: right;
	display: block;
	margin-bottom: 12px;
}


.sms-form {
	max-width: 420px;
	margin: 20px auto;
	text-align: center;
}

.sms-input-container {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin: 18px 0;
}

.sms-digit {
	width: 52px !important;
	height: 58px;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	border: 1px solid #bbb;
	border-radius: 6px;
	background: #fff;
}

.sms-digit:focus {
	outline: none;
	border-color: #4a90e2;
	background-color: #f0f6ff;
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

body .sms-form .sms-submit {
	padding: 14px 28px;
	font-size: 16px;
	font-weight: 600;
	color: white;
	background-color: #4a90e2;
	border: none;
	border-radius: 8px;
	padding: 12px 15px;
	cursor: pointer;
	transition: all 0.3s ease;
	height: auto;
}

.sms-submit:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.sms-verification-message,
.sms-nosms {
	text-align: center;
	font-size: 22px;
}

@media (max-width: 999px) {	
	.banners { display: none; }
	.page-home main { margin-top: 0; padding-top: 20px; }

	header .phone { display: none; }
	
	body { padding-top: 60px; }
	.wrapper { padding: 0 10px; }
	header { position: fixed; top: 0; left: 0; height: 60px; z-index: 9000; width: 100%; background-color: #fff; }
	header .wrapper { display: block; height: 60px; position: relative; }
	header .logo { position: absolute; left: calc(50% + 20px); bottom: 5px; transform: translateX(-50%); height: 55px; width: 100px; z-index: 60; }
	header .side { position: absolute; left: 10px; top: 20px; width: 100%; width: calc(100% - 20px); z-index: 50; }
	header .side .total { display: none; }
	header .mobile-nav-trigger { background: url(images/hamburger-gray.svg) no-repeat center center; background-size: contain; width: 30px; height: 30px; position: absolute; top: -3px; left: 0px; }

	.mobilepages { display: block; }
	nav { transform: translateX(-100%); position: fixed; top: 0; left: 0; width: 80vw; height: 100vh; background-color: #fff; transition: transform 0.2s; z-index: 10000; overflow-y: auto; }
	nav .wrapper { padding-top: 0; }
	.mobile-menu-top { display: flex; justify-content: flex-start; align-items: center; min-height: 52px; margin: 0 -10px 5px -10px; padding: 8px 10px; border-bottom: 1px solid #eee; }
	.mobile-menu-close { width: 38px; height: 38px; border: none; border-radius: 50%; background: transparent; position: relative; cursor: pointer; }
	.mobile-menu-close:before, .mobile-menu-close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background-color: #333; transform-origin: center; }
	.mobile-menu-close:before { transform: translate(-50%, -50%) rotate(45deg); }
	.mobile-menu-close:after { transform: translate(-50%, -50%) rotate(-45deg); }
	body.navopened, body.showlayer { overflow: hidden; height: 100vh; }
	body.navopened nav { transform: translateX(0); }
	main { min-height: 0; }
	.layer { transition: background 0.2s; }
	.showlayer .layer { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; background-color: rgba(0,0,0,0.5); }
	ul.menu * { user-select: none !important; }
	ul.menu .title { background: none; padding: 10px 0 10px 0; color: #EE2E40; font-size: 15px; }
	ul.menu .title:after { display: none; }
	ul.menu > li > ul { z-index: 500; transform: translateY(0) translateZ(0); visibility: visible !important; opacity: 1 !important; position: relative; box-shadow: none; top: auto; margin: 0 -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); border: none; border-top: 1px solid #ccc; }
	ul.menu > li > ul li { border: none; border-top: 1px solid #ccc; }
	ul.menu li > .expand, ul.menu li > a > .expand { right: 0; width: 40px; height: 44px; background-color: #eee; top: 0; transform: none; z-index: 100; }
	ul.menu li.opened > .expand, ul.menu li.opened > a > .expand { transform: rotate(90deg); }
	ul.menu li > .expand:before, ul.menu li > a > .expand:before { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
	ul.menu ul ul { display: none; border: none; transform: none !important; position: relative; left: auto; top: auto; max-width: 100%; min-width: 0; box-shadow: none; opacity: 1; visibility: visible; }
	ul.menu ul li a { text-transform: uppercase; font-weight: 300; }
	ul.menu ul li li a { font-weight: bold; text-transform: none; color: #666; padding-left: 30px; }
	.mobilepages ul { border: none !important; margin-bottom: 20px; }

	ul.menu li { z-index: 100; }
	ul.menu li li { z-index: 200; }
	ul.menu li li li { z-index: 300; }

	.items { grid-template-columns: 1fr 1fr; gap: 10px; }
	.page-home .items { grid-template-columns: 1fr 1fr; gap: 10px; }
	.wrapper > .items, .hasSidebar .content .items { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); }
	.related .items { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
	.related .items *:nth-child(5) { display: none; }

	.hasSidebar { display: flex; flex-direction: column-reverse; }
	.hasSidebar .sidebar { margin-top: 20px; padding-top: 20px; border-top: 1px solid #999; }


	.labelOffset .half { width: 100%; padding: 7px 0 7px 0; clear: both; float: none; }
	.anyTownHolder, .anyTownPostCodeHolder, .addressHolder { width: 100%; margin: 0 0 10px 0; clear: both; }
	.addressNumHolder { width: 100px; margin: 0 10px 0 0; }
	.addressMoreHolder { width: calc(100% - 110px); }
	.hideOnMobile { display: none !important; }
	
	.product .images { float: none; width: 100%; padding-right: 0; }
	.product .details { float: none; width: 100%; clear: both; padding-top: 50px; }
	.product .images .thumbs { height: 360px; }
	.product .swiper-container { height: 220px; }
	.swiper-wrapper { display: block !important; max-height: 300px; }
	.swiper-button-next, .swiper-button-prev { display: none !important; }
	.product .details .price big { font-size: 35px; }
	.product .details form { padding: 15px; }
	.product .details form label { font-size: 16px; }
	.product .description { font-size: 15px; }
	.product .details form input[type="submit"] { padding-left: 50px; padding-right: 50px; opacity: 1 !important; -webkit-appearance: none; border-radius: 0; }
	
	.quickorder .quickfields { display: flex; flex-direction: column; }
	.button-tbi { margin: 25px 0 0 0; }
	
	form#orderform h2 { font-size: 19px; }
	form#orderform { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 10px; }

	.table-orders { width: calc(100% + 30px); max-width: none; margin-left: -15px; margin-right: -15px; font-size: 14px; }

	footer .columns { display: flex; flex-direction: column; gap: 25px; }
	footer .columns .column { width: 100%; text-align: center; }
	footer .logo { width: 150px; }

	.description ul { margin-left: 12px !important; }
	
	.callus {
		display: block;
		background: none;
		border-radius: 50%;
		bottom: 10pt;
		display: inline;
		height: 40pt;
		padding: 0px;
		position: fixed;
		left: 10pt;
		top: auto;
		width: 40pt;
		z-index: 9999;
		background-image: url(images/phone.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-animation:pop-in 0.5s;
		-moz-animation:pop-in 0.5s;
		-ms-animation:pop-in 0.5s;
		animation:pop-in 0.5s;
	}
	.page-product .callus { bottom: 60px; }
	..page-product .order { display: none; }
	
	.mobile-checkout {
		display: flex;
		flex-direction: column;
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		padding: 5px;
		background-color: #444;
		color: #fff;
		font-size: 15px;
		z-index: 8000;
		height: 50px;
		line-height: 30px;
		padding: 0px 10px;
	}
	.mobile-checkout .buyone {
		border: none;
		padding: 0 20px;
		width: auto;
		text-transform: uppercase;
		font-weight: bold;
		background-color: #3F81D8;
		border: none;
		cursor: pointer;
		transition: transform 0.2s;
		color: #fff;
		position: absolute;
		font-size: 20px;
		top: 10px;
		right: 10px;
		height: 30px;
		line-height: 30px;
	}
	.mobile-checkout strike { font-size: 10px; color: #f00; line-height: 16px; margin: 2px 0 -4px 0; }
	.mobile-checkout big { font-size: 20px; font-weight: bold; padding-top: 10px; }
	.mobile-checkout strike + big { padding-top: 0; }
	
	.popup { left: 20px; transform: translateY(-50%); width: calc(100% - 40px); padding: 15px; font-size: 14px; }
	#oneclick h2 { font-size: 17px; }

	h1 { font-size: 23px; line-height: 27px; }
	.qradio { font-size: 13px; padding: 5px; }
	.qradio strong { font-size: 14px; }
	.qradio small { font-size: 10px; }

	.product .details form .item-quantity:has(.qradio) + input[type="submit"] { width: 100%; }

	header .search-icon { position: absolute; top: 0px; left: 45px; width: 25px; height: 25px; background-image: url(/images/search.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }
	header .search { display: flex; transition: all 0.2s; background-color: #fff; top: -80px; left: 0; width: 100%; position: absolute; z-index: 9999; padding: 10px 5px 10px 10px; }
	header.showsearch .search { top: 60px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
	header .contact-icon { display: inline-block; position: absolute !important; top: 0px; left: 90px; width: 25px; height: 25px; background-image: url(/images/icon-headphone.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }

	.shop-by-cat { grid-template-columns: auto; grid-template-rows: repeat(2, 70px); grid-auto-flow: column; grid-auto-columns: 150px; gap: 10px; padding: 20px 0; margin-bottom: 20px; overflow-x: auto; overflow-y: hidden; }
	.shop-by-cat a { padding: 10px 70px 10px 10px; background-size: auto 50px; font-size: 13px; line-height: 15px; }

	.slider-container { grid-template-rows: repeat(2, 225px); }
	.slider-item { height: 225px; }

	.items.columnlist { grid-template-columns: 1fr; gap: 0; }
	.columnlist .preview { display: grid; grid-template-columns: 7fr 8fr; gap: 10px; border-bottom: 1px solid #eee; }
	.columnlist .preview .thumb { padding: 10px; margin-bottom: 0; }
	.columnlist .preview .desc { align-items: flex-start; text-align: left; padding-top: 10px; padding-right: 10px; }
	.columnlist .preview .addToCart { display: none; }
	
	.blog-wrapper { grid-template-columns: 1fr; }
	.blog-sidebar { text-align: left; }
	.articles { gap: 15px; }
	.articles .meta { margin: -10px 0 0 0; font-size: 12px; }
	.article-preview { grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }
	.article-preview .meta { margin-bottom: 5px; }

	#chatAgent { bottom: 60px !important; right: 10px !important; }

	.preview .thumb { min-width: 156px; min-height: 156px; }
	.items.columnlist .favorite { right: auto; left: 130px; }

	#tbi_popup_iframe { width:100% }
	#iframe_container,#tbi_popup_iframe { border-radius: 0; max-height: 2000px }
	#tbi_popup_container { align-items: flex-end }

	.hasCards { grid-template-columns: 1fr; }

	.tbi-modal { width: 95%; padding: 20px; max-height: 95vh; }
	.tbi-modal-header h2 { font-size: 20px; }
	.tbi-installment-info { grid-template-columns: 100px 1fr 1fr; grid-template-rows: auto auto; gap: 10px; }
	.installment-payment { font-size: 14px; grid-row: 1 / 3; border-right: 1px solid #ddd; border-bottom: none; padding-right: 0px; padding-bottom: 0; }
	.tbi-conditions-legend-wrapper { grid-template-columns: 1fr; gap: 20px; }
}

.cc-revoke.cc-bottom {
	bottom: 90px !important;
	right: 0 !important;
	left: auto !important;
	transform: rotate(-90deg) translateY(99%) !important;
}