.back-to-tips-button {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: #4CAF50;
color: white !important;
padding: 10px 18px;
text-decoration: none !important;
border-radius: 6px;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin: 15px 0;
border: 2px solid #4CAF50;
transition: all 0.3s ease;
cursor: pointer;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.back-to-tips-button:hover {
background-color: #45a049 !important;
border-color: #45a049;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
color: white !important;
text-decoration: none !important;
}

.back-to-tips-button:active {
transform: translateY(0);
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.back-arrow {
font-size: 16px;
transition: transform 0.3s ease;
font-weight: bold;
}

.back-to-tips-button:hover .back-arrow {
transform: translateX(-3px);
}

.back-to-tips-bottom {
margin-top: 20px !important;
margin-bottom: 15px !important;
border-top: 1px solid #e0e0e0;
padding-top: 15px !important;
}

@media (max-width: 768px) {
.back-to-tips-button {
width: calc(100% - 20px);
justify-content: center;
text-align: center;
margin: 10px;
}
.back-to-tips-bottom {
margin-top: 15px !important;
margin-bottom: 10px !important;
padding-top: 10px !important;
width: calc(100% - 20px);
}
}

.back-to-tips-button,
.back-to-tips-button:visited,
.back-to-tips-button:focus {
color: white !important;
text-decoration: none !important;
}

@media (min-width: 992px) {
ul.menu-level-3 li.hidden-item {display: none;}
.show-more-btn {background: none;border: none;color: #069D4A;cursor: pointer;font-size: 14px;font-weight: normal;padding: 5px 0;text-decoration: underline;text-align: left;width: auto;display: inline;}
.show-more-btn:hover {color: #058a40;text-decoration: none;}
.show-more-container {padding: 0;text-align: left;}
}

.p-to-cart-block {
background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
border: 2px solid #8FBC8F;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.05);
padding: 20px;
transition: all 0.3s ease;
}

.p-to-cart-block:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.08);
border-color: #7AA67A;
}

.dkLabNoteTextArea {
width: 100% !important;
max-width: 400px !important;
padding: 12px 16px !important;
border: 2px solid #FF8C00 !important;
border-radius: 12px !important;
background: #fafafa !important;
font-size: 14px !important;
font-family: inherit !important;
resize: none !important;
transition: all 0.3s ease !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
min-height: 50px !important;
max-height: 50px !important;
height: 50px !important;
}

.dkLabNoteTextArea:hover {
border-color: #E67A00 !important;
background: #f5f9f5 !important;
box-shadow: 0 4px 12px rgba(255, 140, 0, 0.15) !important;
}

.dkLabNoteTextArea:focus {
outline: none !important;
border-color: #D2691E !important;
background: #ffffff !important;
box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
}

.dkLabNoteTextArea::placeholder {
color: #FF8C00 !important;
opacity: 0.7 !important;
}

.dkLabNoteHeader {
margin-bottom: 8px !important;
font-weight: 600 !important;
color: #333 !important;
}

.select-wrapper {
display: inline-block !important;
width: auto !important;
position: relative !important;
}

.select-wrapper select {
width: 400px !important;
min-width: 400px !important;
max-width: 400px !important;
padding: 7px 35px 7px 12px !important;
border: 2px solid #8FBC8F !important;
border-radius: 8px !important;
background: #fff !important;
font-size: 14px !important;
line-height: 1.2 !important;
height: auto !important;
cursor: pointer !important;
appearance: none !important;
background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'><path d='M7 10l5 5 5-5z'/></svg>") !important;
background-repeat: no-repeat !important;
background-position: right 8px center !important;
background-size: 20px !important;
position: relative !important;
z-index: 10 !important;
}

.variant-list,
.surcharge-list {
margin-bottom: 5px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}

.variant-label,
.surcharge-label {
margin-bottom: 3px !important;
font-weight: 600 !important;
color: #333 !important;
display: block !important;
}

@media (max-width: 768px) and (orientation: portrait) {
.select-wrapper select {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.select-wrapper {
width: 100% !important;
}
}

@media (max-width: 768px) and (orientation: landscape) {
.select-wrapper select {
width: 400px !important;
min-width: 400px !important;
max-width: 400px !important;
}
.select-wrapper {
width: 100% !important;
}
}

.p-to-cart-block .price-final {
font-size: 28px !important;
font-weight: 700 !important;
}

@media (min-width: 768px) {
body .type-category .category-perex,
html body .category-perex,
.shoptet .category-perex {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
body .type-category .category-perex img,
html body .category-perex img,
.shoptet .category-perex img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
display: block !important;
margin: 0 !important;
}
body .type-category .category-perex p,
html body .category-perex p,
.shoptet .category-perex p {
margin: 0 !important;
padding: 15px !important;
width: 100% !important;
box-sizing: border-box !important;
}
}

@media (min-width: 992px) {
body.type-index ul.menu-level-1 li a {
font-size: 16px !important;
}
}

.up-variants { line-height: 28px; }

.cf-hide-filter {
display: none !important;
}