.p2410-grey{
color:#757575;	
}
.p2410-green{
color: #4caf50;	
}
.p2410-container{
width: auto;
max-width: 1440px;
margin:auto;	
}
.p2410-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.p2410-grid-element{

}
.p2410-card-image img{
max-width:100%;
}
.p2410-card-legend{
text-align:center;
}
.p2410-card-legend .title{

}
.p2410-cat-selected > a{
font-weight:bold;
}

.p2410-table{
table-layout: fixed;	
}
.p2410-table .mob-show{
display:none;
}
.p2410-table td, .p2410-table th{
vertical-align: middle;
text-align: left;
}
.p2410-table td.center, .p2410-table th.center{
text-align: center;	
}
.p2410-table th{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.p2410-table .product-image{
max-width: 50px;
max-height: 50px;	
cursor: pointer;
}

.p2410-table [data-type="image"]{
width:6%;
}
.p2410-table [data-type="kods"]{
width:7.5%;
}
.p2410-table [data-type="ean"]{
width:13%;
}
.p2410-table [data-type="title"]{
width:18.5%;
}
.p2410-table [data-type="vien"]{
width:9.5%;
}
.p2410-table [data-type="avail"]{
width:8.5%;
}
.p2410-table [data-type="prices"]{
width:12.5%;
}
.p2410-table [data-type="loyal"]{
width:7.5%;
}
.p2410-table [data-type="quantity"]{
width:17%;
}

.p2410-pricing-block{
font-family: Lato,sans-serif;	
}
.p2410-pricing-block .p2410-main-price{
font-weight: 800;
font-size: 15px;
color: #757575;
}
.p2410-pricing-block ul{
margin: 3px 0 0 0;
padding: 0;
}
.p2410-pricing-block ul li{
list-style: none;
white-space: nowrap;
font-size: 10px;
color: #757575;
line-height: 1.5;
}

.p2410-checkout{
display: flex;
align-items: center;
justify-content: center;
}
.p2410-checkout input{
border: 1px solid #d8d8d8;
height: 40px;
line-height: 40px;
padding: 0 10px;
flex-shrink: 1;
flex-grow: 0;
width: 60px;
}
.p2410-checkout button{
padding: 0 10px;
color: #fff;
background-color: #000;
border: 1px solid #000;
margin: 0;
font-family: Lato,sans-serif;
font-size: 12px;
line-height: 2em;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .2em;
border-radius: 0;
height: 40px;
cursor:pointer;
transition:all .2s;
}
.p2410-checkout button i{
display:none;	
}
.p2410-checkout button.p2410-disabled{
background-color: #757575;
border-color: #757575;
user-select: none;
touch-action: none;
cursor: progress;
}

.p2410-filter{
margin-bottom: 40px;
}
.p2410-filter table tbody td{
text-align: left;
vertical-align: bottom;
}
.p2410-filter table tbody tr{
border: none;
}
.p2410-filter select{
width: 100%;
border: 1px solid #d8d8d8;
height: 30px;
line-height: 30px;
padding: 0 10px;
}
.p2410-filter input[type="checkbox"]{
height: 20px;	
}
.p2410-filter label{
display: block;
}
.p2410-filter button{
padding: 0 10px;
color: #000;
background-color: buttonface;
border: 1px solid #000;
margin: 0;
font-family: Lato,sans-serif;
font-size: 12px;
line-height: 2em;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .2em;
border-radius: 0;
height: 30px;
cursor: pointer;
width: 100%;
}

.wc-custom-select-field label{
display:block;
}
.wc-custom-select-field .woocommerce-input-wrapper{

}
.wc-custom-select-field select{
position: relative;
width: 100%;
margin: 0 0 16px;
padding: 12px 16px;
font-family: Cormorant,serif;
font-size: 18px;
font-weight: 500;
font-style: italic;
line-height: calc(52px - (24px - 2px));
color: #5a5a5a;
background-color: transparent;
border: 1px solid #cbcbcb;
border-radius: 0;
outline: 0;
cursor: text;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color .2s ease-in-out;
-o-transition: border-color .2s ease-in-out;
transition: border-color .2s ease-in-out;
}
button[type="submit"].disabled{
background: #E0E0E0 !important;
cursor: not-allowed !important;
pointer-events: none;
touch-action: none;
user-select: none;
color: #999 !important;
border-color: #999 !important;	
}

.woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-button{
display:none !important;	
}
.p2410-relative{
position:relative;	
}
.mobile-togger-product-categories{
display:none;	
}


/*TOAST*/
#p2410-toast {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 9999;
left: 50%;
bottom: 30px;
font-family: Lato,sans-serif;	
}
#p2410-toast.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}



