@media(width:360px) {
.wpupg-item h3 {
font-size: 22px;
line-height: 28px;
}

.wpupg-filter-custom_html button.cat-wpug {
font-size:0.78rem
}
}

@media (min-width:370px) and (max-width: 389px) {
.wpupg-item h3 {
font-size: 24px;
line-height: 30px;
}
}

@media (min-width:390px) and (max-width: 480px) {
.wpupg-item h3 {
font-size: 25px;
line-height: 32px;
}
}

@media(max-width:411px)  {
.wpupg-grid .wpupg-item .wpupg-meta-container {
padding: 8px 6px 10px;
}
}

@media(min-width:412px) and (max-width:767px)  {
.wpupg-grid .wpupg-item .wpupg-meta-container {
padding: 10px 10px 10px;
}
}

@media (min-width:481px) and (max-width: 767px) {
.wpupg-item h3 {
font-size: 24px;
line-height: 30px;
}
}

@media(max-width:767px)  {
.wpupg-grid .wprm-recipe-add-to-collection-button:before {
top:-4px
}
}

@media (min-width: 768px) {
.wpupg-item h3 {
font-size: 30px;
line-height: 36px;
}

.wpupg-grid .wpupg-item .wpupg-meta-container {
padding: 5px 10px 10px;
}

.wpupg-grid .wprm-recipe-add-to-collection-button:before {
top:-3px
}
}

.wpupg-grid-filters  {
max-width: 700px;
margin: 0 auto;
}

.wpupg-item-image img {
width: 100%!important;
block-size: auto!important;
height:auto!important;
aspect-ratio: 4 / 3!important;
object-fit: cover!important;
object-position: top center!important;
image-rendering: -webkit-optimize-contrast;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}

.wpupg-grid-container img {
will-change: transform;
transform: translateZ(0);
content-visibility: auto;
}

.wpupg-grid .wpupg-item .wpupg-item-image {
border-radius:10px 10px 0 0;
}

.wpupg-grid .wpupg-item .wpurg-calories  {
position:absolute;
top:5px;
left:5px;
}

.wpupg-grid .wpupg-item .wpurg-calories .wprm-recipe-meta-container .wprm-recipe-nutrition-container {
height: 22px;
background-color: rgba(254, 254, 251, 0.8);
font-size: 0.72rem;
padding: 0 6px;
display: flex;
gap: 3px;
border-radius:4px;
align-items:center;
}

.wpupg-grid .wpupg-item .wpurg-calories .wprm-recipe-meta-container .wprm-recipe-nutrition-container .wprm-recipe-calories {
color:#303030;
}

.wpupg-grid .wprm-recipe-nutrition-container .wprm-recipe-calories:after {
content:"kcal";
font-size:0.65rem;
font-weight:500;
color:#110e17;
margin-left:3px;
}

.wpupg-grid .wprm-recipe-keyword-container {
text-align: center;
border-radius: 4px;
padding:2px 0;
line-height:1rem;
}

.wpupg-grid .wprm-recipe-keyword-container .wprm-recipe-keyword {
 font-size: 0.65rem;
 font-weight: 600;
 color: rgba(0, 0, 0, 0.65);
letter-spacing:0.5px;
}

.wpupg-item h3 {
color:#303030;
}

.wpupg-grid .wprm-recipe-time.wprm-block-text-normal  {
font-size:0.85rem;
}

.wpupg-grid .wprm-recipe-time.wprm-block-text-normal .wprm-recipe-total_time {
font-weight:500;
color:#110e17;
}

.wpupg-grid .grid-flex-10 {
display: flex;
justify-content: space-between;
}

.wpupg-grid .wprm-recipe-link.wprm-recipe-link-button {
position:absolute;
top:0;
right:5px;
display: inline;
max-height:22px;
}

