﻿

/***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** CATEGORY ***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.category-page-top-head
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 140px; padding-bottom: 20px; background: none; position: relative; z-index: 993; }
.category-page-top-napis h1
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 36px; font-style: normal; font-weight: 700; color: #222222; text-transform: none; text-align: left; text-decoration: none; line-height: 140%; letter-spacing: 0.04em; background: none; }
.category-page-top-napis h2
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 40px; font-family: "Poppins", sans-serif; font-size: 32px; font-style: normal; font-weight: 700; color: #222222; text-transform: none; text-align: left; text-decoration: none; line-height: 140%; letter-spacing: 0.04em; background: none; }
/** CATEGORY NABIDKA **/

.category-nabidka-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 60px; padding-bottom: 60px; background: none; position: relative; }
.category-nabidka-txt 
{ width: 60%; height: auto; float: left; margin: 0px; padding: 0px; background: none; }
.category-nabidka-txt-napis h2 
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 34px; font-style: normal; font-weight: 600; color: #222222; line-height: 150%; text-transform: none; text-decoration: none; text-align: left; letter-spacing: 0.04em; background: none; position: relative; }
.category-nabidka-txt-popis p 
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 15px; margin-bottom: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; color: #222222; line-height: 170%; text-transform: none; text-decoration: none; text-align: left; letter-spacing: 0.02em; background: none; position: relative; }

.category-nabidka-video 
{ width: 40%; height: auto; float: left; margin: 0px; padding: 0px; background: none; }

.category-nabidka-video-panel 
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 40px; padding-bottom: 40px; background: none; }
.category-video-box
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; position: relative; background: none; }
.index-kapsle-video 
{ position: relative; width: 100%; max-width: 700px; aspect-ratio: 1 / 0.8; overflow: hidden; background: none; }
#indexKapsleVideo 
{ width: 100%; height: auto; object-fit: cover; position: absolute; top: 0; left: 0; background: none; }