@media only screen and (max-width: 1440px) {
	.p2410-checkout button span{
		display:none;	
	}
	.p2410-checkout button i{
		display:block;	
	}
}
@media only screen and (max-width: 1024px) {
	.p2410-filter{
		margin-top:40px;
	}
	.p2410-table-wrapper{
		overflow: hidden;
		overflow-x: auto;
	}
	.p2410-table-wrapper > table{
		min-width: 870px;
	}
}

@media only screen and (max-width: 900px) {
	.p2410-table-wrapper > table{
		min-width: 900px;
	}
	.p2410-table .mob-hide{
		display: none;
	}
	.p2410-table .mob-show{
		display: inherit;
	}
	.p2410-table th.mob-show{
		display:table-cell;	
	}
	.p2410-table [data-type="image"]{
		width:10%;	
	}
	.p2410-table [data-type="kods_ean"]{
		width:14%;
	}
	.p2410-table [data-type="avail"]{
		width:15%;
	}
	.p2410-table [data-type="prices"]{
		width:18%;	
	}
	.p2410-table [data-type="title"]{
		width:25%;
	}
	.p2410-table [data-type="price"]{
		width:20%;
	}
	.p2410-table [data-type="loyal"]{
		width:11%;
	}
	.p2410-table [data-type="quantity"]{
		width:20%;
	}
	.product-categories{
		display:none;	
	}
	.mobile-togger-product-categories{
		display:block;
		position: absolute;
		top: 0;
		right: 0;
	}
	.mobile-togger-product-categories a{
		display: flex;
		width: 40px;
		height: 40px;
		align-items: center;
		justify-content: center;
		border: 1px solid;
		cursor:pointer;
	}
	.mobile-togger-product-categories .active i{
		transform: rotate(180deg);
	}
	.p2410-pricing-block ul li{
		white-space: normal;	
	}
	.p2410-table td{
		vertical-align: top;
	}
}

@media only screen and (max-width: 414px) {
	.p2410-grid{
		grid-template-columns: repeat(1, 1fr);
	}
	.p2410-filter table tbody td{
		display:block;	
	}
}

#toast {
    visibility: hidden;
    max-width: 50px;
    height: 50px;
    /*margin-left: -125px;*/
    margin: auto;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;

    position: fixed;
    z-index: 9999;
    left: 0;right:0;
    bottom: 30px;
    font-size: 17px;
    white-space: nowrap;
}
#toast #img{
	width: 50px;
	height: 50px;
    
    float: left;
    
    padding-top: 16px;
    padding-bottom: 16px;
    
    box-sizing: border-box;

    
    background-color: #111;
    color: #fff;
}
#toast #desc{

    
    color: #fff;
   
    padding: 16px;
    
    overflow: hidden;
	white-space: nowrap;
	font-family: Lato,sans-serif;
}

#toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes expand {
    from {min-width: 50px} 
    to {min-width: 350px}
}

@keyframes expand {
    from {min-width: 50px}
    to {min-width: 350px}
}
@-webkit-keyframes stay {
    from {min-width: 350px} 
    to {min-width: 350px}
}

@keyframes stay {
    from {min-width: 350px}
    to {min-width: 350px}
}
@-webkit-keyframes shrink {
    from {min-width: 350px;} 
    to {min-width: 50px;}
}

@keyframes shrink {
    from {min-width: 350px;} 
    to {min-width: 50px;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 60px; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 60px; opacity: 0;}
}


.zoom-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.zoom-modal .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}


/* Add Animation - Zoom in the Modal */
.zoom-modal .modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.zoom-modal .close {
  position: absolute;
  top: 35px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.zoom-modal .close:hover,
.zoom-modal .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .zoom-modal .modal-content {
    width: 100%;
  }
}


