/************************************************************************************************ БЛОК КНОПКИ МЕНЮ START **************************/
.menu-kategorii-knopka-single {width:100%;height:min-content;padding:0;margin:8px 0 -17px 0;}
#menu-kategorii-knopka {width:100%;}
#menu-kategorii-knopka ul {font-size:0;list-style-type:none;}
/* сама кнопка на комп */
.menu-kategorii-knopka-single #menu-kategorii-knopka h2 {font-size:1.58vw;color:#9b414a;line-height:33px;margin:4px auto;font-family:var(--heading-font);width:unset;text-transform:uppercase;padding:3px 20px;font-weight:bold;border-radius:8px;}
.menu-kategorii-knopka-text {font-size:1.615vw;color:#9b414a;line-height:33px;margin:4px auto;font-family:var(--heading-font);width:max-content;text-transform:uppercase;padding:3px 0 3px 0;font-weight:bold;border-radius:8px;}
.menu-kategorii-knopka-single #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:58px;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;display:inline-block;position:relative;width:100%;height:min-content;vertical-align:middle;background:#cc6e76;padding:10px;box-shadow:inset rgba(130, 49, 49, 0.6) 0 -8px 11px, inset rgb(244, 165, 172) 0 7px 11px;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:0;}/*скрытое окно на комп*/
/* кнопка при наведении на комп */
#menu-kategorii-knopka ul li:hover {cursor: pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-align:center;vertical-align:middle;}
/* выпадающее окно на всех */
#menu-kategorii-knopka ul li:hover ul {display:block;margin-top:12px;width:100%;left:0;position:absolute;}
#menu-kategorii-knopka ul li:hover ul li {display:block;min-height:fit-content;}
#menu-kategorii-knopka ul li:hover ul li span {float:right;color:#f9f9f9;background-color:#cc6e76;padding:2px 5px;text-align:center;font-size:0.8rem;border-radius:3px;}
#menu-kategorii-knopka ul li:hover ul li:hover {background-color:#cc6e76;}
#menu-kategorii-knopka ul li:hover ul li:hover span {background-color:#cc6e76;}
/* ============================================================================================== MOBIL ========================================= */
@media only screen and (max-device-width: 340px) {                                                                      /* ----- mob Small ------ */
.menu-kategorii-knopka-single {width:100%;height:min-content;padding:0;margin:4px auto -56px auto;}
/* сама кнопка на моб */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:3.77vw;line-height:14px;padding:0 53px 2px 5px;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:4.25vw;line-height:17px;padding:0 53px 0 9px;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-single #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:13px;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:84%;bottom:auto;z-index:1;}/*скрытое окно на моб*/
/* кнопка при наведении на моб */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
}
@media only screen  and (min-device-width: 341px) and (max-device-width: 380px) {                                      /* ----- mob Middle ------ */
.menu-kategorii-knopka-single {width:100%;height:min-content;padding:0;margin:4px auto -56px auto;}
/* сама кнопка на моб */
.menu-kategorii-knopka-single #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:4.4vw;line-height:16px;padding:0 53px 0 9px;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:4.4vw;line-height:66px;padding:0 53px 0 9px;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-single #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:13px;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:84%;bottom:auto;z-index:1;}/*скрытое окно на моб*/
/* кнопка при наведении на моб */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
}
@media only screen  and (min-device-width: 381px) and (max-device-width: 395px) {                                      /* ----- mob Big --------- */
.menu-kategorii-knopka-single {width:100%;height:min-content;padding:0;margin:4px auto -56px auto;}
/* сама кнопка на моб */
.menu-kategorii-knopka-single #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:4.2vw;line-height:16px;padding:0 68px 0 14px;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:4.2vw;line-height:16px;padding:0 68px 0 14px;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-single #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:25px;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:84%;bottom:auto;z-index:1;}/*скрытое окно на моб*/
/* кнопка при наведении на моб */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
}
@media only screen  and (min-device-width: 396px) and (max-device-width: 480px) {                                 /* ----- mob semi-Large ------- */
.menu-kategorii-knopka-single {width:100%;height:min-content;padding:0;margin:4px auto -56px auto;}
/* сама кнопка на моб */
.menu-kategorii-knopka-single #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:4vw;line-height:19px;padding:0 20% 0 42px;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:4vw;line-height:19px;padding:0 20% 0 42px;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-single #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:25px;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:70%;bottom:auto;z-index:1;}/*скрытое окно на моб*/
/* кнопка при наведении на моб */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
}
@media only screen  and (min-device-width: 481px) and (max-device-width: 530px) {                             /* ------- mob next-to-Large ------ */
.menu-kategorii-knopka-single {width:100%;height:81px;padding:0;margin:4px auto -6px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka-single #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:4vw;line-height:19px;padding:7px 11.7% 7px 4%;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:4vw;line-height:19px;padding:7px 11.7% 7px 4%;text-transform:uppercase;text-align:right;width:unset;float:unset;margin-right:unset;}
.menu-kategorii-knopka-single #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:2.8%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:68%;bottom:auto;z-index:1;}/*скрытое окно на моб*/
/* кнопка при наведении на моб-планш */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#819b80;}
}
@media only screen  and (min-device-width: 531px) and (max-device-width: 570px) {                                      /* ----- mob Large ------- */
.menu-kategorii-knopka {  width: 100%;height:81px;padding:0;margin:0 auto -24px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:3.08vw;line-height:19px;padding:7px 11.7% 7px 4%;text-transform:uppercase;text-align:right;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:3.08vw;line-height:19px;padding:7px 11.7% 7px 4%;text-transform:uppercase;text-align:right;}
.menu-kategorii-knopka #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:2.8%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:100%;}/*скрытое окно на моб*/
/* кнопка при наведении на моб */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
}
@media only screen and (min-device-width: 571px) and (max-device-width: 600px) {                                     /* ----- small Gorizont ---- */
.menu-kategorii-knopka {  width: 100%;height:81px;padding:0;margin:0 auto -24px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:3.11vw;line-height:19px;padding:7px 11.7% 7px 3%;text-transform:uppercase;text-align:right;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:3.11vw;line-height:19px;padding:7px 11.7% 7px 3%;text-transform:uppercase;text-align:right;}
.menu-kategorii-knopka #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:3.6%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:100%;}/*скрытое окно на моб*/
/* кнопка при наведении на моб-планш */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
}
@media only screen and (min-device-width: 601px) and (max-device-width: 640px) {                                      /* ------ big Gorizont ---- */
.menu-kategorii-knopka {  width: 100%;height:81px;padding:0;margin:0 auto -24px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:3.11vw;line-height:19px;padding:7px 11.7% 7px 4%;text-transform:uppercase;text-align:right;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:3.11vw;line-height:19px;padding:7px 11.7% 7px 4%;text-transform:uppercase;text-align:right;}
.menu-kategorii-knopka #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:3.6%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:100%;}/*скрытое окно на моб*/
/* кнопка при наведении на моб-планш */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
}
/* ============================================================================================== PLANSH ======================================== */
@media only screen and (min-device-width: 641px) and (max-device-width: 680px) {                                       /* ----- plansh Small ---- */
.menu-kategorii-knopka {width:100%;height:81px;padding:0;margin:0 auto -24.3px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:2.365vw;line-height:19px;padding:7px 11.7% 7px 2.7%;text-transform:uppercase;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:2.365vw;line-height:19px;padding:7px 11.7% 7px 2.7%;text-transform:uppercase;}
.menu-kategorii-knopka #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:3.6%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:100%;}/*скрытое окно на планш*/
/* кнопка при наведении на планш */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
}
@media only screen and (min-device-width: 681px) and (max-device-width: 790px) {                                       /* ----- plansh Middle --- */
.menu-kategorii-knopka {width:100%;height:81px;padding:0;margin:0 auto -24.3px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:2.363vw;line-height:19px;padding:7px 11.7% 7px 2.7%;text-transform:uppercase;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:2.363vw;line-height:19px;padding:7px 11.7% 7px 2.7%;text-transform:uppercase;}
.menu-kategorii-knopka #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:4.4%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:100%;}/*скрытое окно на планш*/
/* кнопка при наведении на планш */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
}
@media only screen and (min-device-width: 791px) and (max-device-width: 920px) {                                       /* ----- plansh Big ------ */
.menu-kategorii-knopka {width:100%;height:81px;padding:0;margin:0 auto -24.3px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:2.4vw;line-height:19px;padding:7px 11.7% 7px 2.7%;text-transform:uppercase;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:2.4vw;line-height:19px;padding:7px 11.7% 7px 2.7%;text-transform:uppercase;}
.menu-kategorii-knopka #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:4.4%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:100%;}/*скрытое окно на планш*/
/* кнопка при наведении на планш */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
}
@media only screen and (min-device-width: 921px) and (max-device-width: 1024px) {                                      /* ----- plansh Large ---- */
.menu-kategorii-knopka {width:100%;height:81px;padding:0;margin:0 auto -24px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family:var(--heading-font);margin:0;font-size:1.95vw;line-height:19px;padding:7px 11.7% 7px 1.7%;text-transform:uppercase;}
.menu-kategorii-knopka-text {font-weight:600;color:#c8dbbe;font-family:var(--heading-font);margin:0;font-size:1.95vw;line-height:19px;padding:7px 11.7% 7px 1.7%;text-transform:uppercase;}
.menu-kategorii-knopka #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:4.4%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:100%;}/*скрытое окно на планш*/
/* кнопка при наведении на планш */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {                          /* ----- exclusive extra Large ------ */
.menu-kategorii-knopka {width:100%;height:81px;padding:0;margin:0 auto -25.5px auto;display:block;position:relative;}
#menu-kategorii-knopka {width:100%;}
/* сама кнопка на планш */
.menu-kategorii-knopka #menu-kategorii-knopka h2 {font-family: var(--heading-font);margin:0;font-size:1.8vw;line-height:19px;padding:7px 12% 7px 1.1%;text-transform:uppercase;}
.menu-kategorii-knopka-text {font-family: var(--heading-font);margin:0;font-size:1.8vw;line-height:19px;padding:7px 12% 7px 1.1%;text-transform:uppercase;}
.menu-kategorii-knopka #menu-kategorii-knopka img {display:block;position:absolute;top:50%;right:4.4%;width:25px;height:auto;transform:translate(-50%, -50%);}
#menu-kategorii-knopka ul li {font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
#menu-kategorii-knopka ul li ul {display:none;position:absolute;top:auto;bottom:100%;}/*скрытое окно на планш*/
/* кнопка при наведении на планш */
#menu-kategorii-knopka ul li:hover {cursor:pointer;font-family:"Open Sans", sans-serif;font-size:1rem;color:#fff;display:inline-block;position:relative;width:100%;height:min-content;text-shadow:-1px 0 1px #577756,0 -1px 1px #577756,1px 0 1px #577756,0 1px 1px #577756;text-align:left;vertical-align:middle;background:#91a288;}
}
/**** блок кнопки меню end ****/
/******************************************************************** ВЫПАДАЮЩЕЕ ОКНО START *******************************************************/
.menu-kategorii-common {width:100%;padding:2px 0;height:fit-content;vertical-align:middle;display:table-cell;}
.menu-categorii-block {width:20%;height:100px;display:block;float:left;font-weight:bold;border:3px #cc6e76 solid;}
#categorii-text {display:block;width:98%;margin:68px auto 0 auto;text-align:center;text-decoration:none !important;text-transform:uppercase;font-size:1vw;background:rgba(255, 255, 255, 0.71);line-height:1.5vw;border:1px #b5cca9 solid;font-weight:bold;text-shadow:-3px 0 1px #fff,0 -3px 1px #fff,3px 0 1px #fff,0 3px 1px #fff;}
a.menu-categorii-block:link {color:#479772!important;text-shadow:none;text-decoration:none;}
a.menu-categorii-block:hover {color:#60d0c2!important;text-shadow:none;text-decoration:none;}
a.menu-categorii-block:active {color:#479772!important;text-shadow:none;text-decoration:none;}
a.menu-categorii-block:visited {color:#479772!important;text-shadow:none;text-decoration:none;}
.detskaya-odezhda {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/detskaya-odezhda.webp);background-repeat:no-repeat;background-position:center bottom 6px;background-size:90% auto;}     
.verhnyaya-odezhda {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/verhnyaya-odezhda.webp);background-repeat:no-repeat;background-position:center bottom 5px;background-size:90% auto;}     
.detskaya-obuv {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/detskaya-obuv.webp);background-repeat:no-repeat;background-position:center bottom 7px;background-size:90% auto;}     
.detskie-shapki {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/detskie-shapki.webp);background-repeat:no-repeat;background-position:center bottom 6px;background-size:90% auto;}     
.accessuary {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/accessuary.webp);background-repeat:no-repeat;background-position:center bottom 6.5px;background-size:90% auto;}     
.shkolnikam {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/shkolnikam.webp);background-repeat:no-repeat;background-position:center bottom 6px;background-size:90% auto;}
.mladentsam {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/mladentsam.webp);background-repeat:no-repeat;background-position:center bottom 7px;background-size:90% auto;}
.kolyaski {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/kolyaski.webp);background-repeat:no-repeat;background-position:center bottom 5px;background-size:90% auto;}     
.detskaya-mebel {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/detskaya-mebel.webp);background-repeat:no-repeat;background-position:center bottom 5px;background-size:90% auto;}     
.detskie-knigi {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/detskie-knigi.webp);background-repeat:no-repeat;background-position:center bottom 6px;background-size:90% auto;}     
.velosipedy {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/velosipedy.webp);background-repeat:no-repeat;background-position:center bottom 5px;background-size:90% auto;}     
.igrushki {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/igrushki.webp);background-repeat:no-repeat;background-position:center bottom 6px;background-size:90% auto;}     
.detskie-magaziny {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/detskie-magaziny.webp);background-repeat:no-repeat;background-position:center bottom 5px;background-size:90% auto;}     
.roditelyam {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/roditelyam.webp);background-repeat:no-repeat;background-position:center bottom 7px;background-size:90% auto;}     
.dlya-doma {background:#f2ddf1 url(https://xn-----ilccbeabvte2bkfabc4akqdp4s.xn--p1ai/wp-content/themes/joyas-shop/assets/menu-kategorii-pics/dlya-doma.webp);background-repeat:no-repeat;background-position:center bottom 6px;background-size:90% auto;} 
/* ============================================================================== выпадающее окно MOBIL ========================================= */
@media only screen and (max-device-width: 340px) {                                                                      /* ----- mob Small ------ */
.menu-categorii-block {width:33.2%;height:85px;display:block;float:left;;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {font-size: 3.9vw;line-height:10px;font-weight:normal;overflow:hidden;text-align:center;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;width:90%;margin:0 auto;padding:3px 8px 3px 4px;border-radius:5px;margin-top:5px;text-transform:none;}
}
@media only screen  and (min-device-width: 341px) and (max-device-width: 380px) {                                      /* ----- mob Middle ------ */
.menu-categorii-block {width:33.2%;height:90px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {font-size: 3.9vw;line-height:10px;font-weight:normal;overflow:hidden;text-align:center;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;width:90%;margin:0 auto;padding:3px 8px;border-radius:5px;margin-top:5px;text-transform:none;}
}
@media only screen  and (min-device-width: 381px) and (max-device-width: 420px) {                                      /* ----- mob Big --------- */
.menu-categorii-block {width:33.2%;height:82px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {font-size:2.4vw;font-weight:bold;display:block;width:95%;margin:2px auto 0 auto;text-align:center;text-decoration:none!important;text-transform:uppercase;background:rgba(255, 255, 255, 0.45);line-height:2.4vw;border:1px rgba(181, 204, 169, 0.5) solid;padding:2px 14px 2.5px 14px;border-radius:6px;}
}
@media only screen  and (min-device-width: 421px) and (max-device-width: 480px) {                                 /* ----- mob semi-Large ------- */
.menu-categorii-block {width:33.2%;height:83.7px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#3a7b5e;font-size:2.05vw;line-height:2.4vw;font-weight:normal;display:block;width:95%;margin:2px auto 0 auto;text-align:center;text-decoration:none!important;text-transform:uppercase;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;padding:2px 14px 2.5px 14px;border-radius:6px;}
}
@media only screen  and (min-device-width: 481px) and (max-device-width: 530px) {                             /* ------- mob next-to-Large ------ */
.menu-categorii-block {width:33.2%;height:83.7px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#3a7b5e;font-size:1.97vw;line-height:2.4vw;font-weight:normal;padding:2px 1px 2.5px 1px;display:block;width:95%;margin:2px auto 0 auto;text-align:center;text-decoration:none!important;text-transform:uppercase;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;border-radius:6px;}
}
@media only screen  and (min-device-width: 531px) and (max-device-width: 570px) {                                      /* ----- mob Large ------- */
.menu-categorii-block {width:33.2%;height:74px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#438064;margin:45px auto 0 auto;font-size:2vw;line-height:2.4vw;font-weight:normal;padding:3px 1px 3px 1px;display:block;width:98%;text-align:center;text-decoration:none !important;text-transform:uppercase;background:rgba(255, 255, 255, 0.91);border:1px rgba(181, 204, 169, 0.84) solid;border-radius:4px;}
}
@media only screen  and (min-device-width: 571px) and (max-device-width: 640px) {                              /* ----- small & big Gorizont ---- */
.menu-categorii-block {width:20%;height:105px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#438064;font-size:2.2vw;line-height:13px;font-weight:normal;overflow:hidden;text-align:center;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;text-transform:none;padding:6px 2px 4px 4px;margin:8px auto 0 auto;width:88%;border-radius:5px;}
}
/* ============================================================================== выпадающее окно PLANSH ======================================== */
@media only screen and (min-device-width: 641px) and (max-device-width: 680px) {                                       /* ----- plansh Small ---- */
.menu-categorii-block {width:20%;height:106px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#438064;font-size:1.58vw;line-height:13px;font-weight:normal;overflow:hidden;text-align:center;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;padding:7px 8px 6px 8px;margin:5px auto 0 auto;width:88%;border-radius:5px;text-transform:uppercase;}
}
@media only screen and (min-device-width: 681px) and (max-device-width: 790px) {                                       /* ----- plansh Middle --- */
.menu-categorii-block {width:20%;height:116px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#438064;font-size:1.55vw;line-height:14px;font-weight:normal;overflow:hidden;text-align:center;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;padding:7px 18px 6px 18px;margin:5px auto 0 auto;width:95%;border-radius:5px;text-transform:uppercase;}
}
@media only screen and (min-device-width: 791px) and (max-device-width: 920px) {                                       /* ----- plansh Big ------ */
.menu-categorii-block {width:20%;height:110px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#438064;font-size:1.2vw;line-height:15px;font-weight:normal;overflow:hidden;text-align:center;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;padding:7px 0 6px 0;margin:5px auto 0 auto;width:95%;border-radius:5px;text-transform:uppercase;}
}
@media only screen and (min-device-width: 921px) and (max-device-width: 1024px) {                                      /* ----- plansh Large ---- */
.menu-categorii-block {width:20%;height:113px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#438064;font-size:1.25vw;line-height:15px;font-weight:normal;overflow:hidden;text-align:center;background:rgba(255, 255, 255, 0.45);border:1px rgba(181, 204, 169, 0.5) solid;padding:7px 0 6px 0;margin:5px auto 0 auto;width:95%;border-radius:5px;text-transform:uppercase;}
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {                          /* ----- exclusive extra Large ------ */
.menu-categorii-block {width:20%;height:125px;display:block;float:left;overflow:hidden;background-repeat:no-repeat;border:3px #b5cca9 solid;}
#categorii-text {color:#3a7b5e;font-size:1.2vw;line-height:1.5vw;font-weight:bold;display:block;width:96%;margin:5px auto 0 auto;text-align:center;text-decoration:none !important;text-transform:uppercase;background:rgba(255, 255, 255, 0.71);border:1px #b5cca9solid;text-shadow:-3px 0 1px #fff,0 -3px 1px #fff,3px 0 1px #fff,0 3px 1px #fff;font-weight:normal;padding:3px 0 3px 0;}
}
/**** Выпадающее окно END ****/