.wpupg-grid .wprm-recipe-add-to-collection-button:before {
content:"PLUS";
color:#4fb30f;
font-weight:700;
font-size:0.55rem;
padding: 0 4px 0 8px;
position: relative;
text-shadow: 0.2px 0.3px 0.2px rgba(56, 136, 4, 0.75);
letter-spacing: 0.3px;
}

.wpupg-grid .wprm-recipe-add-to-collection-icon img {
padding: 5px;
border-radius: 50%;
width: 26px;
transform: translate(1px, -3px);
}

.wpupg-grid .wprm-recipe-add-to-collection-icon.wprm-recipe-not-in-collection img {
background-color: #fff;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
}

.wpupg-grid .wprm-recipe-add-to-collection-icon.wprm-recipe-in-collection img {
background-color: #64cd1c;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
}

.wpupg-grid .wprm-recipe-servings-container .wprm-recipe-servings-label,
.wprm-recipe-servings-container .wprm-recipe-servings-with-unit .wprm-recipe-servings {
font-size:0.85rem;
color:#303030;
}

.wpupg-grid .wprm-recipe-servings-container .wprm-recipe-servings-label {
color:#4b4b4b;
}

.wpupg-grid .grid-cook-time {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}

.wpupg-grid .grid-cook-time .wprm-recipe-servings-container  {
margin-right: 5px;
}

.wpupg-pagination-button {
width: 100%;
max-width: 350px;
font-weight: 600!important;
letter-spacing: 0.8px;
transition: all 300ms ease-in-out;
}

.wpupg-pagination-button:hover, .wpupg-filter-isotope .wpupg-filter-item:hover {
transition: all 350ms ease-in-out;
}

.wpupg-filter-container .wpupg-filter-label {
font-weight: 500;
color: #303030;
margin-bottom: 5px;
}

.wpupg-filter-isotope {
display: inline-flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
overflow-x: scroll;
width: 100%;
scrollbar-width:0;
}

.wpupg-filter-isotope::-webkit-scrollbar {
display:none;
}

.wpupg-filter-isotope .wpupg-filter-item {
flex-shrink:0;
box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.18) inset;
}

.wpupg-filter-isotope .wpupg-filter-item.active, .wpupg-filter-isotope .wpupg-filter-item:hover {
box-shadow: none;
text-shadow: 0.1px 0.2px 0.1px rgba(255, 255, 255, 0.95);
}

.wpupg-filter-text_search {
margin:0 auto!important;
align-items: center;
max-width: 700px;
}

.wpupg-filter-text_search .wpupg-filter-text-input-container input.wpupg-filter-text-input {
padding: 7.5px 15px!important;
min-height: 58px!important;
border-radius:6px!important;
border-width:1px!important;
box-shadow: 0px 0px 3px 2px rgba(17, 14, 23, 0.15);
transition: border 0.5s, box-shadow 0.35s;
}

.wpupg-filter-text_search .wpupg-filter-text-input-container input.wpupg-filter-text-input:focus::placeholder {
opacity:0;
}

.wpupg-filter-text_search .wpupg-filter-text-input-container input.wpupg-filter-text-input:focus {
border:1px solid rgb(190,211,179)!important;
box-shadow: 0px 0px 4px 1px rgba(28,67,5,0.22)!important;
transition: all 300ms ease-in-out;
}

