/* =======================
   FONTS (TOP OF FILE)
   ======================= */

/* Georgian only */
@font-face {
  font-family: "BPG Mrgvlovani Caps 2010";
  src:
    local("BPG Mrgvlovani Caps 2010"),
    url("/fonts/bpg_mrgvlovani_caps_2010.woff2") format("woff2"),
    url("/fonts/bpg_mrgvlovani_caps_2010.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+10A0-10FF,  /* Georgian */
    U+2D00-2D2F,  /* Georgian Supplement */
    U+1C90-1CBF;  /* Georgian Extended */
}

/* Latin only (Manrope 400/700) */
@font-face {
  font-family: "Manrope";
  src:
    local("Manrope Regular"),
    url("/fonts/manrope-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF,
    U+2000-206F, U+20A0-20CF, U+2113, U+2122, U+2190-21FF;
}
@font-face {
  font-family: "Manrope";
  src:
    local("Manrope Bold"),
    url("/fonts/manrope-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF,
    U+2000-206F, U+20A0-20CF, U+2113, U+2122, U+2190-21FF;
}

/* Global token: KA -> Mrgvlovani, LATIN -> Manrope */
:root{
  --app-font: "BPG Mrgvlovani Caps 2010",
              "Manrope",
              system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Apply */
html, body {
  font-family: var(--app-font) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(input, textarea, select, button){ font: inherit; }
.font-ge { font-family: var(--app-font) !important; }
body { letter-spacing: 0; } /* ლათინურზე გაუბატონებელი სივრცე */

@media (min-width: 10px) and (max-width: 700px){
body .page__comments .page__comments-list--not-comments {
	width: calc((100% - 15px)) !important;
	color:#fff !important;
}

/* removed */

/* removed */

/* removed */


#dle-comments-list .comment-item{
	width: calc((100% - 16px)) !important;
}

.full-text{
	padding: 0px 0px !important;
}

#dle-comments-list .quote { margin: 0 0 12px 0 !important;font-size: 13px !important;  padding: 12px 20px 15px 15px !important; }
#dle-comments-list .quote::before{
  display: none;
}
body #dle-comments-list .full-text { margin-top: 12px;  margin-bottom: 15px; color:#fff !important; width: calc((100% - 20px)); border-radius: 5px; border: 0px rgb(255 255 255 / 7%) solid; }

}



.page__comments .page__comments-list--not-comments *{
	color:#fff !important;
}

.page__comments .page__comments-list--not-comments {
	width: calc((100% - 30px)) !important;
	color:#fff !important;
}



body .fr-element .quote::before{
	display: none !important;
}


body .wseditor button{
	color:#fff !important;
}

.wseditor .fr-toolbar.gray-theme.fr-desktop.fr-top{
	color:#243d52 !important;
}


.wseditor .gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, .wseditor .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
    border-top: 0.25rem solid #ffffff !important;
}

body .gray-theme .fr-separator {
    display: none !important;
}

.wseditor .gray-theme.fr-desktop .fr-command:hover, .gray-theme.fr-desktop .fr-command:focus, .gray-theme.fr-desktop .fr-command.fr-btn-hover, .gray-theme.fr-desktop .fr-command.fr-expanded {
    outline: 0;
    background: rgb(255 255 255 / 10%) !important;
}



.wseditor.dlecomments-editor .gray-theme.fr-toolbar.fr-top{
	box-shadow: 0px 0px 0px #fff !important;
}

.wseditor .gray-theme.fr-toolbar{
	background: rgb(255 255 255 / 0%) !important;
}


.wseditor.dlecomments-editor .fr-counter{
	display: none;
}

.wseditor.dlecomments-editor .fr-element.fr-view{
	background: rgb(255 255 255 / 0%) !important;
	color:#fff !important;
}


.wseditor.dlecomments-editor .fr-wrapper{
	background: #243d52 !important;
	color:#fff !important;
}


.wseditor.dlecomments-editor {
	background: rgb(255 255 255 / 22%) !important;
}

.form__content{
	border-radius: 5px !important;
	overflow:hidden;
}


/* removed */



/* removed */



/* removed */

/* removed */




.mass_comments_action input{
	border-radius: 100px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.mass_comments_action .add-comments-form .form__input, .mass_comments_action .add-comments-form__input, .mass_comments_action .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select { font-size: 14px; border-radius: 100px !important; background:rgb(255 255 255 / 5%) !important; color:#959eb3; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%) !important; border-radius: 0;}

.mass_comments_action {
	color:var(--tt-2);
	margin: 22px 0px 0px 20px !important;
	width: 100%;
	float: left;
	position:relative;
}

#dle-comments-list .checkbox input:checked, .comments_subscribe input:checked {background-color: #6ab04c;}

#dle-comments-list .checkbox input, .comments_subscribe input{
	background: rgb(255 255 255 / 15%);
}

#dle-comments-list .comment-item__controls li{
	color:var(--tt-2);
}


#dle-comments-list .comment-item__footer.d-flex.ai-center{
	width: calc((100% - 24px));
}


#dle-comments-list /* removed */

#dle-comments-list /* removed */




#dle-comments-list .quote_block.noncontenteditable{
    border-radius: 5px;
    overflow:hidden;
    position:relative;
}



#dle-comments-list .comment-item__date{
    font-size: 13px;
}


#dle-comments-list .full-text a:hover{
    color: #d43730;
}

#dle-comments-list .full-text{
    text-align: left !important;
}


#dle-comments-list .scriptcode, #dle-comments-list .title_spoiler, #dle-comments-list .text_spoiler { padding: 3px 5px; background: #f0f0f0; border: 1px solid #e3e3e3; }
#dle-comments-list .title_quote {background-color: rgb(255 255 255 / 7%); color: #96afc7; padding: 5px 15px; font-size: 12px;}
#dle-comments-list .quote { border-radius: 0px 0px 5px 5px; margin: 0 0 25px 0; padding: 20px 20px 20px 60px; position: relative;
	background-color: rgb(255 255 255 / 4%); color: #dfd9d0;}
#dle-comments-list .quote::before {content:"\f10e"; font-family:"Font Awesome 6 Free"; font-weight: 300; 
	position: absolute; left: 22px; top: 12px; color: var(--accent); font-size: 20px;}


#dle-comments-list .comment-item__date {color: #7da0bd; }


#dle-comments-list .full-text { margin-top: 12px;  margin-bottom: 12px; color:#fff !important; width: calc((100% - 20px)); border-radius: 5px; border: 1px rgb(255 255 255 / 7%) solid; }

#dle-comments-list .js-comm-author a, #dle-comments-list .js-comm-author {
	color:#fff !important;
}

#dle-comments-list .comment-item__img { background: rgb(255 255 255 / 5%); width: 40px; height: 40px; }


#dle-comments-list .comment-item{
	width: calc((100% - 40px));
	border: 1px rgb(255 255 255 / 7%) solid;
	background: rgb(255 255 255 / 3%);
	padding: 19px 0px 20px 20px;
	margin: 20px 0px 0px 0px;
	border-radius: 5px;
	box-shadow: 0px 4px 0px 0px #d43730;
}


/* removed */


/* გვერდითი მენიუ */
.sidebar li a {
  display: flex;
  align-items: center;   /* ვერტიკალური გასწორება */
  gap: 8px;              /* აიქონსა და ტექსტს შორის დაშორება */
  line-height: 1.2;
  padding: 6px 0;
}

/* ყველა Font Awesome აიქონის统一 ზომა/სიგანე */
.sidebar li a i {
  font-size: 16px;       /* სურვილით მოარგე */
  width: 1.25em;         /* fa-fw-სთან თავსებადად */
  text-align: center;
  vertical-align: middle;
}

/* თუ მაინც ოდნავ დაბლა/ზემოთ ჩანს ბრენდის აიქონი */
.sidebar li a .fa-apple { transform: translateY(1px); }  /* სურვილისამებრ */

/* Sidebar-ში ზუსტად ეს ლინკი გააწითლე */
.side-block__content a[href$="/all-game-categories.html"],
.side-block__menu-hidden a[href$="/all-game-categories.html"],
.side-block a[href$="/all-game-categories.html"],
.sidebar a[href$="/all-game-categories.html"],
.sidebar a[href*="page=all-game-categories"]{
  color:#D43730 !important;
  font-weight:600;
}

/* თუ ტექსტი/아이კონი შიგნით span/i-შია */
.side-block__content a[href$="/all-game-categories.html"] *,
.side-block__menu-hidden a[href$="/all-game-categories.html"] *,
.sidebar a[href$="/all-game-categories.html"] *{
  color:#D43730 !important;
}



/* ScrollBar
----------------------------------------------- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #808080a8; 
}

::-webkit-scrollbar-thumb {
    background: var(--accent); 
    border-radius: 2px;
    transition: 0.3s;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-darker);
}
/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; background-color: #02060c;}
.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {min-height: 100vh; background-color: var(--bg); box-shadow: 0 30px 60px rgba(0,0,0,0.9);}
.header {position: absolute; z-index: 10; left: 0; top: 0; right: 0; height: 80px; padding-left: 30px; padding-right: 65px;}
.footer {background: url(../images/exelogo.webp) 15px center / 60px no-repeat; gap: 30px; line-height: 1.7;
    background-color: var(--bg-darkest); color: var(--tt-dark); padding: 30px var(--indent); padding-left: 86px;}
.col-main {padding-top: 80px;}
.col-main2 {padding-bottom: 40px;}
.col-side {
    position: relative;
    z-index: 9;
    background-color: var(--bg-dark);
    color: #fff;
    width: 285px;
    
}
.col-side::before {content: '';background: var(--gradient);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.col-side > * {position: relative;z-index: auto;margin-bottom: 30px;}
.col-main__left {padding: var(--indent); padding-top: 34px; padding-bottom: 10px;}
.slider-box {margin-top: -80px; background-color: var(--bg-dark);}
.sect--padding, .page-padding {padding: var(--indent); padding-top: 30px;}
.hbg {background: var(--bg-dark);}
.footer .soc-channels {display: none;}

.side-block__menu {padding: 86px 30px 0px 30px;}
.d-grid-mob {padding: 0 30px;}

#scrolltop {position: fixed; width: 50px;height: 50px;line-height: 53px; right: 10px; bottom: 10px;z-index: 990; display: none; background-color: var(--bg); color: var(--tt-2); cursor: pointer; font-size: 20px; border-radius: 50%; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}

/* HEADER, NAV
----------------------------------------------- */
.logo {display: inline-flex; flex-direction: column; justify-content: center; height: 60px; width: 200px; margin-right: 70px; text-align: center;}
.logo span {color: var(--accent);}
.logo__title {text-transform: uppercase;color: #fff;font-size: 30px;letter-spacing: 3px; 
    font-weight: 400;line-height: 1;font-family: 'Fredoka One', sans-serif;}
.logo__caption {font-size: 12px; font-weight: 500; color: #fff; 
    opacity: 0.9; text-transform: uppercase; letter-spacing: 3px; margin-top: 5px;}
