*{background:transparent;margin:0;padding:0;outline:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
input, select{vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main{display:block;}
body{font:14px GothamProRegular, Arial, Helvetica, sans-serif;line-height:normal;font-weight:normal;padding:0;margin:0;height:100%;width:100%;color:#2b2528;background:#2b2528;}
img{max-width:100%;}
.clr{clear:both;}
.clearfix:after{content:"";display:table;clear:both;}
a{color:#2b2528;text-decoration:none;}
a:hover, a:focus{color:#a94466;text-decoration:none;}
h1, h2, h3, h4, h5{font-weight:normal;font-size:18px;}
::-webkit-scrollbar-track{box-shadow:none;border:0;}
.form-wrap{}
.sub-title h1{margin-bottom:15px;font-size:24px;font-weight:700;}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap{}
@font-face{font-family:"GothamProRegular";src:url("../fonts/GothamProRegular/GothamProRegular.eot");src:url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix") format("embedded-opentype"),
url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");font-style:normal;font-weight:normal;font-display:swap;}

@font-face{font-family:"GothamProBold";src:url("../fonts/GothamProBold/GothamProBold.eot");src:url("../fonts/GothamProBold/GothamProBold.eot?#iefix") format("embedded-opentype"),
url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");font-style:normal;font-weight:normal;font-display:swap;}
.button, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]):not([class*=plyr]):not(.video-player-start),
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a{padding:0 20px;display:inline-block;height:40px;line-height:40px;border-radius:20px;cursor:pointer;text-align:center;background-color:#c65b7c;color:#fff;font:14px/40px GothamProBold !important;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
button[disabled], input[disabled]{cursor:default;}
.button:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, .usp-btn a:hover,
button:not(.color-btn):not([class*=plyr]):not(.video-player-start):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover{background-color:#048592;color:#fff;}
button:not([class*=plyr]):not(.video-player-start):active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button{font-size:12px !important;height:30px !important;line-height:30px !important;padding:0px 10px;border-radius:3px;}
input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px; color:#2b2528; background-color:#f8f8f8; border-radius:4px; -webkit-appearance: none; box-shadow:0 0 0 1px #eadfe4,inset 1px 1px 3px 0 rgba(0,0,0,0.1);font:14px/40px GothamProRegular !important;}
input[type="text"]:focus{}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
select {height:40px; border:1px solid #eadfe4; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #eadfe4; background-color:#F8F8F8; border-radius:0; overflow:auto; vertical-align:top; resize:vertical; box-shadow:0 0 0 1px #eadfe4,inset 1px 1px 3px 0 rgba(0,0,0,0.1); font:14px/20px GothamProRegular !important;}
.img-box, .img-wide, .img-resp-h, .img-resp-v{overflow:hidden;position:relative;background-color:#000;}
.img-resp-h{padding-top:60%;}
.img-resp-v{padding-top:130%;}
.img-box img, .img-resp-h img, .img-resp-v img{width:100%;min-height:100%;display:block;}
.img-resp-h img, .img-resp-v img{position:absolute;left:0;top:0;}
.img-wide img{width:100%;display:block;}
.img-square img{width:150%;max-width:150%;margin-left:-25%;}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
button, .th-img, .rate-plus, .rate-minus{transition:all .2s;}
.button, a, li span, .search-box input{transition:color .2s, background-color .2s, opacity .2s;}
.ps-link{cursor:pointer;}
.icon-l .fa{margin-right:10px;}
.icon-r .fa{margin-left:10px;}
.fx-row{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
h1, h2, h3, .th-time, .th-title, .th-rate, .m-title, .m-menu, .m-menu-block, .side-bt, .pt-title, .ft-title, .comm-author, .b-post__lastepisodeout{font-family:"GothamProBold";}
.th-title, .th-title:hover, .th-time, .m-title, .side-bt{color:#000;}
.th-title:hover, .site-desc a, .speedbar a, .f-tags a, .comm-author a, .comm-author{color:#a94466;}
.wrap{min-width:320px;overflow:hidden;position:relative;}
.wrap:before{content:"";background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute;left:0;top:0;}
.center{max-width:1500px;margin:0 auto;position:relative;z-index:20;}
.block{background:#fff;box-shadow:0 0 40px 0 rgba(0,0,0,1);}
.side{width:200px;background-color:#f7f3f5;padding-bottom:30px;}
.cont{width:calc(100% - 200px);width:-webkit-calc(100% - 200px);box-shadow: -40px 0 40px -40px rgba(0,0,0,0.4);}
.header{height:70px;background-color:#2b2528;padding:0 0 0 30px;}
.main{padding:30px;min-height:600px;}
.footer{padding:30px;padding-bottom:15px;background-color:#2b2528;}
.footer a {color:#fff;}
#gotop{position:fixed;width:40px;height:40px;line-height:36px;right:10px;bottom:10px;cursor:pointer;font-size:20px;z-index:9998;display:none;opacity:0.7;background-color:#000;color:#FFF;border-radius:50%;text-align:center;}
.logo{display:block;float:left;width:250px;height:70px;}
.logo img{display:block;}
.h-menu{margin:27px 0 0 30px;font-size:13px;line-height:16px;float:left;}
.h-menu li{display:inline-block;vertical-align:top;position:relative;margin-right:12px;padding-right:15px;border-right:2px solid #eadfe4;}
.h-menu a{color:#fff;}
.h-menu a:hover{color:#eadfe4;}
.search-box{width:330px;float:right;}
.search-field{width:100%;position:relative;}
.search-field input, .search-field input:focus{width:100%;padding:0 30px 0 40px;background-color:transparent;color:#fff;height:70px;line-height:70px !important;box-shadow:none;border-radius: 0;}
.search-field input:focus{background-color:#a94466;}
.search-box button{position:absolute;left:0;top:15px;padding:0 !important;width:40px;background:transparent !important;color:#fff !important;}
.search-box .fa{font-size:18px;}
.search-field input::-webkit-input-placeholder{color:#eadfe4;}.search-field input::-moz-placeholder{color:#eadfe4;}.search-field input:-moz-placeholder{color:#eadfe4;}.search-field input:-ms-input-placeholder{color:#eadfe4;}
.search-field input:focus::-webkit-input-placeholder{color:transparent}.search-field input:focus::-moz-placeholder{color:transparent}.search-field input:focus:-moz-placeholder{color:transparent}.search-field input:focus:-ms-input-placeholder{color:transparent}
.side-bc{padding:10px;}
.side-bt{font-size:16px;padding:10px;background-color:#eadfe4;}
.side-nav .side-bc{padding:10px 0;}
.side-nav .side-bt2{padding:0 10px;background-color:#c65b7c;height:70px;line-height:70px;}
.side-nav a{border-bottom:1px solid #000;box-shadow:0 1px #2b2528;display:block;padding:10px 50px 10px 10px;}
.side-nav li:last-child a{border-bottom:0;box-shadow:none;}
.side-nav a:hover, .side-nav li.active a{color:#fff;background-color:#c65b7c;}
.side-nav li:hover span, .side-nav li.active span{color:#fff;opacity:1;}
.side-nav li{position:relative;}
.side-nav li span{position:absolute;right:10px;top:10px;opacity:0.8;font-size:12px;}
.m-menu{margin-bottom:30px;font-size:13px;}
.m-menu li{display:inline-block;vertical-align:top;position:relative;margin-right:15px;}
.m-menu li a{display:block;padding:0 15px;height:40px;line-height:40px;box-shadow:inset 0 0 0 2px #eadfe4;border-radius:20px;}
.m-menu li a.active{box-shadow:inset 0 0 0 2px #c65b7c;color:#2b2528;}
.m-title{padding-bottom:15px;margin-bottom:30px;position:relative;font-size:18px;}
.m-title:before{content:"";height:3px;width:100px;background-color:#c65b7c;position:absolute;left:0;bottom:0;}
.floats{margin:0 -5px;}
.sorter{display:inline-block;position:absolute;right:0;top:0;cursor:pointer;color:#2b2528;padding:0 10px;line-height:30px;background-color:#f7f3f5;border-radius:15px;font-size:13px;}
.sorter:before{content:attr(data-label);float:left;padding:0 10px 0 0;}
.sorter form{display:none;background-color:#f7f3f5;padding:10px;line-height:26px;box-shadow:0 0 15px 0 rgb(206, 211, 212);position:absolute;right:0;top:100%;width:160px;z-index:999;}
.sorter a:hover{text-decoration:underline;}
.sort li.asc a:after, .sort li.desc a:after{content:"\f063";font-family:FontAwesome;display:inline-block;margin-left:10px;}
.sort li.desc a:after{content:"\f062"}
.speedbar{font-size:12px;margin-bottom:15px;}
.speedbar a:hover{text-decoration:underline;}
.thumb{width:25%;float:left;padding:0 5px 30px 5px;}
.th-in{position:relative;}
.th-in a{display:block;}
.th-img{border:1px solid #F6F8F5;}
.th-time, .th-edit, .th-fav{display:inline-block;padding:3px 5px;background-color:rgba(0,0,0,0.5);position:absolute;right:10px;bottom:10px;z-index:20;font-size:12px;color: #fff;}
.th-text{padding:10px 0 0 0;position:relative;}
.th-title{line-height:18px;height:36px;overflow:hidden;padding-right:50px;margin-bottom:10px;}
.th-meta > span{font-size:12px;margin-right:10px;opacity:0.8;}
.th-meta > span[data-text]:after{content:attr(data-text);margin-left:3px;}
.th-rate{display:inline-block;padding:3px 5px;background-color:#f7f3f5;position:absolute;right:0;top:10px;font-size:12px;}
.th-rate.high{background-color:#2b2528; color:#fff;}
.th-rate.low{background-color:#c65b7c; color:#fff;}
.th-edit{right:auto;bottom:auto;left:10px;top:10px;}
.th-fav{bottom:auto;top:10px;}
.th-fav .fav-added{color:#fff;}
.th-in:hover .th-img{border-color:#a94466;}
.rel .th-title{padding-right:0;}
.th-img::before,
.th-img::after{content:"";position:absolute;top:50%;left:50%;z-index:5;transition-duration:0.3s;opacity:0;}
.th-img::before{width:60px;height:60px;transform:translate(-50%,-50%);box-shadow:0 0 0px 5px #a94466;border-radius:50%;}
.th-img::after{width:0;height:0;transform:translate(-35%,-50%);border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #a94466;}
.thumb:hover .th-img::after,
.thumb:hover .th-img::before{opacity:1;}
.site-desc{line-height:18px;text-align:justify;margin-top:30px;}
.site-desc h1{font-size:18px;margin-bottom:15px;color:#2b2528;font-size:26px;line-height:30px;}
.site-desc h2{font-size:18px;margin-bottom:15px;color:#2b2528;font-size:24px;line-height:30px;}
.site-desc h3{font-size:18px;margin-bottom:15px;color:#2b2528;font-size:22px;line-height:30px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span{}
.site-desc p + p{margin-top:5px;}
.ft-counter{float:right;}
.ft-text{float:left;line-height:20px;color: #fff;}
.ft-copyr{opacity:0.8;}
.ft-menu{margin-bottom:5px;}
.pags-bottom{text-align:center;line-height:36px;padding:10px 10px 0 10px;margin:15px 5px 0 5px;border:3px solid #f7f3f5;border-radius:31px;}
.pags-load a{display:inline-block;border-radius:18px;padding:0 15px;background-color:#c65b7c;color:#FFF;margin-bottom:10px;}
.pags-load a:hover{background-color:#a94466;color:#fff;}
.pags-load > span{display:none;}
.pags > a, .pags > span{display:inline-block;vertical-align:middle;min-width:36px;padding:0 10px;border-radius:18px;height:36px;background-color:#f7f3f5;margin:0 0 10px 5px;}
.pags > a:hover, .pags > span:not([class]){background-color:#c65b7c;color:#FFF;}
.player-wrap {
    overflow: visible !important;
    position: relative !important; /* Если вдруг было absolute или fixed */
    z-index: auto !important;
}

.player-box {
    width: calc(100% - 300px); /* По умолчанию */
    height: auto; /* Высота зависит от содержимого */
    margin-bottom: 10px; /* Добавляем небольшой отступ */
}

/* Для экранов шириной 1024px и меньше (планшеты и мобильные) */
@media screen and (max-width: 1024px) {
    .player-box {
        width: 100%;
        max-height: 80vh; /* Ограничивает высоту до 80% экрана */
    }
}


/* Дополнительно для мобильных (ширина < 768px) */
@media screen and (max-width: 768px) {
    .player-box {
        width: 100%;
        max-height: 80vh !important; /* Уменьшает высоту, оставляя место для описания */
    }
}

/* Скрываем мобильное меню на ПК */
@media (min-width: 1024px) {
    .mobile-menu {
        display: none;
    }
}

/* Скрываем ПК-меню на мобильных */
@media (max-width: 1023px) {
    .pc-menu {
        display: none;
    }
}

.player-top{padding:0 15px;width:300px;}
.pt-title{color:#fff;padding:0 15px;background-color:#c65b7c;height:40px;line-height:40px;margin:0 -15px;font-size:16px;}
.top-item{margin-top:10px;padding-left:95px;position:relative;height:60px;overflow:hidden;display:block;line-height:20px;}
.top-img{width:80px;height:55px;position:absolute;top:0;left:0;}
.top-item:before{content:"";position:absolute;right:0;top:0;bottom:0;width:150px;background-image:linear-gradient(to left, rgb(243, 247, 248), rgba(25,27,28,0));}
.top-item:after{content:"\f144";font-family:'FontAwesome';position:absolute;right:1px;top:20px;font-size:18px;color:#c65b7c;}
.f-desc{margin-bottom:30px;}
.f-text, .f-info{width:48%;float:left;}
.f-text{float:right;}
.ft-title, .f-tags{margin-bottom:10px;}

.f-meta{
    margin-bottom:20px;
}

.f-meta > span{
    margin-right:10px;
    font-size:12px;
}

/* БЕЗ коми */
.f-tags a {
    display: inline-block;
    background: #f0f0f0;
    padding: 3px 8px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 12px;
    text-decoration: none;
    color: #2b2528;
}

.f-tags a:hover {
    background: #e0e0e0;
    text-decoration: none;
}


.slice{overflow:hidden;position:relative;transition:height .2s;}
.slice-btn{margin:0px 0 0 0;}
.slice-btn span{display:inline-block;cursor:pointer;color:#c65b7c;}
.scroller{position:relative;max-height:290px;overflow:hidden;}
.scroller::-webkit-scrollbar{width:0;box-shadow:none;border:0;}
.scroller::-webkit-scrollbar-track{box-shadow:none;border:0;}
.scroller__bar{position:absolute;right:0;z-index:1;top:0;width:10px;background:#c65b7c;border-radius:5px;opacity:1;}
.scroller:hover .scroller__bar{opacity:1;}
.frate{white-space:nowrap;margin-top:30px;}
.rate-data{display:none;}
.rate-plus, .rate-minus{display:inline-block;vertical-align:top;height:40px;line-height:40px;cursor:pointer;padding-right:20px;background-color:#f7f3f5;border-radius:20px;overflow:hidden;}
.rate-minus{margin-left:25px;}
.rate-plus div, .rate-minus div{display:inline-block;vertical-align:top;padding:0 15px;color:#FFF;margin-right:10px;border-bottom:20px 0 0 20px;background-color:#c65b7c;text-align:center;}
.rate-minus div{background-color:#8f4d5f;}
.frate .fa{font-size:18px;}
.rate-plus:hover, .rate-minus:hover{box-shadow: 0 0 20px 0 rgba(156, 156, 156, 0.8);}
.f-comms{margin-bottom:30px;}
.full-comms, .add-comms{width:48%;}
.add-comm-form{}
.ac-inputs, .ac-textarea{margin-bottom:15px;}
.ac-inputs input{width:100%;}
.ac-textarea textarea{height:110px;}
.sec-answer + .sec-label{margin-top:10px;}
.ac-protect{margin-top:-10px;display:none;}
.ac-protect .label{font-size:12px;}
.ac-protect .sep-input{padding:10px 10px 10px 160px;}
.ac-protect input{}
.mass_comments_action{display:none;}
.last-comm-link{margin-bottom:10px;}
.last-comm-link a{text-decoration:underline;}
.full-comms{}
.comm-item{margin-bottom:15px;}
.comm-author{margin-right:10px;}
.comm-one{margin-bottom:10px;font-size:12px;}
.comm-two{line-height:22px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame{max-width:100% !important;display:block;width:100%;height:400px;}
.mejs-container{max-width:100% !important;}
.full-text{font-size:14px;line-height:20px;color:#2b2528;}
.full-text img:not(.emoji){max-width:100%;margin:10px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"]{margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"]{margin:0 0 10px 10px;}
.full-text a{text-decoration:underline;color:#c65b7c;}
.full-text a:hover{text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5{margin:10px 0;font-size:18px;}
.full-text p{margin-bottom:10px;}
.full-text ul, .full-text ol{margin:0;}
.full-text ul li{list-style:disc;margin-left:40px;}
.full-text ol li{list-style:decimal;margin-left:40px;}
.btn-menu{display:none;}
.side-panel{width:260px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#444;padding:0 10px;z-index:888;position:fixed;left:-260px;top:0;transition:left .4s;-webkit-transition:left .4s;}
.side-panel.active{left:0;}
.close-overlay{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:887;display:none;}
.side-panel a{display:block;padding:10px 50px 10px 0;color:#FFF;font-size:14px;color:#FFF;border-bottom:1px solid #2b2528;}
.side-panel li{position:relative;color:#FFF;}
.side-panel li span{position:absolute;right:10px;top:10px;opacity:0.8;}
@media screen and (max-width:1220px){.center{max-width:1000px;}
.side, .h-menu, .m-menu{display:none;}
.cont{width:100%;}
.header{padding:0 0 0 15px;}
.main{padding:30px 15px;}
.footer{padding:30px 15px 15px 15px;}
.search-box{width:250px;}
.btn-menu{background-color:#c65b7c;color:#fff;cursor:pointer;display:block;float:right;width:70px;height:70px;line-height:70px;text-align:center;font-size:24px;}
}
@media screen and (max-width:950px){.center{max-width:768px;}
.thumb{width:33.33%;}
.pags-load, .pags{width:100%;}
.f-text, .f-info, .full-comms, .add-comms{width:100%;float:none;}
.full-comms, .f-info{margin-top:15px;}
}
@media screen and (max-width:760px){.center{max-width:640px;}
.sorter, .search-box, .ft-counter{display:none;}
.thumb{width:50%;}
.player-box{width:100%;}
.player-top{width:100%;height:400px;}
.ac-protect{margin-top:0px;}
.comments-tree-list .comments-tree-list{padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before{display:none;}
.mass_comments_action{display:none;}
.sub-title h1{font-size:18px;line-height:24px;}
}
@media screen and (max-width:590px){.center{max-width:480px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame{height:300px;}
.ac-soc{position:static;}
.ac-inputs input{width:100%;margin-top:0px;}
.ac-protect{width:100%;float:none;margin:0;}
.ui-dialog{width:100% !important;}
.upop-left, .upop-right{float:none !important;width:100% !important;margin:0;padding:0 20px;}
.upop-left{margin-bottom:10px;text-align:center;}
.ui-dialog-buttonset button{display:block;margin:0 0 5px 0;width:100%;}
#dofullsearch, #searchsuggestions span.seperator{display:none !important;}
.attach .download-link{margin:0 -15px 0 0;float:none;display:block;padding:0 10px;}
.attach-info{float:none;}
}
@media screen and (max-width:470px){.center22{max-width:320px;}
.logo{width:220px;overflow:hidden;padding-top:4px;}
.thumb{width:100%;}
.frate{white-space:normal;}
.rate-plus, .rate-minus{width:100%;}
.rate-minus{margin:15px 0 0 0;}
.fc{display:inline-block;float:right;}
.rate-plus div, .rate-minus div{width:180px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame{height:250px;}
}
.speedbar:after{content:"";display:block;clear:both;}
.speedbar ul{list-style:none;font-size:0;width:100%;}
.speedbar li{display:inline-block;font:14px/24px 'Arial';}
.speedbar li.speedbar_sep{padding:0 6px;color:#afafaf;font-size:16px;}
.b-post__mixedtext{color:#6f6469;font-size:13px;line-height:14px;padding:10px;}
.b-content__collections_item{cursor:pointer;float:left;height:200px;margin-left:18px;margin-bottom:18px;position:relative;width:288px;}
.b-content__collections_item .cover{filter:alpha(opacity=100);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.b-content__collections_item .num{background:#000;background:rgba(0,0,0,0.6);color:#fff;font-size:16px;font-weight:bold;line-height:22px;padding:14px;position:absolute;top:0;width:50px;height:50px;right:0;border-radius:50%;}
.b-content__collections_item .title-layer{background:#000;background:rgba(0,0,0,0.6);display:block;position:absolute;bottom:0;left:0;width:100%;}
.title-layer a{color:#fff;display:block;font-size:14px;line-height:14px;padding:10px;}

.preview-wrapper {
    position: relative;
    display: block;
}

.preview-wrapper .preload {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.05) url('/templates/Light/images/loader.gif') center center no-repeat;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: opacity 0.3s ease;
}

.preview-wrapper.loading .preload {
    opacity: 1;
}

/* ================================
   Lazy Plyr Video Player - clean old version
   ================================ */

.player-wrap.fx-row {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  background: #000 !important;
  overflow: hidden !important;
}

.video-player-box {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 180px;
  position: relative !important;
  background: #000 !important;
  overflow: hidden !important;
  contain: layout paint;
}

/* poster button */
.video-player-box .video-player-start,
.video-player-box .video-player-start:hover,
.video-player-box .video-player-start:focus,
.video-player-box .video-player-start:active {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
}

.video-player-box .video-player-poster {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: #000;
}

.video-player-box .js-player,
.video-player-box .plyr {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
  background: #000 !important;
}

.video-player-box .plyr__video-wrapper,
.video-player-box video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  background: #000 !important;
}

.video-player-box.is-video-idle .js-player,
.video-player-box.is-video-idle .plyr {
  opacity: 0;
  visibility: hidden;
}

.video-player-box.is-video-loading .video-player-start {
  pointer-events: none;
}

.video-player-box.is-video-ready .video-player-start {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.video-player-box.is-video-ready .js-player,
.video-player-box.is-video-ready .plyr {
  opacity: 1 !important;
  visibility: visible !important;
}

.video-player-box.is-video-error .video-player-start {
  display: block;
}

.video-player-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 74px;
  height: 74px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #c65b7c;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
  z-index: 6;
}

.video-player-play:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 22px;
  width: 0;
  height: 0;
  border-left: 24px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.video-player-loader {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.65);
  padding: 6px 10px;
  border-radius: 4px;
  z-index: 7;
}

.video-player-box.is-video-loading .video-player-loader {
  display: block;
}

.video-player-box.is-video-loading .video-player-play {
  display: none;
}

/* тільки мобільний фікс гучності */
@media (max-width: 768px) {
  .video-player-box .plyr__volume {
    display: none !important;
  }

  .video-player-play {
    width: 64px;
    height: 64px;
  }

  .video-player-play:before {
    left: 26px;
    top: 19px;
    border-left-width: 21px;
    border-top-width: 13px;
    border-bottom-width: 13px;
  }
}


/* ================================
   Video info layout v2
   ================================ */

.v2-info-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 20px;
  margin: 22px 0 34px 0;
  align-items: start;
}

.v2-info-layout,
.v2-info-layout * {
  box-sizing: border-box;
}

.v2-card {
  background: #fff;
  border: 1px solid #eadfe4;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.v2-card + .v2-card {
  margin-top: 16px;
}

.v2-title {
  position: relative;
  display: inline-block;
  margin: 0 0 16px 0;
  padding-bottom: 10px;
  color: #2b2528;
  font: 18px/24px GothamProBold, Arial, sans-serif;
}

.v2-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  height: 4px;
  border-radius: 6px;
  background: #c65b7c;
}

.v2-desc {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #2b2528;
  font: 16px/1.65 Arial, sans-serif;
}

.v2-desc,
.v2-desc * {
  float: none !important;
  max-width: 100% !important;
}

.v2-desc p {
  margin: 0 0 14px 0;
}

.v2-desc p:last-child {
  margin-bottom: 0;
}

/* Info items */

.v2-meta-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.v2-meta-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f7f3f5;
}

.v2-meta-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #c65b7c;
  color: #fff;
  text-align: center;
  line-height: 38px;
  font-size: 15px;
}

.v2-meta-text {
  min-width: 0;
}

.v2-meta-label {
  display: block;
  margin-bottom: 3px;
  color: #6f6469;
  font: 12px/16px Arial, sans-serif;
}

.v2-meta-value {
  display: block;
  color: #2b2528;
  font: 15px/20px GothamProBold, Arial, sans-serif;
  word-break: break-word;
}

/* Categories and tags */

.v2-tax {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #eadfe4;
}

.v2-tax-row {
  margin-top: 12px;
}

.v2-tax-row:first-child {
  margin-top: 0;
}

.v2-tax-label {
  margin-bottom: 8px;
  color: #6f6469;
  font: 13px/18px Arial, sans-serif;
}

.v2-tax-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.v2-tax-links a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 20px;
  background: #f0f2f3;
  color: #2b2528;
  font: 13px/28px Arial, sans-serif;
  text-decoration: none;
}

.v2-tax-links a:hover {
  background: #c65b7c;
  color: #fff;
}

/* Rating */

.v2-rating .frate {
  margin: 0 !important;
}

.v2-rating .rate-plus,
.v2-rating .rate-minus {
  border-radius: 12px;
  overflow: hidden;
}

.v2-rating .rate-data {
  margin-top: 10px;
  color: #6f6469;
  font-size: 12px;
}

/* Mobile */

@media (max-width: 768px) {
  .v2-info-layout {
    display: block !important;
    margin: 14px 0 24px 0;
  }

  .v2-card {
    padding: 14px;
    border-radius: 12px;
    margin-bottom: 12px;
  }

  .v2-card + .v2-card {
    margin-top: 0;
  }

  .v2-title {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 13px;
  }

  .v2-title:after {
    width: 66px;
    height: 3px;
  }

  .v2-desc {
    font-size: 15px;
    line-height: 1.58;
  }

  /* На мобилке инфу делаем компактной */
  .v2-side .v2-card:first-child {
    padding: 14px;
  }

  .v2-meta-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
  }

  .v2-meta-item {
    display: block;
    min-height: 0;
    padding: 9px 6px;
    border-radius: 10px;
    text-align: center;
    background: #f7f3f5;
  }

  .v2-meta-icon {
    display: none !important;
  }

  .v2-meta-label {
    display: block;
    margin: 0 0 3px 0;
    color: #6f6469;
    font: 11px/14px Arial, sans-serif;
    white-space: nowrap;
  }

  .v2-meta-value {
    display: block;
    color: #2b2528;
    font: 13px/17px GothamProBold, Arial, sans-serif;
    white-space: nowrap;
  }

  .v2-tax {
    margin-top: 12px;
    padding-top: 12px;
  }

  .v2-tax-row {
    margin-top: 10px;
  }

  .v2-tax-label {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 16px;
  }

  .v2-tax-links {
    gap: 6px;
  }

  .v2-tax-links a {
    font-size: 12px;
    min-height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 14px;
  }

  /* Рейтинг на мобилке тоже компактнее */
  .v2-rating {
    display: none;
  }
}




/* ================================
   CLS fix: reserve ad space
   ================================ */

.top-ad-slot {
  display: block;
  padding: 10px;
  min-height: 120px;
  overflow: hidden;
  contain: layout paint;
}

.top-ad-slot img,
.top-ad-slot iframe,
.top-ad-slot ins,
.top-ad-slot div {
  max-width: 100%;
}

.adv315,
.adv315block,
.bottom_adv {
  min-height: 110px;
  overflow: hidden;
  contain: layout paint;
}

@media (max-width: 768px) {
  .top-ad-slot {
    min-height: 150px;
  }

  .adv315,
  .adv315block,
  .bottom_adv {
    min-height: 120px;
  }
}


/* ================================
   CLS fix: thumbnails
   ================================ */

.preview-wrapper,
.th-img.img-resp-h {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
}

.preview-wrapper img,
.th-img.img-resp-h img,
.preview-wrapper .preview-thumb {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  display: block !important;
}


.v2-related {
  margin-top: 24px;
}

.v2-related .m-title {
  margin-top: 0;
}

@media (max-width: 768px) {
  .v2-related {
    margin-top: 18px;
  }
}

/* ================================
   Video info final responsive layout
   ================================ */

/* Рівні іконки в кружках */
.v2-meta-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  line-height: 1 !important;
  font-size: 15px !important;
  text-align: center !important;
}

.v2-meta-icon:before {
  display: block !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ПК: 2 колонки */
@media (min-width: 1101px) {
  .v2-info-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 20px !important;
    align-items: start !important;
  }

  .v2-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .v2-side {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
  }

  .v2-related {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: 24px !important;
  }

  .v2-meta-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
}

/* Планшет: одна колонка, щоб не ламало related */
@media (min-width: 769px) and (max-width: 1100px) {
  .v2-info-layout {
    display: block !important;
    margin: 20px 0 32px 0 !important;
  }

  .v2-main,
  .v2-side,
  .v2-related {
    display: block !important;
    width: 100% !important;
  }

  .v2-card {
    padding: 16px !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
  }

  .v2-title {
    font-size: 18px !important;
    line-height: 23px !important;
    margin-bottom: 14px !important;
  }

  .v2-desc {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  .v2-side {
    margin-top: 16px !important;
  }

  .v2-meta-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  .v2-meta-item {
    min-height: 58px !important;
    padding: 10px !important;
    gap: 10px !important;
  }

  .v2-meta-icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }

  .v2-meta-label {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  .v2-meta-value {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .v2-tax {
    margin-top: 14px !important;
    padding-top: 14px !important;
  }

  .v2-tax-links {
    gap: 7px !important;
  }

  .v2-tax-links a {
    min-height: 27px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    line-height: 27px !important;
  }

  .v2-related {
    margin-top: 22px !important;
  }

  .v2-related .m-title {
    margin-top: 0 !important;
  }
}

/* Телефон: порядок Описание -> Информация -> Похожее */
@media (max-width: 768px) {
  .v2-info-layout {
    display: block !important;
    margin: 14px 0 24px 0 !important;
  }

  .v2-main,
  .v2-side,
  .v2-related {
    display: block !important;
    width: 100% !important;
  }

  .v2-side {
    margin-top: 12px !important;
  }

  .v2-related {
    margin-top: 18px !important;
  }

  .v2-related .m-title {
    margin-top: 0 !important;
  }
}

/* прибираємо текстовий роздільник "/" між категоріями/тегами */
.v2-tax-links {
  font-size: 0;
}

.v2-tax-links a {
  font-size: 13px;
  line-height: 26px;
}

/* menu */
.side-panel-title {
	display: block !important;
	padding: 15px 18px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #2b2528 !important;
	border-bottom: 1px solid #eadfe4 !important;
	background: #fff !important;
}

.side-panel {
	background: #fff !important;
}

.side-panel li {
	background: #fff !important;
}

.side-panel li a {
	color: #2b2528 !important;
}

.side-panel li span {
	color: #8d8187 !important;
}

body.side-panel-open {
	overflow: hidden;
}


/* ================================
   Final color tune milfmom
   ================================ */

body {
    background: #f4f1f2 !important;
    color: #2b2528;
}

.wrap:before {
    background: rgba(43,37,40,0.28);
}

.block {
    background: #fff;
    box-shadow: 0 18px 45px rgba(43,37,40,0.22);
}

.header,
.footer {
    background: #2b2528 !important;
}

.side {
    background: #f7f3f5 !important;
}

.cont,
.main {
    background: #fff;
}

a {
    color: #2b2528;
}

a:hover,
a:focus,
.site-desc a,
.speedbar a,
.f-tags a,
.comm-author a,
.comm-author,
.full-text a,
.th-title:hover {
    color: #c65b7c;
}

.button,
.pagi-load a,
.pags-load a,
.up-second li a,
.usp-edit a,
.qq-upload-button,
button:not(.color-btn):not([class*=fr]):not([class*=plyr]):not(.video-player-start),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.meta-fav a,
.usp-btn a,
.btn-menu,
.pt-title,
.rate-plus div,
.v2-meta-icon {
    background-color: #c65b7c !important;
    color: #fff !important;
}

.button:hover,
.pags-load a:hover,
.up-second li a:hover,
.usp-edit a:hover,
.qq-upload-button:hover,
.usp-btn a:hover,
button:not(.color-btn):not([class*=fr]):not([class*=plyr]):not(.video-player-start):hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.meta-fav a:hover,
.btn-menu:hover {
    background-color: #a94466 !important;
    color: #fff !important;
}

.search-field input,
.search-field input:focus {
    color: #fff !important;
}

.search-field input:focus {
    background-color: #3a3135 !important;
}

.search-field input::-webkit-input-placeholder {
    color: #d8cbd1;
}

.search-field input::-moz-placeholder {
    color: #d8cbd1;
}

.search-field input:-moz-placeholder {
    color: #d8cbd1;
}

.search-field input:-ms-input-placeholder {
    color: #d8cbd1;
}

.h-menu a,
.footer a {
    color: #fff;
}

.h-menu a:hover,
.footer a:hover {
    color: #f2b8c9;
}

.side-bt,
.side-nav .side-bt2 {
    background-color: #f2e8ee !important;
    color: #2b2528 !important;
}

.side-nav a {
    border-bottom-color: #eadfe4 !important;
    box-shadow: none !important;
    color: #2b2528;
}

.side-nav a:hover,
.side-nav li.active a {
    background-color: #c65b7c !important;
    color: #fff !important;
}

.m-menu li a {
    box-shadow: inset 0 0 0 2px #eadfe4;
}

.m-menu li a.active {
    box-shadow: inset 0 0 0 2px #c65b7c;
    color: #2b2528;
}

.m-title:before,
.v2-title:after {
    background: #c65b7c !important;
}

.sorter,
.sorter form,
.th-rate,
.rate-plus,
.rate-minus,
.pags > a,
.pags > span,
.f-tags a,
.v2-meta-item,
.v2-tax-links a {
    background-color: #f7f3f5 !important;
}

.pags > a:hover,
.pags > span:not([class]),
.th-rate.high,
.rate-plus div,
.v2-meta-icon,
.v2-tax-links a:hover {
    background-color: #c65b7c !important;
    color: #fff !important;
}

.th-rate.low,
.rate-minus div,
.top-item:after {
    background-color: #8f4d5f !important;
    color: #fff !important;
}

.th-img {
    border-color: #eadfe4;
}

.th-in:hover .th-img {
    border-color: #c65b7c;
}

.th-img::before {
    box-shadow: 0 0 0 5px #c65b7c;
}

.th-img::after {
    border-left-color: #c65b7c;
}

.video-player-play {
    background: #c65b7c !important;
}

.video-player-loader {
    background: rgba(43,37,40,0.78);
}

.v2-card {
    background: #fff;
    border-color: #eadfe4 !important;
    box-shadow: 0 10px 28px rgba(43,37,40,0.07);
}

.v2-title,
.v2-meta-value,
.th-title,
.th-time,
.m-title,
.side-bt,
.pt-title,
.ft-title {
    color: #2b2528;
}

.v2-meta-label,
.v2-tax-label,
.th-meta > span,
.ft-copyr {
    color: #6f6469;
}

.v2-tax {
    border-top-color: #eadfe4 !important;
}

.f-tags a,
.v2-tax-links a {
    color: #2b2528;
}

.f-tags a:hover,
.v2-tax-links a:hover {
    background: #c65b7c !important;
    color: #fff !important;
}

.slice-btn span {
    color: #c65b7c;
}

.scroller__bar {
    background: #c65b7c !important;
}

input[type="text"],
input[type="password"],
textarea,
select {
    background-color: #faf7f9;
    border-color: #eadfe4;
    color: #2b2528;
    box-shadow: 0 0 0 1px #eadfe4, inset 1px 1px 3px rgba(43,37,40,0.06);
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: #c65b7c !important;
}

#gotop {
    background-color: rgba(43,37,40,0.82);
    color: #fff;
}

.side-panel-title {
    color: #2b2528 !important;
    border-bottom-color: #eadfe4 !important;
    background: #fff !important;
}

.side-panel {
    background: #fff !important;
}

.side-panel li,
.side-panel li a {
    background: #fff !important;
}

.side-panel li a {
    color: #2b2528 !important;
    border-bottom-color: #eadfe4 !important;
}

.side-panel li a:hover {
    color: #c65b7c !important;
}

.side-panel li span {
    color: #8d8187 !important;
}

.close-overlay {
    background-color: rgba(43,37,40,0.58);
}

/* ================================
   MilfMom clean adaptive header
   ================================ */

.header,
.header.clearfix {
    display: none !important;
}

.mm-header {
    width: 100%;
    height: 72px;
    background: #f7f3f5;
    border-bottom: 1px solid #eadfe4;
    box-shadow: 0 4px 18px rgba(43, 37, 40, 0.06);
    position: relative;
    z-index: 50;
}

.mm-header__inner {
    height: 72px;
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 0 30px;
}

/* logo */

.mm-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 72px;
    width: 220px;
    overflow: hidden;
}

.mm-logo img {
    display: block;
    width: 220px;
    height: auto;
    max-height: 66px;
}

/* top menu */

.mm-top-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1 1 auto;
    min-width: 0;
}

.mm-top-menu a {
    color: #2b2528;
    font-size: 14px;
    line-height: 72px;
    text-decoration: none;
    white-space: nowrap;
}

.mm-top-menu a:hover {
    color: #c65b7c;
}

/* search */

.mm-search {
    flex: 0 0 330px;
    height: 44px;
}

.mm-search form {
    display: block;
    width: 100%;
    height: 44px;
}

.mm-search__field {
    position: relative;
    width: 100%;
    height: 44px;
    background: #fff;
    border: 1px solid #eadfe4;
    border-radius: 22px;
    overflow: hidden;
}

.mm-search__field input,
.mm-search__field input:focus {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 15px 0 50px;
    margin: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #2b2528;
    font-size: 14px;
    line-height: 44px !important;
}

.mm-search__field input::placeholder {
    color: #b8aab1;
}

.mm-search__field button,
.mm-search__field button:hover,
.mm-search__field button:focus {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #c65b7c !important;
    color: #fff !important;
    line-height: 36px !important;
    text-align: center !important;
    cursor: pointer;
}

.mm-search__field button:hover {
    background: #a94466 !important;
}

.mm-search__field .fa {
    font-size: 15px;
    line-height: 36px;
}

/* burger */

.mm-burger {
    flex: 0 0 52px;
    display: none;
    width: 52px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 22px;
    background: #c65b7c !important;
    color: #fff !important;
    font-size: 21px !important;
    line-height: 44px !important;
    text-align: center !important;
    cursor: pointer;
}

.mm-burger:hover {
    background: #a94466 !important;
}

/* tablet */

@media screen and (max-width: 1220px) {
    .mm-header__inner {
        padding: 0 18px;
        gap: 16px;
    }

    .mm-logo {
        width: 210px;
    }

    .mm-logo img {
        width: 210px;
    }

    .mm-top-menu {
        display: none;
    }

    .mm-search {
        flex: 1 1 auto;
        max-width: 360px;
        margin-left: auto;
    }

    .mm-burger {
        display: block !important;
    }
}

/* mobile */

@media screen and (max-width: 760px) {
    .mm-header {
        height: 66px;
    }

    .mm-header__inner {
        height: 66px;
        padding: 0 12px;
        gap: 10px;
    }

    .mm-logo {
        height: 66px;
        width: 185px;
        flex: 1 1 auto;
    }

    .mm-logo img {
        width: 185px;
        max-height: 56px;
    }

    .mm-search {
        display: none;
    }

    .mm-burger {
        display: block !important;
        flex: 0 0 48px;
        width: 48px !important;
        height: 42px !important;
        line-height: 42px !important;
        border-radius: 21px;
    }
}

/* very small */

@media screen and (max-width: 420px) {
    .mm-logo {
        width: 165px;
    }

    .mm-logo img {
        width: 165px;
    }
}