.wpupg-filter-isotope .wpupg-filter-item.active, .wpupg-filter-isotope .wpupg-filter-item {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.search-filter-intro {
font-size: 0.8rem;
line-height: 1.2rem;
font-weight: 500;
color: #303030;
padding: 5px 10px;
background-color:#fff;
border:1px solid #615e5e;
max-width:380px;
margin:10px auto 0;
border-radius:4px;
position:relative;
text-align:center;
}

.search-filter-intro:after {
content: "";
position: absolute;
right: 65%;
transform: translate(-50%, 18.6px) scaleX(1.5) rotate(225deg);
width: 9px;
height: 9px;
z-index: 6;
background-color: #fff;
border: none;
box-shadow: -1px -1px 0 0 #615e5e;
}

.wpupg-filter-custom_html button.cat-wpug {
padding: 0;
background-color: unset;
text-transform: none;
min-height: unset;
font-weight: 400;
display: unset;
bottom: 1px;
border-bottom: 1px solid #3f3f3f;
color: #110e17;
}

.wpupg-filter-checkboxes-wprm_quick {
margin: 15px auto;
max-width: 380px;
display: flex;
justify-content: center;
align-items: baseline;
padding:12px 0;
border-radius: 6px;
border: 2px dashed #ccc;
}

.wpupg-filter-checkboxes-wprm_quick:before  {
content: "Бързо и Лесно";
font-weight: 600;
font-size: 0.68rem;
color: #303030;
text-transform: uppercase;
letter-spacing: 0.5px;
position: absolute;
transform: translate(-70%, -20px);
background-color: #fff;
padding: 0 8px;
}

.wpupg-filter-checkboxes-wprm_quick:after {
content: url(https://www.dietko.com/wp-content/uploads/2025/12/101-option-24.png);
position: absolute;
transform: translate(-128px, -3px);
}

.wpupg-filter-checkboxes .wpupg-filter-checkboxes-term-container label {
font-weight:500;
padding-left: 6px!important;
font-size:0.8rem;
}

.wpupg-filter-checkboxes .wpupg-filter-checkboxes-term-container label:before {
content:"ДО";
font-weight:400;
font-size:0.65rem;
color:#303030;
padding-right:3px;
}


.wpupg-filter-checkboxes-term-container {
padding: 3px 5px;
background-color: #f7faf7;
border-radius: 6px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.18);
}

.wpupg-filter-checkboxes-wprm_quick .wpupg-filter-checkboxes-term-container input[type="checkbox"] {
border-radius: 16px;
box-shadow: 0 0 0 4px #dcdcdc inset, 0 0 0 0 #dcdcdc;
-webkit-appearance: none;
width: 16px;
height: 16px;
transition: all 0.2s ease-in-out;
position: relative;
bottom:1px;
cursor: pointer;
outline: 0;
background-color: white;
}

.wpupg-filter-checkboxes-wprm_quick .wpupg-filter-checkboxes-term-active input[type="checkbox"] {
box-shadow: 0 0 0 4px #60bc22 inset;
}

.wpupg-filter-clear-button {
font-weight: 600;
letter-spacing: 0.8px;
box-shadow:rgba(50, 50, 93, 0.12) 0px 5px 5px, rgba(0, 0, 0, 0.20) 0px 1px 2px;
}

.wpupg-filter-custom_html .legend {
display: flex;
justify-content: flex-end;
margin-top: 30px;
}

.wpupg-filter-custom_html .legend .wrapper {
display: flex;
gap: 10px;
align-items: center;
}

.wpupg-filter-custom_html .legend .wrapper .calories,
.wpupg-filter-custom_html .legend .wrapper .servings {
display: flex;
gap: 5px;
align-items: center;
}

.wpupg-filter-custom_html .legend .wrapper .calories .ico,
.wpupg-filter-custom_html .legend .wrapper .servings .ico {
transform: translateY(-2px);
}

.wpupg-filter-custom_html .legend .wrapper .calories .ico {
opacity:.65;
}

.wpupg-filter-custom_html .legend .wrapper .calories .name,
.wpupg-filter-custom_html .legend .wrapper .servings .name {
font-size: 0.8rem;
color:#615e5e;
}

.wpupg-filter-custom_html .legend .wrapper .calories .name strong {
color:#303030;
font-weight:500;
}

.wpupg-grid-container .wpupg-grid-empty {
font-size: 0.9rem;
line-height: 1.4rem;
font-weight: 500;
padding: 10px;
border-radius: 6px;
color: #303030;
box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
max-width: 380px;
margin: 10px auto 0;
}