.header__btn, .footer__btn {background: transparent;box-shadow: var(--bsh-btn-dark);color: #fff;gap: 10px;}

.header__search {position:relative; width: 400px;}
.header__search input, .header__search input:focus {padding: 0 60px 0 20px; border-radius: 20px; 
    background: var(--bg-btn-dark); box-shadow: var(--bsh-btn-dark); color: #fff;}
.header__search input:not(:focus)::placeholder {color: #fff; opacity: 0.6; font-size: 14px;} 
.header__search button {position:absolute; right: 0; top: 0px; padding: 0; width: 60px;
    background: none; color: #fff; font-size: 14px;}

.soc-channels {gap: 10px; margin-right: var(--indent);}
.soc-channels__item {display: flex; flex-direction: column; justify-content: center; 
    position: relative; background: var(--bg-btn-dark); box-shadow: var(--bsh-btn-dark); border-radius: 50%; 
    background-position: center center; background-repeat: no-repeat; width: 40px; height: 40px;}
.tlg {background-image: url(../images/i-tlg.svg); background-size: 16px;}
.vk {background-image: url(../images/i-vk.svg); background-size: 20px;}
.yt {background-image: url(../images/i-youtube.svg); background-size: 20px;}

.bslide {height: 350px; padding: 0; color: #fff;}
.bslide:before {height: 100%; opacity: 1; background: var(--gradient-2);}
.bslide__desc {position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 0 var(--indent); padding-bottom: 40px;}
.bslide__title {font-size: 24px; font-weight: 700; max-width: 500px; margin-bottom: 5px;}
.bslide__btn-trailer {background: var(--bg-btn-dark); box-shadow: var(--bsh-btn-dark); margin-left: 10px;}

/* TOP ITEM
----------------------------------------------- */
.carou {padding: 30px var(--indent); margin-top: -80px; padding-top: 85px;
    background-color: #0b161f; position: relative; padding-bottom: 60px;}
.carou__content:not(.owl-carousel) {display: flex; overflow: hidden;}
.carou__content > .top {width: calc((100% - 75px)/6); flex-shrink: 0; margin-right: 15px;}
.top {background-color: var(--bg-darkest);}
.top__desc {position: absolute;left: 0;right: 0;bottom: -62px;z-index: 10;padding: 15px;color: #fff;background-color: var(--bg-btn-dark); transition: 0.3s;}
.top:hover .top__desc {bottom: 0px;}
/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 60px;}
.sect__header {margin: 23px 0 16px 0;}
@media screen and (max-width: 508px) {.sect__header {flex-direction: column;} .sort{flex-direction: column;}}
.sect__title {font-size: 24px; font-weight: 700;padding: 0 0 10px 0;}
.sect__subtitle {font-size: 21px;}
.desc {display: grid; grid-gap: 20px; line-height: 1.7; color: var(--tt-3); background: var(--bg-2); padding: 60px var(--indent);}
.desc h1, .desc h2, .desc h3 {font-weight: 700; font-size: 18px; color: var(--tt); line-height: 1.3;}
.desc a {text-decoration: none;}
.desc ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.desc ul li::before {content:"\f00c"; font-weight: 300; font-family:"Font Awesome 6 Free"; 
    color: var(--accent-blue); position: absolute; left: 0; top: 0;}
.speedbar {font-size: 14px; color: var(--tt-3); background-color: var(--bg-2);
    margin: 0 var(--indent-negative); margin-bottom: -60px; margin-top: 30px; padding: 30px var(--indent);}
.speedbar a:hover {text-decoration: underline;}

/* POSTER ITEM
----------------------------------------------- */
.poster__img {border-radius: 15px;}
.poster__label {display: flex; align-items: center; padding: 6px 10px; font-size: 13px; border-radius: 0 0 0 3px;
    background: #d43730db; color: #fff; position: absolute; right: 0; top: 0; z-index: 3;}
.blue {background-color: var(--accent-blue);}
.red {background-color: var(--accent-red);}
.green {background-color: var(--accent-green);}
.gray {background-color: var(--accent-gray);}
.has-overlay__icon {position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; 
    background-color: rgba(0,0,0,0.5); opacity: 0;}
.has-overlay__icon div {width: 80px; height: 80px; border-radius: 50%;  
    font-size: 24px; border: 2px solid rgba(255,255,255,0.8); color: #fff; padding-left: 4px;}
.has-overlay:hover .has-overlay__icon {opacity: 1;}
.poster:hover .poster__label {opacity: 0;}
.poster:hover .poster__img {transform: scale(1.1);}
.poster:hover .poster__title {margin-top: 12px;}
.poster__desc {position: relative; padding: 12px 0 0 5px}
.pmovie__related .poster__desc {padding-right: 5px;}
.poster__title {font-size: 16px; font-weight: 700; color: var(--tt); width: 100%; transition: 0.3s;}
.poster__subtitle {color: var(--tt-2); font-size: 14px; margin-top: 5px;padding: 0 0 5px 0;}
.more_view {width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 20px;}
/* SIDEBAR
----------------------------------------------- */
.side-block:not(:last-child) {margin-bottom: 50px;}
.side-block__title {font-weight: 700;font-size: 17px;margin-bottom: 30px;background: linear-gradient(45deg, #182b3c, transparent);padding: 15px;border-left: 2px solid #d43730;width: 100%;}
.side-block__menu > li > a {padding: 15px 0 15px 60px;margin: 0 -30px;border-left: 2px solid transparent;color: #fff;display: block;}
.side-block__menu li {position: relative; font-size: 15px;}
.side-block__menu li .fal {position: absolute; left: 0px; top: 18px; pointer-events: none; color: var(--tt-dark);}
.side-block__menu > li > a:hover {background-color: #172734; border-left: 2px solid #d43730;}
.side-block__menu-hidden {position: absolute; left: 100%; top: 0px; z-index: 999; 
    background-color: var(--bg-2); box-shadow: var(--bsh); padding: 30px; width: 400px; 
    column-gap: 30px; column-width: 150px; visibility: hidden; opacity: 0; transform: translateX(30px);}
.side-block__menu-hidden li {margin-bottom: 10px;}
.side-block__menu > li:hover .side-block__menu-hidden {visibility: visible; opacity: 1; transform: translateX(0);}

.updli:not(:last-child) {border-bottom: 1px dashed var(--bdc-darker); padding-bottom: 15px; margin-bottom: 15px;}
.updli-2 {font-size: 13px; color: var(--tt-3);}
.updli-2 div {color: var(--tt); font-weight: 500; font-size: 13px; margin-bottom: 2px;}
.updli-3 {text-align: right; margin-left: 15px; font-size: 12px; line-height: 1.1; color: var(--tt-3);}
.updli-3 div {color: var(--accent); font-weight: 500; margin-bottom: 5px;}
.upd-box-title {background: var(--bg-dark); color: #fff; font-weight: 700; 
    padding: 10px 30px; margin: 0 -30px; margin-bottom: 15px; text-align: left;}
.updli:hover {text-decoration: underline;}

/* POPULAR
----------------------------------------------- */
.popular__desc {display: flex;flex-direction: column;justify-content: flex-start;}
.top_news {margin-top: 20px;}
.top_poster__date {margin-top: auto;}
.top_news .top_poster__date li {color: var(--tt-dark);display: flex;align-items: center;gap: 6px;font-size: 12px;}
.top_news__img {width: 60px; height: 60px; margin-right: 10px; box-shadow: var(--bsh-2); border-radius: 3px; transition: 0.3s;}
.top_news__title {line-height: 1.4; -webkit-line-clamp: 2;color: #fff;text-overflow: ellipsis;height: 40px;overflow: hidden; transition: 0.3s;}
.top_news:hover .top_news__title {color: #d43730;}
.top_news:hover .top_news__img {transform: scale(1.1);}
/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__btn {margin: 0 5px;height: 30px;border-radius: 15px;padding: 0 15px;text-transform: none;display: inline-flex;transition: 0.3s;}
.footer__btn:hover {color: #d43730;transform: scale(1.1);}
.footer__text {font-size: 13px; line-height: 1.7;}

.pagination {text-align: center; padding-top: 10px;}
.pagination__pages > a, .pagination__pages > span, .pagination__pages-btn > a, 
.pagination__pages-btn > span {display: inline-block; margin: 10px 8px 0 0; line-height: 35px; 
    padding: 0 10px; min-width: 35px; font-size: 14px; border-radius: 20px;}
.pagination__pages1 > span:not(.nav_ext), .pagination__pages a:hover, .pagination__btn-loader a:hover,   
.pagination__pages-btn > a {background: var(--accent); color: #fff; border-color: var(--accent);}
.pagination__pages--full a, .pagination__pages--full span {line-height: 30px; min-width: 30px; font-size: 14px;}
.pagination__pages > span:not(.nav_ext), .pagination__pages-btn > span {background: var(--bg-2); color: var(--tt-3);}

/* INNER PAGE
----------------------------------------------- */
.page__subcols {
    padding: 30px var(--indent);
    margin: 0 var(--indent-negative);
    margin-top: -110px;
    padding-top: 150px;
    background-color: var(--bg-2);
    position: relative;
    margin-bottom: 30px;
    display: grid;
    gap: 30px 35px;
    grid-template-areas:
        "pTitle pTitle pButton"
        "pside pheader pinfo"
        "pside pmeta pinfo"
        "pside pctrl pinfo";
    grid-template-columns: 200px minmax(0,1fr) 240px;
    align-items: start;
    align-content: start;
}

.page__subcols2 {
    padding: 30px var(--indent);
    margin: 0 var(--indent-negative);
    margin-top: -110px;
    padding-top: 150px;
    background-color: var(--bg-2);
    position: relative;
    margin-bottom: 30px;
    display: grid;
    gap: 30px 30px;
    grid-template-areas:
        "pside pheader pinfo"
        "pside pmeta pinfo"
        "pside pctrl pinfo";
    grid-template-columns: 200px minmax(0,1fr) 240px;
    align-items: start;
    align-content: start;
}
.page__subcols3 {
        padding: 30px var(--indent);
        margin: 0 var(--indent-negative);
        margin-top: -110px;
        padding-top: 150px;
        background-color: var(--bg-2);
        position: relative;
        margin-bottom: 30px;
        display: grid;
        gap: 30px 30px;
        grid-template-areas:
                "pmeta pmeta pmeta"
                "pside pside pside";
        /* grid-template-columns: 200px minmax(0,1fr) 240px; */
        align-items: center;
        align-content: center;
}
.page__subcols3 .pgames__poster {
    width: 100%;
    height: 100%;
}
.page__subcol-side {grid-area: pside;display: inline-grid;justify-items: center;}
.page__subcol-header {grid-area: pTitle;height: 130px;display: flex;flex-direction: column;}
.fullst-title .pgames__original-title > * {color: var(--tt)}
.fullst-title h1 {color: var(--tt) !important;}
.fullst-title span {color: var(--tt) !important;}
.page__subcol-meta {/* grid-area: pmeta; */align-self: auto;line-height: 1.5;}
.page__subcol-meta li {color: var(--tt);padding: 6px 0; transition: all 0.3s;}
.page__subcol-meta li span {color: #fff;background-color: #d43730;padding: 5px;border-radius: 5px;}
.page__subcol-meta li:hover {transform: scale(1.01);}
.page__subcol-info {grid-area: pinfo;background: var(--bg-2);padding: 3px 8px 0 8px;margin-right: var(--indent-negative);}
.page__subcol-info2 {margin-top: 80px;}
.page__subcol-ctrl {grid-area: pctrl; align-self: end; top: -4px;}
.page__subcols > * {position: relative;z-index: 4;}
.page__subcols::before {content: ''; position: absolute; left: 0; top: 0; right: 0; height: 230px; background: var(--bg-dark);}
.page__subcols1::after {content: ''; position: absolute; left: 0; right: 0; top: 100px; height: 140px; z-index: 3; background: var(--gradient-4);}
.blurred-bg {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 270px; overflow: hidden; background: var(--bg-dark);}
.blurred-bg img {width: 100%; height: 100%; object-fit: cover;}
.blurred-bg::after {content: ''; position: absolute; left: 0; bottom: 0; 
    width: 100%; height: 100%; background: var(--gradient-2);}

.pgames__poster {width: 220px;height: 300px;box-shadow: var(--bsh-poster);border: 5px solid #fff;border-radius: 2px;}
.page__subcol-header h1 {font-size: 22px; font-weight: 700; color: #fff;}
.page__subcol-header h1 a {margin-left: 10px; font-size: 14px; font-weight: 400; color: #fff; opacity: 0.5;}
.pmovie__ratings-votes {color: var(--tt-dark); margin-left: 13px; font-size: 12px;}
.pgames__original-title {
    color: var(--tt-dark);
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 3px;
    font-weight: 500;
    letter-spacing: 1px;
}
.pgames__original-title > * {color: var(--tt-dark);}
.pgames__year .year-full {color: var(--tt-dark);}
.pmovie__subcaption {margin-top: 20px; margin-bottom: 10px;}
.pmovie__year {margin-bottom: 6px;}
.pmovie__quality div {background: var(--bg-accent); display: inline-block; padding: 6px 13px; 
    border-radius: 3px; font-weight: 500; margin: 4px 10px;}
.pmovie__genres {color: var(--tt-2); margin-top: 20px;}
.pmovie__ext-rating {width: 78px; font-weight: 500; font-size: 16px; margin-top: 20px;}
.pmovie__ext-rating-slide {width: 78px; font-weight: 500; font-size: 16px; margin-top: 8px;}
.pmovie__ext-rating--imdb {padding-left: 38px; background: url(../images/imdb.svg) 0 center / 30px auto no-repeat;}
.pmovie__ext-rating--kp {padding-left: 26px; background: url(../images/kp.svg) 0 center / 20px auto no-repeat;}
.page__subcols .bslide__btns .bslide__btn-trailer {background-color: var(--accent-gray);box-shadow: none;gap: 10px;/* padding-left: 6px; */}

.pgames__header-list {line-height: 1.5;color: var(--tt);}
.pgames__header-list li {position: relative;transition: all 0.3s;}
.pgames__header-list2 li {transition: all 0.3s;}
.pgames__header-list2 li:hover {transform: scale(1.03);}
.pgames__header-list li:hover {transform: scale(1.01);}
.pgames__header-list li + li {margin-top: 11px;}
.pgames__header-list li > span:first-child, .pgames__header-list li > div:first-child {color: #fff;margin-right: 5px;padding: 5px;background-color: #FE6601;border-radius: 4px;}
.pgames__header-list li a {border-bottom: 1px dotted var(--accent-blue); color: var(--accent-blue);}

.page__text {grid-column: 1 / -1;}
.page__subtitle {font-size: 16px; font-weight: 700; grid-column: 1 / -1; padding: 10px 0 0px 0;}
.page__subtitle.tac {margin-bottom: 30px; text-align: center; padding: 0;}

.pmovie__player {position: relative; margin-bottom: 30px;}
.tabs-block__select span {cursor: pointer; display: inline-block;}
.tabs-block__select span {height: 40px; line-height: 40px; padding: 0 20px; 
    margin: 0 10px 10px 0; background-color: var(--bg-2); color: var(--tt-3); font-weight: 500;border-radius: 4px; transition: 0.3s;}
.tabs-block__select span.is-active, .tabs-block__select span:hover { background: var(--accent); color: #fff; border-radius: 4px;}
.pmovie__player-bottom {background-color: var(--bg-accent);padding-left: 15px;}
.ya-share2 {height: 24px; margin-left: 10px;}
.pmovie__complaint a {display: grid; place-items: center; width: 50px; height: 50px; 
    font-size: 24px; background: var(--bg-darkest); color: #fff;}
.pmovie__player-bottom-2 {background-color: var(--bg-dark); color: #fff; padding: 15px;}
.pmovie__ratings-score {position: static; width: 40px; height: 40px; font-size: 14px; margin-left: 15px;}
.pmovie__player-bottom-222 .pmovie__ratings-score {color: var(--accent-green); border-color: var(--accent-green);}
.pmovie__rating-likes > * {display: flex; align-items: center; height: 40px; border-radius: 20px; 
    background-color: var(--accent-blue); color: #fff; box-shadow: var(--bsh-2); padding: 0 20px 0 15px; 
    font-weight: 500; margin-left: 10px;}
.pmovie__rating-likes > * .fal {font-size: 16px; margin-right: 10px;}
.pmovie__rating-likes > * + * {background-color: var(--accent-red);}
.pmovie__rating-likes > a:hover, .pmovie__fav a:hover, .pmovie__complaint a:hover {background-color: var(--accent); color: #fff;}
.pmovie__fav a {display: flex; align-items: center; justify-content: center; font-weight: 500;
    height: 40px; border-radius: 20px; padding: 0 20px; margin-right: 15px; letter-spacing: 1px;
    font-size: 12px; text-transform: uppercase; background-color: var(--bg-darkest);; color: var(--tt-dark);}

.fr-list {counter-reset: num; display: flex; flex-direction: column-reverse; margin-bottom: -30px;}
.fr::before {content: counter(num); counter-increment: num; width: 40px; text-align: center; margin-top: -1px; 
    color: var(--accent); font-weight: 500; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.fr {cursor: pointer; position: relative; padding: 6px 10px; padding-left: 40px; border-radius: 3px;}
.fr:nth-child(2n) {background-color: var(--bg-2);}
.fr__title {display: inline-block; max-width: 100%; line-height: 20px; height: 20px; font-weight: 500;}
.fr:hover {box-shadow: var(--bsh); z-index: 3;}
.fr__year {color: var(--tt-2); margin: 0 10px; font-size: 13px;}
.fr__rating {background: var(--accent-gray); color: #fff; font-weight: 700; font-size: 12px; width: 30px; height: 30px; border-radius: 15px;}
.clrrating-1, .clrrating-2, .clrrating-3, .clrrating-4 {background-color: var(--accent-red);}
.clrrating-7, .clrrating-8 {background-color: var(--accent-green);}
.clrrating-9, .clrrating-10 {background-color: var(--accent-gold);}
.is-active .fr__title {font-weight: 700; color: #000;}
.fr.is-active::before {content: ""; display: block; left: 13px; 
    background-size: 13px 15px; background-repeat: no-repeat; width: 13px; height: 15px; 
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='13px' height='15px' viewBox='0 0 13 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='sprite' transform='translate(-170.000000, -111.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='play_black' transform='translate(170.000000, 111.000000)'%3E%3Cpath d='M12.508581,8.36085 L1.50873,14.86076 C1.033253,15.14173 0.420037,14.98404 0.139074,14.50857 C0.048028,14.35449 0,14.1788 0,13.99984 L0,1 C0,0.44772 0.447715,0 1,0 C1.178966,0 1.354653,0.04803 1.50873,0.13908 L12.508581,6.63899 C12.984057,6.91996 13.141741,7.53317 12.860778,8.00865 C12.774963,8.15388 12.653806,8.27503 12.508581,8.36085 Z' id='Triangle'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.pmovie__related .poster__desc {padding-right: 5px;}
.pmovie__related .d-grid {grid-template-columns: repeat(auto-fill,minmax(130px,1fr)); grid-gap: 30px 15px;}
.pmovie__related .poster__title {font-size: 12px;}
.pmovie__related .poster__subtitle {font-size: 12px;}

.trailer-button {/* grid-area: pButton; */justify-content: flex-end;}
.trailer-button button {background-color: transparent !important;border: 1px solid;}
.trailer-button button > div{transition: 0.3s;}
.trailer-button button:hover > div {color: #d43730;}
.trailer-button2 {display: none;}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height: 1.7;font-size: 15px;word-wrap: break-word;box-shadow: 0px 0px 4px rgb(0 0 0 / 5%);padding: 15px;text-align: center;}
.full-text a {text-decoration: underline;color: #5278b1;}
.full-text img:not(.emoji), .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table, .page__title {margin-bottom: 20px;}
.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 > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
    border: 3px solid var(--accent); position: absolute; top: 5px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; 
    position: absolute; top: -2px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500;
    display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
    position: absolute; left: 41px; top: -2px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table tr td {padding:10px; border:2px solid #fff;}
.full-text table tr:nth-child(2n+1) {background-color:#f2f6f9;} 
.full-text table tr:nth-child(1) {background-color:#cee0ed;}
.full-text table img:not(.emoji) {margin:0; max-width:350px}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 60%; position: relative; background-color: #000;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video-responsivee {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));padding: 10px;gap: 20px;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px;}
.full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;}
.fullstory-items {display: flex;width: 100%; gap: 30px;}
.fullstory-items .items-gifs{flex: 0 0 50%;}
.itemsss {display: flex;flex-wrap: wrap;gap: 15px;box-shadow: 0px 0px 4px rgb(0 0 0 / 5%);padding: 15px;}
.itemsss > div {flex: 100%;height: 80px;}
.itemsss > div img {height: 100%;width: 100%;object-fit: cover;}

/* COMMENTS
----------------------------------------------- */
/* removed */
/* removed */
.page__comments-list {padding: 0;}
.page__comments-list--not-comments {padding: 0; border: 0;}
.add-comments-form.form {padding: 0; margin-bottom: 20px;}
.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select {box-shadow: inset 0 0 0 1px #e3e3e3; border-radius: 0;}
.add-comments-form__input {margin-left: 20px;}
.add-comments-form .d-none, .comments_subscribe + br {display: none;}
.mass_comments_action {display: flex; align-items: center; max-width: 800px; white-space: nowrap; margin-bottom: 20px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 10px 0 20px;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}

.comment-item__title {font-weight: 500; font-size: 18px; margin-bottom: 20px;}
.comment-item {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--bdc);}
.comment-item__img {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.comment-item__letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 500; 
    position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;}
.comment-item__author {font-weight: 500; font-size: 14px;}
.comment-item__date {color: var(--tt-3); margin-top: 4px; font-size: 12px;}
.comment-item__main {margin: 8px 0 6px 0; font-size: 15px;}
.comment-item__main p {text-align: left;}
.comment-item__rating {white-space: nowrap; font-size: 14px;}
.comment-item__rating a {margin-left: 6px;}
.comment-item__rating a > span:first-child {color: var(--accent-green); margin-right: 2px;}
.comment-item__rating a:last-child > span:first-child {color: var(--accent-red);}
.comment-item__reply a {font-size: 12px; margin-right: 20px; color: var(--tt-2);}
.comment-item__reply a .fal {margin-left: 5px;}
.comment-item__reply + .comment-item__reply a .fal {margin-left: 0; margin-right: 5px;}
.comment-item__controls {text-align: right; font-size: 12px; margin-right: -15px;}
.comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 16px; line-height: 16px;}
.comment-item__controls a:not(:hover) {color: var(--tt-2);}
.comment-item__footer a:hover {text-decoration: underline;}
.comment-item__rating a:hover > span:first-child {text-decoration: none;}
.comment-item__controls .checkbox {transform: scale(0.8,0.8); margin-left: 5px;}

/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
    background-color: var(--ui-bg); border-radius: 4px; width: 400px;}
.login__header {padding: 20px 40px; background-color: var(--ui-bg-darker);}
.login__title {font-size: 17px; font-weight: 500; padding: 1px 0; text-transform: capitalize;}
.login__close {cursor: pointer; font-size: 24px; opacity: 0.6; margin-left: 20px;}
.login__title a {border-bottom: 1px dotted var(--tt-3); margin-left: 10px; font-weight: 400; color: var(--tt-3);}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt-3);}
.login__caption {font-size: 14px; color: var(--tt); margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--accent);}
.login__input input {padding-left: 40px;}
.login__row .fal {opacity: 0.5; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: var(--ui-bg-darker); padding: 20px 40px; text-align: center;}
.login__social-caption {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;}
.login__social-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login__social-btns img {display:block; width:30px; height: 30px; border-radius: 50%;}
.login__avatar {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.login__menu {padding-left: 35px; padding-right: 35px; margin-bottom: -10px;}
.login__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; margin: 0 5px 10px 5px;}
.login__menu a {display: block; border-radius: 6px; padding: 10px; text-align: center; white-space: nowrap;
    background-color: var(--ui-bg-darker); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); font-size: 13px;}
.login__menu .fal {display: block; height: 30px; font-size: 24px; opacity: 0.3;}

/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel {width: 100%; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; display:flex; justify-content:flex-start;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {position: relative; min-height: 10px;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {display: block; opacity: 1;}
.owl-carousel.owl-drag .owl-item {user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
.owl-height {transition: height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}
.owl-nav {position: absolute; left: 0; right: 0; top: 50%;}
.owl-prev, .owl-next {display: flex; cursor: pointer; box-shadow: none; width: 40px; height: 40px; border-radius: 20px; 
    background: none; color: #fff; position: absolute; top: 0; font-size: 28px; margin-top: -20px;}
.owl-prev {left: -50px;}
.owl-next {right: -50px;}
.owl-prev:hover, .owl-next:hover {background: var(--bg-2) !important; color: #000 !important;}
.owl-dots {text-align: center; position: absolute; left: 0; right: 0; bottom: -37px;}
.owl-dot {display: inline-block; width: 16px; height: 16px; border-radius: 50%; 
    cursor: pointer; background: var(--bg); margin: 0 5px; box-shadow: var(--bsh-2);}
.owl-dot.active, .owl-dot:hover {background: var(--accent-darker);}
#owl-big .owl-nav {left: auto; top: auto; bottom: 40px; right: calc(var(--indent) + 0px); display: flex; gap: 10px;}
#owl-big .owl-prev, #owl-big .owl-next {position: static; height: 40px; font-size: 18px;
    background-color: #fff; color: var(--tt-3); border-radius: 50%;}
#owl-big .owl-dots {bottom: 0px; display: flex; gap: 0 5px; left: var(--indent); right: var(--indent);}
#owl-big .owl-dot {flex: 1 1 0; height: 10px; border-radius: 0; margin: 0; opacity: 0.6;}
#owl-big .owl-dot.active {opacity: 0.6;}
.slider-box:not(.owl-carousel) {overflow: hidden; display: flex;}
.slider-box:not(.owl-carousel) > * {flex-shrink: 0; width: 100%;}

/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
    opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
    padding: 10px 20px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s; 
    background: var(--bg-dark); color: #fff;}
.mobile-menu.is-active {left: 0;}
.mobile-menu-close {cursor: pointer; display: block; left: 280px; top: -40px; position: fixed; z-index: 999;
    width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0;
    background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu .header__menu, .mobile-menu .side-block__menu-hidden {margin: 0; padding: 10px 20px; display: block; 
    width: calc(100% + 40px); margin: -10px -20px 25px -20px; max-width: none;}
.mobile-menu .header__menu > li {width: 100%; margin: 0; padding: 0;}
.mobile-menu .header__menu > li > a {color: #fff;}
.mobile-menu .side-block__menu-hidden li {font-size: 14px;}
.mobile-menu .side-block__menu-hidden {background-color: var(--bg-2); position: static;
    opacity: 1; visibility: visible; transform: none; border: 0; padding-top: 20px; margin-top: 0; margin-bottom: 0;}

@media screen and (max-width: 1220px) {
    body {background-image: none;}
    .wrapper {padding: 0; background-image: none; overflow: hidden;}
    .wrapper-container {max-width:1000px;}
    .col-side .js-this-in-mobile-menu, .pagination__pages-btn, .poster__btn-info {display: none !important;}
    .header__btn-menu {cursor: pointer; width: 40px; height: 40px; border-radius: 50%; line-height: 43px; 
        text-align: center; box-shadow: var(--bsh-2); background: var(--accent); color: #fff; 
        display: block; margin-left: 10px; font-size: 18px;}
    .header {position: relative; padding: 0 var(--indent);}
    .header__search {flex: 1 1 0; max-width: 100%; min-width: 50px;}
    .carou {padding-left: var(--indent); padding-right: var(--indent); padding-bottom: 60px;}
    .col-main {padding-top: 0;}
    .col-side {width: 100%; padding: 30px var(--indent); order: 10; background-image: none; display: none;}
    #scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
    .logo {width: auto;}
    .d-grid-mob {display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); grid-gap: 20px 20px;}
    .d-grid-mob > * {margin: 0 !important;}

    .pmovie__header-list li + li {margin-top: 5px;}
    .page__subcols {
        grid-template-areas:
            "pTitle pTitle pButton"
            "pside pheader pheader"
            "pinfo pinfo pinfo";
        grid-template-columns: 200px minmax(0,1fr);
    }
    .page__subcols2 {
        grid-template-areas:
            "pside pheader pheader"
            "pinfo pinfo pinfo";
        grid-template-columns: 200px minmax(0,1fr);
    }
    .page__subcol-info {padding: 0; margin: 0;}
}

@media screen and (max-width: 950px) {
    .wrapper-container {max-width:768px;}
    .carou__content > .top {width: calc((100% - 60px)/5);}
    .d-grid, #dle-content {grid-gap: 30px 20px;}
    .col-main__cols {display: block;}
    .col-main__left {padding: var(--indent); padding-top: 34px;}
    .slider-box {margin-top: -84px; background-color: var(--bg-dark);}
    .footer {justify-content: center; text-align: center; background-image: none; padding: 20px;}
    .footer__text {min-width: 100%; margin: 0;}
    #owl-big .owl-nav {right: var(--indent);}
    .header .header__btn span:last-child {display: none;}
    .header .header__btn {width: 40px; padding: 0; font-size: 18px;}
    .speedbar {margin-bottom: -20px;}
    .page__subcols {gap: 30px 20px;}
    .pmovie__player {margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
    .tabs-block__select span {margin: 0; flex: 1 1 0; min-width: auto; max-width: 100%; white-space: nowrap; text-align: center;}
    .pmovie__related .d-grid {grid-template-columns: repeat(auto-fill,minmax(170px,1fr)); grid-gap: 30px 20px;}
}

@media screen and (max-width: 760px) {
    .wrapper-container {max-width:640px;}
    .carou__content > .top {width: calc((100% - 30px)/3);}
    .carou {margin-top: -120px; padding-top: 140px;}
    .header__search {order: 10; min-width: 100%; margin: 0;}
    .header {height: 120px;}
    .slider-box {margin-top: -120px;}
    .bslide {height: 390px;}
    .logo {flex: 1 1 0; min-width: 50px; max-width: 100%; margin-right: 20px;}
    .trailer-button {display: none;}
    .page__subcols {margin-top: -150px;}
    .pmovie__player-bottom-2 .pmovie__ratings {order: 10; min-width: 100%; justify-content: center; padding-top: 10px;}
    .pmovie__ratings-caption {flex-grow: 1; text-align: right;}
    .page__subcols {
        grid-template-areas:
            "pTitle pTitle pTitle"
            "pside pheader pheader"
            "pinfo pinfo pinfo";
    }
    .fullstory-items {flex-direction: column;}
    .page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
    .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
    .trailer-button2 {display: block;}
    .trailer-button2 button {width: 100%;margin: 10px 0;border-radius: 4px;background-color: #0f1d29 !important; transition: 0.3s;}
    .trailer-button2 button:hover {background-color: #d43730 !important;}
    .add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;}
    .add-comments-form__btn {width: 100%; order: 10;}
    .add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;}
    .mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
    .download_table .table_section:last-child {width: 35% !important;}
}

@media screen and (max-width: 590px) {
    .wrapper-container22 {max-width:480px;}
    .login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
    .login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}
    .carou__content > .top {width: calc((100% - 30px)/3);}
    .footer .btn {width: 100%; margin: 5px 0;}
    .header .soc-channels {display: none;}
    .footer .soc-channels {display: flex;}
    .page__subcols {grid-template-areas: "pTitle" "pside" "pheader" "pinfo" "pmeta"; grid-template-columns: minmax(0,1fr);}
    .page__subcols2 {grid-template-areas: "pTitle" "pside" "pheader" "pinfo" "pmeta"; grid-template-columns: minmax(0,1fr);}
    .page__subcols .bslide__btns .bslide__btn-watch {flex-grow: 1;}
    .page__subcol-side {justify-self: center;}
    .page__subcol-header .pmovie__ratings {justify-content: center; padding-top: 10px;}
    /*.page__subcols {padding-top: 140px;}*/
    .blurred-bg, .page__subcols::before {height: 360px;}
    .pmovie__ext-ratings {justify-content: center; text-align: left;}
    .pmovie__quality {margin-top: 10px; margin-bottom: -15px; justify-content: center;}
    .pmovie__ratings-caption, .pmovie__share-caption {display: none;}
    .pmovie__player-bottom-2 {justify-content: space-between;}
    .fr {margin: 0 var(--indent-negative); padding-right: 20px;}
    .pmovie__fav {margin: 0;}
    .fullst-title {text-align: center;height: 90px;}
}

@media screen and (max-width: 470px) {
    .wrapper-container22 {max-width:360px;}
    .carou__content > .top {width: calc((100% - 20px)/3); margin-right: 10px;}
    .top__desc {padding: 10px; font-size: 13px;}
    .header__logo > * {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    #owl-big .owl-nav {display: none;}
    .bslide__btns {flex-wrap: nowrap;}
    #dle-content, .d-grid {grid-template-columns: repeat(auto-fill,minmax(140px,1fr)) !important;}
    .poster .poster__title {font-size: 14px;}
    .poster .poster__subtitle {font-size: 12px;}
}

.filter-block {margin-bottom: 0px; margin-block-start: -5px;}
.filter-block__form {display: flex; flex-wrap: wrap;}
.filter-block__cell {margin-left: 10px;}
.filter-block__cell--full-width {grid-column: 1 / -1;}
.filter-block__cell-caption {margin-bottom: 10px;}
.filter-block__cell-content > * {width: 100%; display: block;}
.filter-block__cell-content--two-columns {display: flex; justify-content: space-between;}
.filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;}
.filter-block__cell-content select, .filter-block__cell-content input[type="text"], 
.filter-block__cell-content--check-group {height: 40px; line-height: 36px; background-position: right 14px top 54%;
    background-color: var(--bg); color: var(--tt); border: 2px solid var(--bdc); border-radius: 20px; 
    box-shadow: none; font-size: 14px;  padding: 0 15px; background-size: 10px; display: inline-block;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto; box-sizing: border-box;}
.filter-block__cell-content select {padding: 0 30px 0 10px;}
.filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: var(--tt); font-size: 14px;}
.filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0;}
.filter-block__cell-content--inp-year input {width: 80px !important;}
[data-dlefilter="reset"] {/*width: 40px;*/ background-color: var(--bg-2); color: var(--tt-2); 
    padding: 0; font-size: 18px; border: 1px solid var(--bdc);}
@media screen and (max-width: 1220px) {
    .filter-block {width: 100%; margin-bottom: -10px; margin-top: 20px;}
    .filter-block__cell {margin: 0 10px 10px 0;}
}
@media screen and (max-width: 470px) {
    .filter-block__form {justify-content: space-between;}
    .filter-block__cell {margin-right: 0; width: 48%;}
    .filter-block__cell:first-child {width: calc(100% - 50px); order: 10;}
    .filter-block__cell-content > * {width: 100% !important;}
    .filter-block__cell-content--inp-year input {width: 100% !important;}
    .filter-block__cell--btns {width: 40px; order: 11;}
}

/* UPDATE
----------------------------------------------- */
.theme-toggle {display: inline-flex; justify-content: space-between; align-items: center; cursor: pointer;
    background-color: var(--bg-btn-dark); box-shadow: var(--bsh-btn-dark); 
    height: 40px; border-radius: 20px; padding: 5px 0; margin: 0 20px;}
.theme-toggle li {cursor: pointer;width: 30px;height: 30px;border-radius: 50%;color: #fff;margin: 0 5px;display: flex;align-items: center;justify-content: center;} 
.theme-toggle:hover li {color: #fff; background-color: rgba(0,0,0,0.3);}
.dt-is-active .theme-toggle li:first-child, body:not(.dt-is-active) .theme-toggle li:last-child {background-color:var(--accent); color: #fff;}
.side-block--collections .d-grid {gap: 10px 10px;}
.coll {box-shadow: var(--bsh-poster); border: 5px solid #fff; border-radius: 2px; display: block;}
.coll::before {height: 100%; background: #11212e; opacity: 0.6;}
.coll__title {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; 
    color: #fff; font-size: 14px; font-weight: 500; padding: 10px;}
.page__subcol-header h1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media screen and (min-width: 1220px) {
    .filter-block__cell-content select, .filter-block__cell-content input[type="text"] {max-width: 200px;}
    .page__subcols .page__subcol-info {min-height: 300px;}
}
@media screen and (max-width: 1220px) {
    .header__logo {margin-right: 20px;}
    .header .soc-channels {flex: 0 0 auto; flex-wrap: nowrap; margin-left: 20px; margin-right: 0;}
}
@media screen and (max-width: 590px) {
    .page__subcol-header h1 {white-space: normal;}
    .coll__title {font-size: 14px; padding: 15px;}
    .theme-toggle {margin: 0; margin-left: 10px; order: 11;}
    .header__search {max-width: calc(100% - 90px); min-width: calc(100% - 90px);}
}
.dt-is-active #owl-big .owl-prev, .dt-is-active #owl-big .owl-next {background-color: var(--bg); color: var(--tt);}
.dt-is-active .owl-prev:hover, .dt-is-active .owl-next:hover {background: var(--accent) !important; color: #fff !important;}

.b-post__schedule_block {
    margin-bottom: 3px;
    background: #192125;
}
.b-post__schedule_block_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 10px 18px;
    cursor: pointer;
}
.b-post__schedule_block_title .title {
    color: #efefef;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.b-post__schedule_table {
    color: #fff;
    font-size: 14px;
    width: 100%;
}
.b-post__schedule_table td {
    padding: 10px 0 10px 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
.td-1 {
    width: 20%;
}
.td-2 {
    width: 40%;
}
.td-4 {
    text-align: right;
    white-space: nowrap;
    width: 20%;
}
.b-post__schedule_table .td-5 {
    text-align: center;
    width: 10%;
}
.b-post__schedule_table .exists-episode {
    color: #3f9d65;
}

.movie_title_full {
    margin: 0 0 0 3px;
}

.top100-box, .top100-box * {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after {content: ""; display: table; clear: both;}
.top100-box {text-align:center; font-weight:700;}
.top100-title {font-size:24px; margin-bottom:20px; font-weight:700;}
.top100-items {position:relative;}
.top100-items ol {position:relative; padding-top:490px;}
.top100-items ol {position:relative; z-index:100; counter-reset:li}
.top100-item {padding: 0px 10px 25px 10px; float:left; width: 24.66%; position:relative;}
.top100-item::before {content:counter(li); counter-increment:li; font-size: 14px; color: var(--tt); font-weight:700;
    position:absolute; bottom: 88px; left: 50%;margin-left: -25px;; width: 35px; height: 35px; line-height: 35px; text-align:center; border-radius: 20%; 
    background-color: var(--bg-2); /* background: linear-gradient(to top, #cedce7 0%,#596a72 100%); */ 
    box-shadow: 0 0 0 2px #647687;}
.top100-item a {display:block; color:#000;}
.top100-img {height: 260px; overflow:hidden; background-color:#000;width: 170px;}
.top100-img img {width:100%; min-height:100%;}
.top100-name {height: 50px; line-height: 15px; overflow:hidden; margin-top:5px;color: var(--tt);font-size: 12px;text-align: center;}
.top100-items::before {content:""; width:100%; height:460px; position:absolute; left:0; top:0; background-color: gray;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);}
.trophy {float:none; width:200px; position:absolute; padding:10px; background-color:rgba(0,0,0,0.5);}
.trophy a {color:#fff;}
.trophy .top100-img {height: 270px;}
.trophy:nth-child(2) {left:80px; top:60px;}
.trophy:nth-child(1) {left:50%; margin-left:-105px; top:20px;}
.trophy:nth-child(3) {right:80px; top:80px;}
.trophy:before {background-color:#ffd803; background: linear-gradient(to top, #d1df00 0%,#c19f25 100%); 
    box-shadow: 0 0 0 2px #fff5f5; color:#000; bottom: 73px;}
.top100-item:hover .top100-name {text-decoration:underline;}

@media screen and (max-width: 950px) {
    .top100-item {width:20%;}
    .trophy {width:200px;}
    .trophy:nth-child(2) {left:20px;}
    .trophy:nth-child(3) {right:20px;}
}
@media screen and (max-width: 760px) {
    .top100-item {width:33.33%;}
    .trophy {width:200px; position:relative; left:0 !important; top:0 !important; margin:0 auto 20px auto !important;}
    .top100-items::before {display:none;}
    .top100-items ol {padding-top:0;}
}
@media screen and (max-width:590px) {
    .top100-item {width:50%;}
    .trophy {width:200px;}
}

.apk-games {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 10px;
    border-radius: 6px;
    margin: 5px;
}

.apk-games-cont {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
    gap: 10px
}

@media screen and (max-width: 550px) {
    .apk-games-cont {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

.apk-games:hover {
    transform: scale(1.1);
    transition: .3s
}

.apk-games:hover .apk-games-info h2 {
    color: var(--accent);
    transition: .3s
}

.apk-games img {
    width: 100%;
    max-width: 80px;
    max-height: 80px;
    height: 100%;
    border-radius: 7px
}

.apk-games-info {
    display: flex;
    flex-direction: column;
    margin-left: 11px;
    overflow: hidden
}

.apk-games-info h2 {
    color: var(--tt);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    overflow: hidden;
    width: 100%;
}

.apk-games-info span {
    font-size: 10px;
    font-weight: 400;
    color: var(--tt-2);
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.apk-games-info span i {
    font-size: 12px;
    font-weight: 500;
    color: var(--tt-2);
    margin-right: 5px;
}

.pmovie__player-controls {
    margin-bottom: 20px;
}

/* ===== DOWNLOAD CTA — unified (compact + animated + left badge) ===== */
.dl-cta-wrap{ display:flex; align-items:center; }

/* ძირითადი ღილაკი */
.dl-cta-wrap a,
.dl-cta-wrap .global_button,
.dl-cta-wrap button{
  --cta-h: 48px;
  width: 100% !important;
  min-height: var(--cta-h) !important;
  padding: 0 22px 0 64px !important;   /* ადგილი მარცხენა ბეჯისთვის */
  border-radius: 12px !important;

  display: inline-flex !important;
  align-items: center; justify-content: center;
  gap: 12px;

  font-size: 15px;
  letter-spacing: .01em;
  color: #fff !important;
  text-decoration: none !important;
  border: 0 !important;

  background: linear-gradient(135deg,#2ebf4f,#1a9c3a) !important;
  background-size: 200% 100%;
  position: relative; overflow: hidden; isolation: isolate;

  box-shadow: 0 6px 16px rgba(46,191,79,.22) !important;
  transition:
    transform .15s ease,
    box-shadow .18s ease,
    background-position .35s ease,
    filter .20s ease;
}

/* ჰოვერი: მოძრაობა + „შემწკრივება“ */
.dl-cta-wrap a:hover,
.dl-cta-wrap .global_button:hover{
  background-position: -50% 0;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(46,191,79,.28) !important;
}
.dl-cta-wrap a:active,
.dl-cta-wrap .global_button:active{
  transform: none;
  filter: brightness(.98);
}

/* Shine swipe */
.dl-cta-wrap a::after,
.dl-cta-wrap .global_button::after{
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.22) 35%, transparent 60%);
  transform: translateX(-120%);
  transition: transform .6s ease;
  pointer-events: none;
}
.dl-cta-wrap a:hover::after,
.dl-cta-wrap .global_button:hover::after{
  transform: translateX(120%);
}

/* ===== მარცხენა ბეჯი — არსებული markup-ის გამოყენებით (.fdl-btn-icon span/p) ===== */
.dl-cta-wrap .fdl-btn-icon{ display:block !important; padding:0 !important; }
.dl-cta-wrap .fdl-btn-icon p{ padding:0 !important; margin:0 !important; line-height:1 !important; }

/* აიქონის ბეჯი */
.dl-cta-wrap .fdl-btn-icon span{
  position:absolute !important;
  left:18px; top:50%;
  transform: translateY(-50%);
  width:34px; height:34px;
  display:grid; place-items:center;
  border-radius:999px;
  font-size:18px;
  background: rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.25);
  transition: transform .18s ease, filter .18s ease;
}

/* აიქონის shake მხოლოდ ამ ღილაკზე (ვერტიკალური ცენტრი არ იკარგება) */
@keyframes dl-shake{
  0%{   transform: translateY(-50%) rotate(0); }
  25%{  transform: translateY(-50%) rotate(6deg); }
  50%{  transform: translateY(-50%) rotate(0); }
  75%{  transform: translateY(-50%) rotate(-6deg); }
  100%{ transform: translateY(-50%) rotate(0); }
}
.dl-cta-wrap a:hover .fdl-btn-icon span,
.dl-cta-wrap .global_button:hover .fdl-btn-icon span{
  animation: dl-shake .5s ease infinite;
}

/* თუ აიქონი <i>/<svg>/<img>-ით არის — მივცეთ იგივე ვიზუალი */
.dl-cta-wrap a i,
.dl-cta-wrap a svg,
.dl-cta-wrap a img,
.dl-cta-wrap .global_button i,
.dl-cta-wrap .global_button svg,
.dl-cta-wrap .global_button img{
  position:absolute; left:18px; top:50%;
  transform: translateY(-50%);
  width:34px; height:34px; border-radius:999px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.25);
  font-size:18px;
}

/* ძველი პსევდო-აიქონის გათიშვა, თუ სადმე გაჩნდებოდა */
.dl-cta-wrap a::before,
.dl-cta-wrap .global_button::before{ content: none !important; }

/* პატარა ზომა მობილურზე */
@media (max-width:640px){
  .dl-cta-wrap a,
  .dl-cta-wrap .global_button{
    --cta-h: 44px;
    font-size: 14px;
    padding-left: 58px !important; /* ცოტა ვავიწროებ ბეჯის ადგილს */
  }
}

/* UPDATE MESSAGE
----------------------------------------------- */
.cont-message-info {color: #5c5c5c; line-height: 1.5; margin-bottom: 20px; 
    background-color: #d437300d; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    border: 1px solid #d43730; position: relative; padding: 15px 20px; border-left-width: 44px;}

.cont-message-info::before {content:"\f590"; font-family:"Font Awesome 6 Free"; font-weight: 300; font-size: 25px;
    color: #fff; margin-top: -20px; position: absolute; left: -44px; top: 50%; width: 44px; text-align: center;}

.dt-is-active .cont-message-info {color: #ccc;}
.dt-is-active .button_head {color: #ccc;}
.dt-is-active .fullstory_table td, th {border: 1px solid #d437309e;}
.dt-is-active .fdl-btn-icon p {color: #fff;}

.button_head {display: block; width: 100%; text-align: center; font-size: 16px; color: #11212e;}
.torrent-buttons {display: flex; align-items: center; justify-content: center;gap: 30px; margin: 20px 0;}
.torrent-buttons a {display: flex; align-items: center; padding: 15px;border-radius: 5px; gap: 10px; border: 1px solid transparent;}
.torrent-buttons a img {width: 30px;}
.torrent-buttons .torrent_button:hover {color: #5bcf5f;}
.torrent-buttons .qbtorrent_button:hover {color: #326ec0;}
.torrent-buttons .torrent_button:hover img {animation: shakingAnim 0.5s ease infinite;}
.torrent-buttons .qbtorrent_button:hover img {animation: shakingAnim 0.5s ease infinite;}

@media screen and (max-width: 330px) {
    .torrent-buttons {flex-direction: column;}
    .canirunit {padding: 10px 90px !important;}
}

.download_table {width: 100%;display: flex;justify-content: space-between;border-top: 1px solid #f3c9c7;border-bottom: 1px solid #f3c9c7;border-right: 1px solid #f3c9c7;margin-bottom: 20px;}

.download_table .table_section {display: flex;width: 100%;flex-direction: column;border-left: 1px solid #f3c9c7;}
.download_table .table_section:first-child {width: 25%;}
.download_table .table_section:last-child {width: 25%;background-color: #4CAF50;}
.download_table .table_section span:last-child {border: none !important;}
.download_table .table_section span {padding: 10px;border-bottom: 1px solid #f3c9c7;flex-grow: 1;height: 40px;line-height: 20px;}
.download_table .table_section span.fa {color: #fff;}
.download_table .table_section span.fa:hover {}

@media screen and (max-width: 525px) {
    .download_table {width: 100%;align-items: center;justify-content: center;border: none;}
    .download_table .table_section {width: 100% !important; display: none;}
    .download_table .table_section:last-child {display: flex;width: 100% !important;!i;!;=:center;align-items: center;}
    .download_table .table_section {border: none;}
}

.sik-buttons {display: flex; gap: 5px;color: #fff;}
.sik-buttons li {cursor: pointer; padding: 8px;background-color: var(--bg-btn-dark);box-shadow: var(--bsh-btn-dark);border-radius: 5px;}
.sik-buttons li:hover {color: #d43730;}
.title_spoiler {display: flex;justify-content: center;align-items: center;}
.title_spoiler img {margin: 0 !important;mix-blend-mode: darken;}

.dt-is-active .scriptcode, .dt-is-active .title_spoiler, .dt-is-active .text_spoiler {background: #11212e;border: 1px solid #d437305e;}

.dt-is-active .title_spoiler a {color: #fff;}

.dt-is-active .title_spoiler img {
    mix-blend-mode: color-dodge;
}

/* ===== Download Panel — ULTRA MODERN STYLE (BASE) ===== */
.download-panel{
  position: relative;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.04);
  box-shadow: 0 4px 20px rgba(0,0,0,.04);
  padding: 22px 22px 20px;
  margin: 32px 0;
  transition: box-shadow .25s ease, transform .2s ease;
}
.download-panel:hover{
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* Header: left meta / right CTA */
.dl-header{
  display: grid;
  gap: 20px;
  align-items: center;
  margin-bottom: 14px;
}

/* ===== Meta info chips (TOP) ===== */
.dl-meta{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px,1fr);
  gap: 14px;
}
.dl-meta .meta{
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 10px 14px;
  background: #fafafa;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 12px;
  transition: all .18s ease;
}
.dl-meta .meta i{
  width:28px; height:28px; display:grid; place-items:center;
  color: #d43730;
  background: rgba(212,55,48,.08);
  border: 1px solid rgba(212,55,48,.18);
  border-radius: 8px;
  font-size: 13px;
}
.dl-meta .kv{ display:flex; flex-direction:column; line-height:1.3; }
.dl-meta .kv span{ font-size:12px; color:#6b7280; }
.dl-meta .kv strong{ font-size:15px; font-weight:700; color:#111827; }
.dl-meta .meta:hover{
  background: #fff;
  border-color: rgba(212,55,48,.25);
  box-shadow: 0 4px 12px rgba(212,55,48,.08);
  transform: translateY(-2px);
}

/* CTA button (TOP) */
.dl-cta-wrap{ display:grid; align-items:center; }
.dl-cta-wrap a,
.dl-cta-wrap button,
.dl-cta-wrap .btn,
.dl-cta-wrap .global_button{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height: 52px; padding: 0 24px;
  border-radius: 12px;
  background: linear-gradient(135deg,#2ebf4f,#1a9c3a);
  color:#fff !important;
  font-weight:700;
  font-size:15px;
  text-decoration:none !important; border:0 !important;
  box-shadow: 0 6px 16px rgba(46,191,79,.22);
  transition: all .18s ease;
}
.dl-cta-wrap a:hover{
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 10px 24px rgba(46,191,79,.28);
  filter: brightness(1.05);
}
.dl-cta-wrap a:active{ transform:none; box-shadow: 0 6px 16px rgba(46,191,79,.22); }

/* ===== OLD Password box (კონსისტენტობისთვის ინახება, თუ სადმე გიგნება) ===== */
.dl-pass{
  display:flex; align-items:center; gap:10px;
  margin-top: 16px;
  padding: 12px 14px;
  background: rgba(212,55,48,.04);
  border: 1px solid rgba(212,55,48,.18);
  border-left: 4px solid #d43730;
  border-radius: 10px;
  font-size:14px;
}
.dl-pass i{ color:#d43730; font-size:15px; }
.dl-pass span{ color:#374151; }
.dl-pass strong{ color:#d43730; }

/* ===== Clients / Extra (legacy pills) — საჭიროების შემთხვევაში ===== */
.dl-clients{ margin-top: 18px; }
.dl-clients-title{
  font-weight: 700; font-size: 13px; color:#111827;
  margin-bottom: 10px; letter-spacing:.02em;
}
.dl-clients-row{ display:flex; flex-wrap:wrap; gap: 10px; justify-content:center; }
.client{
  display:inline-flex; align-items:center; gap:8px;
  padding: 9px 14px;
  background: #f9fafb;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 999px;
  color: #111827;
  font-weight:500;
  text-decoration:none;
  transition: all .18s ease;
}
.client img{ width:20px; height:20px; object-fit:contain; }
.client:hover{
  background: rgba(212,55,48,.05);
  border-color: rgba(212,55,48,.25);
  transform: translateY(-1px);
}

.dl-extra{ margin-top: 14px; }
.dl-extra .dl-extra-row{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.dl-extra .dl-extra-row a{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  background: #f9fafb;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 8px;
  color: #111827;
  font-size:14px;
  transition: all .18s ease;
}
.dl-extra .dl-extra-row a:hover{
  border-color: rgba(212,55,48,.28);
  background: #fff;
  transform: translateY(-1px);
}
.kv2 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between !important;
}
/* ===== Responsive (TOP) ===== */
@media (max-width: 980px){
  .dl-header{ grid-template-columns: 1fr; gap:14px; }
  .dl-cta-wrap a{ width:100%; }
}
@media (max-width: 640px){
  .dl-meta{
    grid-auto-flow: row;
    grid-template-columns: 1fr;
  }
  .dl-meta .meta{ min-width: 0; }
}

/* ===================================================================== */
/* ===== NEW: ქვედა ჩიპები — პაროლი / კლიენტები / კრეკი (გვერდიგვერდ) ===== */
.dl-meta-bottom{
  display: grid;
  grid-auto-flow:  row;
  grid-auto-columns: minmax(220px,1fr);
  gap: 12px;
}
.dl-meta-bottom .meta{
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 10px 14px;
  background: #fafafa;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  transition: background .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.dl-meta-bottom .meta i{
  width:28px; height:28px;
  display:grid; place-items:center;
  border-radius: 8px;
  font-size:13px;
  background: rgba(0,0,0,.06);
  color:#111827;
}
.dl-meta-bottom .meta.is-pass i{ background:rgba(212,55,48,.10); color:#d43730; }
.dl-meta-bottom .meta.is-blue i{ background:rgba(30,90,150,.10); color:#1e5a96; }

.dl-meta-bottom .kv{ display:flex; flex-direction:column; gap:4px; line-height:1.25; }
.dl-meta-bottom .kv span{ font-size:12px; color:#6b7280; }
.dl-meta-bottom .kv strong{ font-size:14px; color:#111827; font-weight:700; }

.dl-meta-bottom .meta:hover{
  background:#fff;
  border-color: rgba(212,55,48,.25);   
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

/* Pills ჩიპის შიგნით (utorrent/qbittorrent) */
.dl-meta-bottom .dl-pills{ display:flex; gap:6px; flex-wrap:wrap; }
.dl-meta-bottom .dl-pills .pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  font-size:12px; font-weight:600; color:#111827;
  text-decoration:none;
  transition: transform .12s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
  white-space:nowrap;
}
.dl-meta-bottom .dl-pills .pill img{
  width:18px; height:18px; object-fit:contain; flex-shrink:0;
}
.dl-meta-bottom .dl-pills .pill:hover{
  background: rgba(212,55,48,.05);
  border-color: rgba(212,55,48,.25);
  transform: translateY(-1px);
}

/* Crack CTA ჩიპის შიგნით — ლურჯი */
.dl-cta--blue .global_button,
.dl-cta--blue a,
.dl-cta--blue button{
  min-height: 34px;
  padding: 0 12px;
  border-radius: 9px;
  background: linear-gradient(135deg,#1e5a96,#2f76c4) !important;
  box-shadow: 0 4px 12px rgba(30,90,150,.22);
  font-size: 13px;
}
.dl-cta--blue a:hover,
.dl-cta--blue button:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(30,90,150,.26);
}

/* ---- მხოლოდ ტორენტ ქარდისთვის: 3 სვეტის განლაგება ---- */
.dl-meta-bottom .meta.has-actions{
  grid-template-columns: 34px 1fr auto; /* აიქონი | ტექსტი | პილები */
}

/* პილები მარჯვნივ მიეწებების */
.dl-meta-bottom .meta.has-actions .dl-pills{
  justify-self: end;
}

/* RESPONSIVE: ვიწრო ეკრანზე პილები ჩამოდი ხაზზე */
@media (max-width: 640px){
  .dl-meta-bottom .meta.has-actions{
    grid-template-columns: 34px 1fr;
  }
  .dl-meta-bottom .meta.has-actions .dl-pills{
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 8px;
  }
}

/* ---- აიქონის ბეჯი, რომ იყოს P.S.-ის სტილში (თეთრი წრე) ---- */
.dl-meta-bottom .meta.is-clients i{
  width:34px; height:34px;
  border-radius: 999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  color:#2563eb;             /* მსუბუქი ლურჯი აქცენტი */
  font-size:16px;            /* FA icon size */
  display:grid; place-items:center;
}

/* სვეტები: აიქონი | ტექსტი | ღილაკი — მხოლოდ არქივზე პაროლისთვის */
.dl-meta-bottom .meta.is-archive.has-actions{
  grid-template-columns: 34px 1fr auto;
}
.dl-meta-bottom .meta.is-archive.has-actions .dl-btn{
  justify-self: end;
}

/* ბეჯი აიქონი */
.dl-meta-bottom .meta.is-pass.is-archive i{
  width:34px; height:34px;
  display:grid; place-items:center;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  font-size:16px;
  color:#d43730;
}

/* ბლარი პაროლზე */
.dl-meta-bottom .meta .secret{
  filter: blur(6px);
  text-shadow: 0 0 6px rgba(0,0,0,.15);
  transition: filter .18s ease;
  user-select: none;
}
.dl-meta-bottom .meta .secret.revealed{
  filter: none;
  text-shadow: none;
  user-select: text;
}

/* პატარა ღილაკი მარჯვნივ */
.dl-btn{
  display:inline-flex; align-items:center; gap:8px;
  height:34px; padding:0 12px; border-radius:9px;
  font-size:12px; font-weight:700; cursor:pointer;
  transition: transform .12s ease, box-shadow .18s ease,
              border-color .18s ease, background .18s ease;
}
.dl-btn--ghost{
  background:#fff; border:1px solid rgba(0,0,0,.12); color:#111827;
}
.dl-btn--ghost:hover{
  transform: translateY(-1px);
  border-color: rgba(212,55,48,.25);
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}
.dl-btn--sm{ height:30px; padding:0 10px; border-radius:8px; }

/* მობილურზე ღილაკი ჩავიდეს ქვემოთ მთელ სივრეწეზე */
@media (max-width:640px){
  .dl-meta-bottom .meta.is-archive.has-actions{
    grid-template-columns: 34px 1fr;
  }
  .dl-meta-bottom .meta.is-archive.has-actions .dl-btn{
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 8px;
  }
}


/* ===== P.S. — ფართო რბილი ზოლი ===== */
.dl-box{
  background:#fafafa;
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px;
  padding:14px;
  transition:box-shadow .18s ease, transform .12s ease, border-color .18s ease;
}
.dl-box:hover{
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  border-color:rgba(212,55,48,.25);
}
.dl-box.is-note{
  background:#f9fafb;
  border-color:rgba(0,0,0,.06);
}
.dl-box.is-note:hover{
  border-color:rgba(212,55,48,.25);
}

/* ძველი .dl-box-title თუ დარჩა სადმე — დამალე */
.dl-box .dl-box-title{ display:none; }

/* ===== Inline layout: აიქონი + ტექსტი ===== */
.dl-note{
  display:grid;
  grid-template-columns:auto 1fr; /* აიქონი + ელასტიური ტექსტი */
  align-items:center;
  column-gap:12px;
  padding:14px 16px;
}

/* პატარა „ტორენტის-სტილის“ ბეჯი აიქონი */
.dl-note__icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  color:#2563eb;             /* კითხვის ნიშანი — მსუბუქი აქცენტი */
  font-size:18px;            /* Font Awesome 6 რეგულარი */
}

/* ტექსტი თანაბრად გასწვრივ, ვერტიკალურად ცენტრირებული */
.dl-note__text{
  margin:0;
  line-height:1.6;
  color:#374151;
  font-size:14px;
  word-break:break-word;
}

/* ===== Responsive — ქვედა ჩიპები რიგებად დაიშალოს ===== */
@media (max-width: 980px){
  .dl-meta-bottom{
    grid-auto-flow: row;
  }
}
@media (max-width: 620px){
  .dl-meta-bottom{
    grid-template-columns: 1fr;
  }
}

/* OPTIONAL: ყოველთვის სამი სვეტი დიდ ეკრანებზე
@media (min-width: 1120px){
  .dl-meta-bottom{
    grid-auto-flow: initial;
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}
*/



/* კომენტარის დამატება სტუმარი */
.acf_av {
    float: left;
    width: 55px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    position: relative;
    height: 55px;
    overflow: hidden;
}
.acf_av img {
    width: 55px;
}
.acf_text {
    margin-left: 70px;
    padding-bottom: 20px;
}
.acf_text .bbcodes {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.acf_block {
    background: url("https://gta.wog.ge/templates/GTAWOGv3/images/com_add_block.jpg") no-repeat center center;
    height: 243px;
    margin: 0 auto;
    padding-top: 40px;
}
.acf_block_text {
    background: url("https://exe.ge/templates/Uspace-New/images/lock_com.webp") no-repeat top center;
    padding-top: 80px;
    text-align: center;
    color: #fff;
}

.global_button.acf_block_button {
    background: #d43730;
    color: #fff;
    width: 290px;
    margin: 20px auto 0 auto;
    padding: 10px;
    border-radius: 5px;
    transition: 0.3s;
}
.global_button.acf_block_button:hover {
    transform: scale(1.1);
}
/* კომენტარის დამატება სტუმარი */

.soft-card {
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: all 0.3s ease;
    padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.soft-card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.soft-card:hover .soft-card-img img {
    transform: scale(1.03);
}

.soft-card .soft-card-img {
	width: 229px;
    height: 317px;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
	align-self: center;
    position: relative;
    background: var(--photo-bg);
    overflow: hidden; /* ლენტი სწორად დაჯდეს */
}

.soft-card .soft-card-img img {
    width: 100%;
    height: 322px;
    object-fit: cover;
    display: block;
    border-radius: 0px;
    transition: all 0.3s ease-in-out;
}

.soft-card .item_link {
    display: block;
}

.soft-card .item_link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.soft-card .item_link .soft-card-title {
    font-size: 18px;
    line-height: 1.2;
    margin: 15px 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 700;
}

.soft-card .soft-card-category {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--tt-2);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
    height: 12px;
}

.soft-card .soft-card-meta {
    margin-top: 20px;
    border-top: 1px solid var(--soft-border);
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: var(--tt-2);
}

.soft-card .soft-card-meta span i {
    color: var(--soft-icons);
}

/* --- Ribbon: მხოლოდ მორბენალი, ცენტრის ტექსტი დამალულია --- */
.soft-card-img{ position:relative; overflow:hidden; border-radius:16px; }

.soft-card-ribbon{
  --fade: 8px;
  position:absolute; 
  left:0; 
  right:0; 
  bottom:0;
  height:42px; display:flex; align-items:center; justify-content:center;
  padding:0 12px;
  background:#d43730;  /* შენსავით */
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  -webkit-mask-image:linear-gradient(to top, rgba(0,0,0,1) calc(100% - var(--fade)), rgba(0,0,0,0) 100%);
          mask-image:linear-gradient(to top, rgba(0,0,0,1) calc(100% - var(--fade)), rgba(0,0,0,0) 100%);
  pointer-events:none; z-index:3; overflow:hidden; isolation:isolate;

  /* ვმალავთ HTML-ის ტექსტს, მარტო ფონური marquee ჩანს */
  font-size:0; line-height:0; 
  color: #fffff;
}

/* ფონური მორბენალი ტექსტი — ლუპი, წითელი, მსუბუქი */
.soft-card-ribbon::after{
  /* გრძელი შაბლონი, რომ ნახტომი არ იყოს */
  content: "• Exclusive • Exclusive • Exclusive • Exclusive • Exclusive • Exclusive • Exclusive • Exclusive • Exclusive • Exclusive • ";
  position:absolute; left:0; top:50%;
  transform: translateY(-50%) translateX(0);
  white-space:nowrap;
  font-size:13px;               /* წერტილიც უკეთ ჩანს */
  font-weight:800;              /* სქელი წერტილი */
  letter-spacing:.18em;
  color: rgba(255,255,255,.65);
  will-change: transform;
  animation: ribbon-marquee 11s linear infinite;
  z-index:0;
}


/* იგივე ლურჯი პატარა gradient-ზე */
.soft-card:hover .soft-card-ribbon{
  background: linear-gradient(180deg,#1e5a96 0%, #296cab 100%);
}

/* გლუვი უსასრულო მოძრაობა */
@keyframes ribbon-marquee{
  from { transform: translateY(-50%) translateX(0); }
  to   { transform: translateY(-50%) translateX(-50%); } /* შიგთავსი საკმარისად გრძელია */
}

/* Reduced motion მხარდაჭერა */
@media (prefers-reduced-motion: reduce){
  .soft-card-ribbon::after{ animation: none; }
}


.plugin-item {
    /* width: 300px; */
    background-color: var(--bg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
    position: relative;
    transition: 0.3s ease-in;
    overflow: hidden;
}

.plugin-item:hover .plugin-item-img img {transform: scale(1.07);}
.plugin-item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.plugin-item .plugin-item-img {
    height: 150px;
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.plugin-item .plugin-item-img .plugin-icon {
    box-shadow: 0 0 0 5px var(--bg);
    position: absolute;
    right: 20px;
    bottom: -15px;
    z-index: 999;
    width: 30px;
    height: 30px;
    background-color: var(--soft-icons);
    color: var(--bg);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    border-radius: 15px;
}

.plugin-item .plugin-item-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(19, 46, 75, 0.5);
    z-index: 1;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.plugin-item .plugin-item-img img,
.plugin-main-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    display: block;
    transition: 0.3s ease-in;
}

.plugin-bottom-content {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 20px;
    background-color: var(--bg);
    position: relative;
    z-index: 99;
}

.plugin-main-img {
    width: 74px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #ecf1f7;
    transition: all 0.5s ease;
}

.plugin-main-img img {
    transition: all 0.5s ease;
}

.plugin-description {
    flex: 1 1 0;
    max-width: 100%;
    min-width: 50px;
    line-height: 1.5;
}

.plugin-description a {
    display: block;
}
.plugin-description a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.plugin-description a h3 {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.plugin-description .plugin-category {
    margin: 3px 0 6px 0;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--tt-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.plugin-meta {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--tt-2);
}

.plugin-meta span:first-child {
    flex: 1 1 0;
    max-width: 100%;
    min-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.plugin-meta span i {
    font-size: 1em;
    color: var(--soft-icons);
    margin-right: 3px;
}

.caroseul_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.caroseul_head .sldsds {
    display: flex;
    align-items: center;
    gap: 30px;
}

.caroseul_head .sldsds h2 {
    font-size: 22px;
}

.slider_nav div {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0 20px;
    width: 30px;
    height: 40px;
    white-space: nowrap;
    gap: 10px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--accent);
    color: var(--bg);
}


@media screen and (max-width: 410px) {
    .caroseul_head {
        flex-direction: column;
        gap: 20px;
    }

}

@media screen and (max-width: 315px) {
    .sldsds {
        flex-direction: column;
        gap: 20px;
    }
}

/* Blog Short-story */

.news-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(318px, 1fr));
    grid-gap: 20px 20px;
    grid-auto-flow: row dense;
    align-items: stretch;
}
.news-card {
    background: var(--bg);
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 5%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.news-card:hover .news-card-2 img {
    transform: scale(1.1);
}
.news-card-2 {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.news-card .news-card-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 12px;
}
.news-card .news-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    transition: 0.3s ease-in;
}
.news-content {
    margin-bottom: 10px;
    flex-grow: 1;
}
.news-content h3 {
    font-size: 18px;
    margin: 15px 0;
}
.news-content p {
    font-size: 14px;
    color: var(--tt-3);
}
.news-footer {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    font-size: 12px;
    color: var(--accent-gray);
    border-top: 1px solid var(--bg-2);
    margin-top: auto;
}
.news-footer .addit {
    display: flex;
    align-items: center;
    gap: 10px;
}
.news-footer > div,
.news-footer .addit > div span {color: var(--tt-3);}
/* Sort */
.sort {
    display: flex;
    align-items: center;
    gap: 20px;
}
.sort li {
    border: 1px solid var(--bdc);
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.sort li a {
    display: block;
    color: var(--accent-gray);
}

.sort li:nth-child(2),
.sort li:nth-child(4),
.sort li:nth-child(5) {
    display: none;
}

/* Blog Slider */
.blog-grid-news {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
    width: 1115px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 60px 20px 60px;
    box-sizing: border-box;
}

.blog-grid-item {
    background-color: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}
.blog-grid-item:hover img {
    transform: scale(1.07);
}
.blog-grid-item a {
    height: 100%;
    display: inline-flex;
    color: #fff;
}

.featured-news {
    grid-row: span 2;
}

.blog-grid-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: 0.5s ease;
}

.news-content_22 {
    padding: 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.featured-news .news-content_22 {
    padding: 20px;
}

.news-title_22 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.2;
}

.featured-news .news-title_22 {
    font-size: 22px;
}

.news-date_22 {
    font-size: 12px;
    opacity: 0.8;
    color: var(--tt-2);
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .blog-grid-news {
        grid-template-columns: 1fr;
        padding: 40px 20px;
    }

    .featured-news {
        grid-row: auto;
    }
}
.short-bottom {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
@media screen and (max-width: 761px) {
    .short-bottom {
        flex-direction: column;
        gap: 20px;
    }
}

@media screen and (max-width: 395px) {
    .short-bottom ul {
        flex-direction: column;
        gap: 20px;
    }
}

.short-bottom ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.ramfss {
    display: flex;
    align-items: center;
    gap: 10px;
}
.short-bottom-full .ramfss {
	justify-content: center;
	padding: 10px;
}
.short-bottom-full ul .ramfss div,
.short-bottom-full ul span.favv {
    border: 1px solid var(--ui-bdc);
    border-radius: 50%;
    padding: 14px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--tt-3);
    transition: all 0.3s;
}

.short-bottom-full ul .ramfss div:hover,
.short-bottom-full ul span.favv:hover {
    border: 1px solid var(--accent);
    color: var(--accent);
}

.short-bottom ul .ramfss div,
.short-bottom ul span.favv {
    border: 1px solid var(--ui-bdc);
    border-radius: 50%;
    padding: 14px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--tt-3);
    transition: all 0.3s;
}

.short-bottom ul .ramfss div:hover,
.short-bottom ul span.favv:hover {
    border: 1px solid var(--accent);
    color: var(--accent);
}

.short-bottom3 ul .ramfss div,
.short-bottom3 ul span.favv {
    border: 1px solid var(--ui-bdc);
    border-radius: 50%;
    padding: 14px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--tt-3);
    transition: all 0.3s;
}

.short-bottom3 ul .ramfss div:hover,
.short-bottom3 ul span.favv:hover {
    border: 1px solid var(--accent);
    color: var(--accent);
}

.dat-auth {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
    font-size: 13px;
}

/* SLIDER IMAGE FIXED SIZE */
.bslide.img-responsive {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xfieldimage.slider_image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.bslide.img-responsive {
    min-height: 350px;
    max-height: 400px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Brands აიქონებიც იმავე პოზიციაზე, როგორც .fal */
.side-block__menu li .fab,
.side-block__menu li .fa-brands {
  position: absolute;
  left: 0;
  top: 18px;                 /* იგივე რაც .fal-ს აქვს */
  pointer-events: none;
  color: var(--tt-dark);
  font-size: 16px;
}

/* წერტილოვანი კორექცია Apple-ისთვის (ვერტიკალი ოდნავ განსხვავდება) */
.side-block__menu li .fa-apple {
  top: 17px;                 /* 16–18px-ით მოასწორე, თუ დაგჭირდება */
  transform: translateY(1px);
}

/* ყოვლის შემთხვევაში დარწმუნდით რომ მეტა-რიგი ზედა კიდეზე მიეყრდნოს */
.page__subcol-meta{
  align-self: start;
  margin-top: 0;
}

/* ===========================
   SCREENSHOTS — BIGGER + HOVER + CENTERED + DARK
   =========================== */
:root{
  --ss-gap: 16px;
  --ss-radius: 12px;
  --ss-ring: #2ebf4f;
  --ss-bg: #f8fafc;
  --ss-bdc: rgba(0,0,0,.06);
  --ss-shadow: 0 6px 16px rgba(0,0,0,.04);
}
body.dt-is-active{
  --ss-bg: #0f1d29;
  --ss-bdc: rgba(255,255,255,.08);
  --ss-shadow: 0 6px 16px rgba(0,0,0,.12);
}

/* კონტეინერი (ul / div) */
.xfieldimagegallery_screenshots,
.screeenshots,
ul[class*="screenshot"], ul[id*="screenshot"]{
  --cols: 4;                               /* ← რამდენი სვეტი დიდ ეკრანზე (გადიდებისთვის 3 ან 4) */
  display:flex; flex-wrap:wrap; gap:var(--ss-gap);
  justify-content:center;                  /* ბოლოს რიგიც ცენტრში */
  list-style:none; padding:16px; margin:20px 0;
  background:var(--ss-bg);
  border:1px solid var(--ss-bdc);
  border-radius:14px;
  box-shadow:var(--ss-shadow);
}

/* ზოგ ზოგად .desc წესებს ვანულებთ, რომ არ დაგვიმტვრიოს ლეიაუთი */
.desc ul[class*="screenshot"],
.desc .screeenshots,
.desc .xfieldimagegallery_screenshots{ padding:16px; margin:20px 0; }
.desc ul[class*="screenshot"] li,
.desc .screeenshots li,
.desc .xfieldimagegallery_screenshots li{ padding:0!important; margin:0!important; position:static!important; }

/* ელემენტი (li) — დიდი ზომა */
.xfieldimagegallery_screenshots li,
.screeenshots li,
ul[class*="screenshot"] li,
ul[id*="screenshot"] li{
  flex: 0 1 calc((100%/var(--cols)) - var(--ss-gap));
  max-width: calc((100%/var(--cols)) - var(--ss-gap));
  aspect-ratio: 16 / 9;                     /* ერთიანი პროპორცია */
  position:relative; overflow:hidden;
  border-radius:var(--ss-radius);
  background:#fff;
  box-shadow: inset 0 0 0 1px var(--ss-bdc);
  transition: transform .18s ease, box-shadow .2s ease;
}
.xfieldimagegallery_screenshots li:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* ლინკი ვაფარებთ მთელ ქარდს და მასზე ვხატავთ hover overlay-ს */
.xfieldimagegallery_screenshots li > a,
.screeenshots li > a,
ul[class*="screenshot"] li > a,
ul[id*="screenshot"] li > a{
  display:block; height:100%; position:relative; z-index:1;
  border-radius:inherit;
}
.xfieldimagegallery_screenshots li > a::after{
  content:''; position:absolute; inset:0;
  border:2px solid var(--ss-ring); border-radius:inherit;
  opacity:0; pointer-events:none; transition:opacity .2s ease;
  z-index:2;
}
.xfieldimagegallery_screenshots li > a::before{
  content:'\f002'; /* fa-solid magnifying-glass */
  font-family:"Font Awesome 6 Free"; font-weight:900;
  position:absolute; left:50%; top:50%; width:36px; height:36px;
  display:grid; place-items:center; border-radius:999px;
  transform:translate(-50%,-50%) scale(.85);
  color:#fff; background:rgba(0,0,0,.45);
  opacity:0; pointer-events:none; z-index:3;
  transition:opacity .2s ease, transform .2s ease;
}
.xfieldimagegallery_screenshots li:hover > a::after,
.xfieldimagegallery_screenshots li:hover > a::before{
  opacity:1; transform:translate(-50%,-50%) scale(1);
}

/* სურათები */
.xfieldimagegallery_screenshots img,
.screeenshots img,
ul[class*="screenshot"] img{
  width:100%; height:100%; display:block; object-fit:cover;
  border-radius:inherit;
  transition: transform .35s ease, filter .25s ease;
}
.xfieldimagegallery_screenshots li:hover img{ transform:scale(1.06); filter:saturate(1.05); }

/* Responsive: ცოტა ნაკლები სვეტი მცირე ეკრანებზე */
@media (max-width:1200px){
  .xfieldimagegallery_screenshots,
  .screeenshots,
  ul[class*="screenshot"], ul[id*="screenshot"]{ --cols: 3; }
}
@media (max-width:900px){
  .xfieldimagegallery_screenshots,
  .screeenshots,
  ul[class*="screenshot"], ul[id*="screenshot"]{ --cols: 2; }
}
@media (max-width:520px){
  .xfieldimagegallery_screenshots,
  .screeenshots,
  ul[class*="screenshot"], ul[id*="screenshot"]{ --cols: 1; }
}

/* spoiler overflow fix

/* 1) სტრიქონები არ უნდა “ჩაჭედოს” nowrap-ით */
.full-text .text_spoiler,
.full-text .text_spoiler * {
  white-space: normal !important;
}

/* 2) გრძელი სიტყვები/URL-ები დაიმტვრეს და არ დაანგრიონ განიერი კონტენტი */
.full-text .text_spoiler,
.full-text .text_spoiler p,
.full-text .text_spoiler a,
.full-text .text_spoiler code,
.full-text .text_spoiler pre {
  overflow-wrap: anywhere;   /* modern */
  word-break: break-word;    /* fallback */
}

/* 3) თუ მშობელი არის flex, შვილს უნდა ჰქონდეს min-width:0 — სხვაგვარად გადაჭიმავს */
.full-text, .full-text * {
  min-width: 0;  /* უსაფრთხო override flex children-ზე */
}

/* 4) გამჭიმე ჰორიზონტალური სქროლით, თუ მაინც გაწვდა */
.full-text .text_spoiler {
  max-width: 100%;
  overflow-x: auto;
}

/* (არ ტკივა) სურათები/ვიდეოები არასდროს არ გაფართოვდეს კონტეინერზე  */
.full-text img, .full-text video {
  max-width: 100%;
  height: auto;

/* ═══════════════════════════════════════════════
   SPOILER TABS + MODAL
   ═══════════════════════════════════════════════ */

#spoiler-tabs-container {
  margin-top: 8px;
  width: 100%;
}

.sp-tabs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sp-tab-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 12px;
  background: #1c1f26;
  color: rgba(255,255,255,0.6);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: normal;
  line-height: 1.3;
}

.sp-tab-btn:hover {
  background: rgba(91,106,191,0.15);
  border-color: rgba(91,106,191,0.4);
  color: #fff;
}

.sp-tab-btn::before {
  content: '';
  display: block;
  min-width: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5b6abf;
  box-shadow: 0 0 5px rgba(91,106,191,0.5);
}

/* MODAL */
#spoiler-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.78);
  backdrop-filter: blur(5px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  animation: sp-fade-in 0.15s ease;
}

@keyframes sp-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

#spoiler-modal-box {
  background: #1c1f26;
  border: 1px solid rgba(255,255,255,0.08);
  border-top: 2px solid #5b6abf;
  border-radius: 12px;
  width: 100%;
  max-width: 700px;
  max-height: 82vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  animation: sp-slide-up 0.2s cubic-bezier(0.34,1.56,0.64,1);
}

@keyframes sp-slide-up {
  from { transform: translateY(24px) scale(0.97); opacity: 0; }
  to   { transform: translateY(0) scale(1); opacity: 1; }
}

#spoiler-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

#spoiler-modal-title {
  font-size: 13px;
  font-weight: 800;
  color: #eaecf0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

#spoiler-modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 6px;
  color: rgba(255,255,255,0.4);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.15s;
}

#spoiler-modal-close:hover {
  background: rgba(239,68,68,0.15);
  border-color: rgba(239,68,68,0.4);
  color: #fff;
}

#spoiler-modal-body {
  padding: 20px;
  overflow-y: auto;
  font-size: 13px;
  line-height: 1.8;
  color: rgba(255,255,255,0.6);
  scrollbar-width: thin;
  scrollbar-color: #5b6abf transparent;
}

#spoiler-modal-body::-webkit-scrollbar { width: 4px; }
#spoiler-modal-body::-webkit-scrollbar-thumb { background: #5b6abf; border-radius: 4px; }
#spoiler-modal-body p { margin-bottom: 10px; }

/* === COMMENT RESET - overrides all above === */
.page__comments,
body /* removed */