/* Mobile padding fix */
@media only screen and (max-width: 900px) {
	.p2410-mobile-no-padding {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* Desktop padding */
@media only screen and (min-width: 901px) {
	.p2410-mobile-no-padding {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Quantity input wrapper */
.p2410-quantity-wrapper {
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

/* Force number input arrows on mobile */
.p2410-quantity-input {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	padding-right: 25px;
	height: 42px;
}

.p2410-quantity-input::-webkit-outer-spin-button,
.p2410-quantity-input::-webkit-inner-spin-button {
	-webkit-appearance: auto;
	margin: 0;
}

/* Custom arrows for mobile */
.p2410-custom-arrows {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.p2410-arrow-up,
.p2410-arrow-down {
	background: #000;
	border: 1px solid #000;
	color: #fff;
	width: 20px;
	height: 20px;
	font-size: 10px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
}

.p2410-arrow-up i, .p2410-arrow-down i {
	color: #fff !important;
}

.p2410-arrow-up:hover,
.p2410-arrow-down:hover {
	background: #757575;
	border-color: #757575;
}

.p2410-arrow-up:active,
.p2410-arrow-down:active {
	background: #616161;
	border-color: #616161;
}

/* Hide custom arrows on desktop */
@media only screen and (min-width: 901px) {
	.p2410-custom-arrows {
		display: none;
	}
	
	.p2410-quantity-input {
		padding-right: 8px;
	}
	
	.p2410-quantity-wrapper {
		padding-right: 0;
	}
}

/* Mobile table compactness - Portrait mode */
@media only screen and (max-width: 600px) {
	.p2410-mobile-compact {
		min-width: 640px !important;
		font-size: 12px;
	}
	
	.p2410-mobile-compact [data-type="image"] {
		width: 8%;
	}
	
	.p2410-mobile-compact [data-type="kods_ean"] {
		width: 12%;
	}
	
	.p2410-mobile-compact [data-type="title"] {
		width: 22%;
	}
	
	.p2410-mobile-compact [data-type="avail"] {
		width: 8%;
	}
	
	.p2410-mobile-compact [data-type="prices"] {
		width: 20%;
	}
	
	.p2410-mobile-compact [data-type="quantity"] {
		width: 30%;
	}
	
	.p2410-mobile-compact .product-image {
		max-width: 35px;
		max-height: 35px;
	}
	
	.p2410-mobile-compact-form {
		flex-direction: row;
		gap: 10px;
		width: auto !important;
		padding-top: 10px;
	}
	
	.p2410-mobile-compact-form input[type="number"] {
		width: 50px;
		height: 42px;
		font-size: 12px;
	}
	
	.p2410-mobile-compact-form button {
		height: 30px;
		font-size: 10px;
		padding: 0 5px;
	}
	
	.p2410-pricing-block .p2410-main-price {
		font-size: 13px;
	}
	
	.p2410-pricing-block ul li {
		font-size: 9px;
	}
}

/* Mobile table compactness - Landscape mode */
@media only screen and (min-width: 601px) and (max-width: 900px) {
	.p2410-mobile-compact {
		min-width: 640px !important;
		font-size: 12px;
	}
	
	.p2410-mobile-compact [data-type="image"] {
		width: 8%;
	}
	
	.p2410-mobile-compact [data-type="kods_ean"] {
		width: 12%;
	}
	
	.p2410-mobile-compact [data-type="title"] {
		width: 22%;
	}
	
	.p2410-mobile-compact [data-type="avail"] {
		width: 8%;
	}
	
	.p2410-mobile-compact [data-type="prices"] {
		width: 20%;
	}
	
	.p2410-mobile-compact [data-type="quantity"] {
		width: 30%;
	}
	
	.p2410-mobile-compact .product-image {
		max-width: 35px;
		max-height: 35px;
	}
	
	.p2410-mobile-compact-form {
		flex-direction: row;
		gap: 10px;
		width: auto !important;
		padding-top: 10px;
	}
	
	.p2410-mobile-compact-form input[type="number"] {
		width: 50px;
		height: 42px;
		font-size: 12px;
	}
	
	.p2410-mobile-compact-form button {
		height: 30px;
		font-size: 10px;
		padding: 0 5px;
	}
	
	.p2410-pricing-block .p2410-main-price {
		font-size: 13px;
	}
	
	.p2410-pricing-block ul li {
		font-size: 9px;
	}
}