/** CATEGORY BOX **/
.category-box-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 60px; padding-bottom: 60px; background: #ffffff; position: relative; }
.categoryContainer 
{ display: flex; gap: 20px; }
.category-box 
{ flex: 1; background-color: #faf8f0; padding-left: 60px; padding-right: 60px; box-sizing: border-box; border: 0.05em solid #ebe5d2; -moz-border-radius: 26px; -khtml-border-radius: 26px; border-radius: 26px; }
.category-box-nabidka
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; background: none; position: relative; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.category-box-odkaz-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 40px; background: none; }
.category-box-nabidka h2 a
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 36px; font-style: normal; font-weight: 700; color: #222222; text-transform: none; text-align: center; text-decoration: none; line-height: 100%; letter-spacing: 0.04em; background: none; 
  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.category-box--picture img
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow: hidden; background: none; }
.category-box--odkaz:before 
{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: none; }
.category-box-nabidka h2 a:hover
{ color: #ffa525; }
.category-box-popis p
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 20px; font-family: "Poppins", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; color: #222222; text-transform: none; text-align: center; text-decoration: none; line-height: 160%; letter-spacing: 0.02em; background: none; }
.category-box-btn-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 30px; padding-bottom: 30px; background: none; }
.category-box-btn-box
{ width: 200px; height: auto; margin: 0px auto; top: 0px; background: black; position: relative; }
.category-box-btn a
{ width: 100%; height: 44px; float: left; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; color: #222222; text-transform: none; text-align: center; text-decoration: none; line-height: 44px; letter-spacing: 0.04em; background: #ebe5d2;  -moz-border-radius: 22px; -khtml-border-radius: 22px; border-radius: 22px;
  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.category-box-btn a:hover
{ background: #222222; color: #ffffff; }


/** CATEGORY PRODUCT **/
.product-card-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 30px; padding-bottom: 30px; background: none; position: relative; z-index: 999; }
.grid-container 
{ display: grid; gap: 20px; padding: 0 20px; grid-template-columns: repeat(4, 1fr); }
.category-product-box 
{ background: #ffffff; padding: 20px; border: 0.05em solid #dbdbdb; -moz-border-radius: 22px; -khtml-border-radius: 22px; border-radius: 22px; box-sizing: border-box; }
.category-product-box-nabidka
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; background: none; position: relative; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.category-product-box-odkaz-panel
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; background: none; }
.category-product-box-nabidka h2 a
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: -10px!important; margin-bottom: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 18px; font-style: normal; font-weight: 600; color: #222222; text-transform: uppercase; text-align: center; text-decoration: none; line-height: 130%; letter-spacing: 0.02em; 
  background: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.category-product-box--picture img
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow: hidden; background: none; }
.category-product-box--odkaz:before 
{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: none; }
.category-product-box-nabidka h2 a:hover
{ color: #ffa525; }
.category-product-box-sklad p
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 5px; margin-bottom: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 13px; font-style: normal; font-weight: 500; color: #8a8989; text-transform: none; text-align: center; text-decoration: none; line-height: 100%; letter-spacing: 0.03em; background: none; }
.category-product-price-panel
{ width: 100%; height: 40px; float: left; margin-left: 0px; margin-top: 15px; margin-bottom: 0px; background: none; border: 2px solid #f4f4f4; -moz-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; }
.category-product-price-left p
{ width: 50%; height: 40px; float: left; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; color: #222222; text-transform: none; text-align: left; text-decoration: none; line-height: 40px; letter-spacing: 0.03em; background: none; }
.category-product-price-right p
{ width: 50%; height: 40px; float: right; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; color: #ffa525; text-transform: none; text-align: right; text-decoration: none; line-height: 40px; letter-spacing: 0.03em; background: none; }
.category-product-dose-panel
{ width: 100%; height: 34px; float: left; margin: 0px; padding-top: 5px; padding-bottom: 5px; background: none; }
.category-product-dose-left p
{ width: 44%; height: 34px; float: left; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 13px; font-style: normal; font-weight: 400; color: #8a8989; text-transform: none; text-align: left; text-decoration: none; line-height: 34px; letter-spacing: 0.03em; background: none; }
.category-product-dose-right p
{ width: 56%; height: 34px; float: right; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 13px; font-style: normal; font-weight: 400; color: #8a8989; text-transform: none; text-align: right; text-decoration: none; line-height: 34px; letter-spacing: 0.03em; background: none; }
.category-product-btn-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 10px; padding-bottom: 0px; background: none; position: relative; z-index: 999; }
.category-product-btn-more a
{ width: 46%; height: 40px; float: left; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; color: #222222; text-transform: none; text-align: center; text-decoration: none; line-height: 40px; letter-spacing: 0.03em; background: #ffffff; border: 0.05em solid #dbdbdb; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;
  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.category-product-btn-more a:hover
{ background: #ffffff; border: 0.05em solid #222222; }
.category-product-btn-shop a
{ width: 46%; height: 40px; float: right; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; color: #ffffff; text-transform: none; text-align: center; text-decoration: none; line-height: 40px; letter-spacing: 0.03em; background: #ffa525; border: 0.05em solid #ffa525; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;
  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.category-product-btn-shop a:hover
{ color: #ffffff; background: #da860f; border: 0.05em solid #da860f; }

.category-product-widget-panel
{ width: 100%; height: 24px; float: left; margin-top: -5px; margin-bottom: -5px; padding: 0px; background: none; }
.category-product-widget-blue
{ height: 24px; float: left; margin: 0px; padding-left: 10px; padding-right: 10px; background: #1773eb; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 6px 0px 6px 0px; }
.category-product-widget-text p
{ width: 100%; height: 24px; float: left; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 11px; font-style: normal; font-weight: 400; color: #ffffff; text-transform: uppercase; text-align: left; text-decoration: none; line-height: 24px; letter-spacing: 0.02em; background: none; }


@media only screen and (max-width: 1780px) {

/** CATEGORY BOX **/
.category-box 
{ flex: 1; background-color: #faf8f0; padding-left: 20px; padding-right: 20px; box-sizing: border-box; border: 0.05em solid #ebe5d2; -moz-border-radius: 26px; -khtml-border-radius: 26px; border-radius: 26px; }
.category-box-nabidka h2 a
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 30px; font-weight: 700; letter-spacing: 0.04em; }
.category-box-popis p
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 20px; font-size: 14px; font-weight: 500; line-height: 160%; }

}


@media only screen and (max-width: 1080px) {
.category-page-top-napis h1
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 32px; line-height: 140%; letter-spacing: 0.04em; }
.category-nabidka-txt-napis h2 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 32px; line-height: 150%; letter-spacing: 0.04em; }
.category-nabidka-txt-popis p 
{ width: 100%; height: auto; float: left; margin: 0px; font-size: 15px; line-height: 170%; letter-spacing: 0.02em; }


/** CATEGORY BOX **/
.category-box-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 20px; padding-bottom: 20px; }
.categoryContainer 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; background: none; position: relative; display: block; gap: 0px; }
.category-box 
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; position: relative; }
.category-box-nabidka h2 a
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 30px; font-weight: 700; letter-spacing: 0.04em; }

/** CATEGORY PRODUCT **/
.grid-container 
{ display: grid; gap: 20px; padding: 0 20px; grid-template-columns: repeat(2, 1fr); }

}


@media only screen and (max-width: 780px) {
.category-page-top-napis h1
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 32px; text-align: center; line-height: 140%; }
.category-nabidka-txt-box-left 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; background: none; }
.category-nabidka-txt-box-right 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; background: none; }
.category-nabidka-txt-napis h2 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 32px; text-align: center; line-height: 150%; }
.category-nabidka-txt-popis p 
{ width: 100%; height: auto; float: left; margin-bottom: 20px; font-size: 15px; line-height: 170%; text-align: center; }
.category-video-box
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px;  }
.index-kapsle-video 
{ position: relative; width: 100%; max-width: 700px; aspect-ratio: 1 / 0.8; overflow: hidden; background: none; }





.grid-container 
{ display: grid; gap: 20px; padding: 0 20px; grid-template-columns: repeat(1, 1fr); }

}