/* ==========================================================================
   COMBINED CSS: Bootstrap 5 (only used) + main.css + comments.css
   Из 216 КБ Bootstrap оставлено только ~25 КБ реально используемых стилей
   ========================================================================== */

/* --- PART 1: Bootstrap Reboot (minimal) --- */
*,::after,::before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1,.h1{font-size:calc(1.375rem + 1.5vw)}
@media(min-width:1200px){h1,.h1{font-size:2.5rem}}
h2,.h2{font-size:calc(1.325rem + .9vw)}
@media(min-width:1200px){h2,.h2{font-size:2rem}}
h3,.h3{font-size:calc(1.3rem + .6vw)}
@media(min-width:1200px){h3,.h3{font-size:1.75rem}}
h4,.h4{font-size:calc(1.275rem + .3vw)}
@media(min-width:1200px){h4,.h4{font-size:1.5rem}}
p{margin-top:0;margin-bottom:1rem}
ol,ul{padding-left:2rem;margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
b,strong{font-weight:bolder}
small,.small{font-size:.875em}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
th{text-align:inherit;text-align:-webkit-match-parent}
td,th{padding:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit;-webkit-appearance:button}

/* --- PART 2: Bootstrap Container --- */
.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:1400px){.container{max-width:1320px}}

/* --- PART 3: Bootstrap Grid --- */
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.col-auto{flex:0 0 auto;width:auto}
.row-cols-1>*{flex:0 0 auto;width:100%}
@media(min-width:576px){
.col-sm-4{flex:0 0 auto;width:33.33333%}
.row-cols-sm-2>*{flex:0 0 auto;width:50%}
}
@media(min-width:768px){
.col-md-3{flex:0 0 auto;width:25%}
.row-cols-md-3>*{flex:0 0 auto;width:33.33333%}
}
@media(min-width:992px){
.col-lg-3{flex:0 0 auto;width:25%}
.col-lg-6{flex:0 0 auto;width:50%}
.row-cols-lg-3>*{flex:0 0 auto;width:33.33333%}
}
.g-3,.gx-3{--bs-gutter-x:1rem}
.g-3,.gy-3{--bs-gutter-y:1rem}

/* --- PART 4: Bootstrap Buttons --- */
.btn{display:inline-block;font-weight:400;line-height:1.5;color:var(--bs-btn-color,#212529);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width,1px) solid var(--bs-btn-border-color,transparent);padding:var(--bs-btn-padding-y,.375rem) var(--bs-btn-padding-x,.75rem);font-size:var(--bs-btn-font-size,1rem);border-radius:var(--bs-btn-border-radius,.375rem);background-color:var(--bs-btn-bg,transparent);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn:active,.btn.active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn:disabled,.btn.disabled{pointer-events:none;opacity:.65}
.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-focus-box-shadow:0 0 0 .25rem rgba(60,153,110,.5);color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}
.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-focus-box-shadow:0 0 0 .25rem rgba(225,83,97,.5);color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}
.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}
.btn-lg{--bs-btn-padding-y:.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:.5rem}

/* --- PART 5: Bootstrap Badge --- */
.badge{--bs-badge-padding-x:.65em;--bs-badge-padding-y:.35em;--bs-badge-font-size:.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}

/* --- PART 6: Bootstrap Card --- */
.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent,rgba(0,0,0,.125));--bs-card-border-radius:.375rem;--bs-card-bg:#fff;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}

/* --- PART 7: Bootstrap Collapse --- */
.collapse:not(.show){display:none}
.collapse.show{display:block}

/* --- PART 8: Bootstrap Form Control --- */
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #dee2e6;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media(prefers-reduced-motion:reduce){.form-control{transition:none}}
.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::placeholder{color:#6c757d;opacity:1}

/* --- PART 9: Bootstrap Progress --- */
.progress{--bs-progress-height:1rem;--bs-progress-font-size:.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:.375rem;--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}
.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:width .6s ease}
@media(prefers-reduced-motion:reduce){.progress-bar{transition:none}}
.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}
.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}

/* --- PART 10: Bootstrap Breadcrumb --- */
.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-active-color:#6c757d;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}
.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}
.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider,"/")}
.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}

/* --- PART 11: Bootstrap Utilities --- */
.img-fluid{max-width:100%;height:auto}
.list-unstyled{padding-left:0;list-style:none}
.rounded{border-radius:.375rem!important}
.rounded-4{border-radius:.75rem!important}
.rounded-top-4{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}
.rounded-bottom-4{border-bottom-right-radius:.75rem!important;border-bottom-left-radius:.75rem!important}
.rounded-circle{border-radius:50%!important}
.rounded-pill{border-radius:50rem!important}
.d-none{display:none!important}
.d-block{display:block!important}
.d-inline-block{display:inline-block!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.flex-column{flex-direction:column!important}
.flex-wrap{flex-wrap:wrap!important}
.align-items-center{align-items:center!important}
.align-items-end{align-items:flex-end!important}
.justify-content-center{justify-content:center!important}
.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.shadow-none{box-shadow:none!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.border{border:1px solid #dee2e6!important}
.border-0{border:0!important}
.border-bottom{border-bottom:1px solid #dee2e6!important}
.invisible{visibility:hidden!important}
.text-center{text-align:center!important}
.text-nowrap{white-space:nowrap!important}
.text-dark{color:#212529!important}
.text-muted{color:#636b72!important}
.text-secondary{color:#636b72!important}
.text-white{color:#fff!important}
.fw-bold{font-weight:700!important}
.fw-normal{font-weight:400!important}
.fst-normal{font-style:normal!important}
.lh-base{line-height:1.5!important}
.bg-white{background-color:#fff!important}
.bg-gradient{background-image:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0))!important}
.h-100{height:100%!important}
.w-100{width:100%!important}
.m-0{margin:0!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.me-2{margin-right:.5rem!important}
.me-3{margin-right:1rem!important}
.me-auto{margin-right:auto!important}
.ms-3{margin-left:1rem!important}
.ms-auto{margin-left:auto!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pe-4{padding-right:1.5rem!important}
.ps-2{padding-left:.5rem!important}

/* Responsive display & spacing */
@media(min-width:768px){
.d-md-block{display:block!important}
.d-md-none{display:none!important}
.mb-md-4{margin-bottom:1.5rem!important}
}
@media(min-width:992px){
.d-lg-block{display:block!important}
.d-lg-none{display:none!important}
.flex-lg-row-reverse{flex-direction:row-reverse!important}
.row-cols-lg-4>*{flex:0 0 auto;width:25%}
}
@media(min-width:1200px){
.d-xl-none{display:none!important}
.d-xl-block{display:block!important}
}

/* --- PART 12: Bootstrap misc used --- */
mark,.mark{padding:.1875em;background-color:#fff3cd}
sup{top:-.5em}
nobr{white-space:nowrap}

/* ========================================================================== */
/* --- PART 13: main.css --- */
/* ========================================================================== */

:root {
  --bg-card: #0d0f14;
  --bg-card-text: #9b9b9b;
  --bg-light: #fff;
  --bg-dark: #0d0f14;
  --bg-body: #fff5f8;
  --bg-mark: #ff91a538;
  --bg-card-opacity: 50%;
  --bg-success: #11b924;
  --bg-yellow: #ffeebc;
  --bg-blue: #ecf9ff;
  --marker: #ff91a5;
  --radius: 0.5rem;
  --red: #ff6378;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.15));
  --bs-gradient-2: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.05));
}

body {
  font-family: Arial;
  line-height: 1.57;
  font-size: 18px;
  background: var(--bg-body) url('../img/bg.jpg');
}

.container-ny {
  position: relative;
  background: 50% 0px repeat-x url(https://abakan.gadalkav.ru/css/bg-elki.png);
  height: 145px;
  margin-bottom: -60px;
}
.container-ny div {
  position: absolute;
  background: 50% 0px / 612px 142px repeat-x;
  top: 0; left: 0; right: 0; bottom: 0;
}
.container-ny .ny-red-balls { background-image: url(https://abakan.gadalkav.ru/css/red-balls.svg); z-index: 10; }
.container-ny .ny-gold-balls { background-image: url(https://abakan.gadalkav.ru/css/gold-balls.svg); z-index: 9; }
.container-ny .ny-ribbons { background-image: url(https://abakan.gadalkav.ru/css/ribbons.svg); z-index: 8; }

.breadcrumb-item.active a { text-decoration: none; color: #212529; border-bottom: none; }

.shadow-sm { box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.09) !important }
.bg-gradient-2 { background-image: var(--bs-gradient-2) !important; }

@media (max-width: 1199.98px) {
  .shadow-sm { box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.15) !important }
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@keyframes online {
  0% { background: var(--bg-success) }
  50% { background: #07dc1e; box-shadow: 0 0 20px 5px rgba(7,220,30,0.4); }
  100% { background: var(--bg-success) }
}

@keyframes new {
  0% { background: var(red) }
  50% { background: red; }
  100% { background: var(red) }
}

.bg-online { background: var(--bg-success); animation: online 1.8s infinite; font-weight: normal; }

@keyframes bounce {
  0% {transform: translateY(0);}
  4% {transform: translateY(-15px);}
  12% {transform: translateY(+10px);}
  20% {transform: translateY(-7px);}
  27% {transform: translateY(+5px);}
  37% {transform: translateY(0);}
  100% {transform: translateY(0);}
}
.bounce { animation: bounce 5s infinite; }
.bg-new { background: var(--red); animation: new 1.8s infinite; font-weight: normal; }

a { color: #346eb8; border-bottom: 1px solid #bfd3ed; text-decoration: none; }
a:hover { color: #ff2c52; border-color: #ffa7a1; }
a.unset { color: #212529 !important; text-decoration: none !important; border-color: transparent !important; }
.red { color: #cc2244; }
a.text-dashed, .text-dashed { text-decoration: none; border-bottom: 1px dashed; cursor: pointer; }
a.red { color: #cc2244; border-bottom-color: #ffa7a1; }
img.img-fix-valign { position: relative; top: -2px; }

nav { line-height: 1.4rem; }
nav li { margin-top: 0.3rem; margin-bottom: 0.3rem; }
header .top { background: url("../img/bg_girl.jpg") #ffffff no-repeat right !important; }
@media (max-width: 767.98px) { header .top { background-position: left; } }

mark { background: var(--bg-mark); padding: .085em 0; }
mark.mark-success { background: var(--bg-success); color: white; }

.i-heart {
  height: 22px;
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat; background-position: center; color: #ff3347;
  padding-left: 18px; padding-right: 18px;
}

.i-comment {
  background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FF2C52;%7d %3c/style%3e%3cg id='Capa_1'%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M256,9.9C114.8,9.9,0,110.9,0,234.9c0,47.9,18.3,95.5,51.7,134.8L25.3,502.1l124.8-62.4 c33.3,13.4,68.9,20.3,105.9,20.3c141.2,0,256-100.9,256-225S397.2,9.9,256,9.9z M256,429.9c-35.3,0-69.2-6.9-100.5-20.5l-6.4-2.8 l-82.3,41.2l17.4-86.9l-5.1-5.6C47,320,30,278.3,30,234.9c0-107.5,101.4-195,226-195s226,87.5,226,195S380.6,429.9,256,429.9z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='Слой_2'%3e%3cg%3e%3ccircle class='st0' cx='163' cy='284' r='25'/%3e%3ccircle class='st0' cx='259' cy='284' r='25'/%3e%3ccircle class='st0' cx='355' cy='284' r='25'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ") no-repeat;
  height: 22px; width: 22px; display: inline-block;
}

h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 { font-weight: 700; }
h2,.h2,h1,.h1 { border-bottom: 1px solid #ccc; padding-bottom: 1rem; margin-bottom: 1rem; margin-top: 1rem; }
h4,.h4 { margin-bottom: 0.7rem; }
h1::before, h2::before { content: "✨ "; font-size: smaller; color: var(--marker); position: relative; top: -3px; }
h2.h4::before { content: none; }
.no-before::before { content: "" !important; }

ol.numeric { list-style: none; counter-reset: numeric-conter; margin: 0; padding: 0; padding-left: 3rem; }
ol.numeric li::before {
  position: absolute; display: inline-block; width: 2.2rem; height: 2.2rem;
  content: counter(numeric-conter); counter-increment: numeric-conter;
  background: var(--bg-success); color: white; text-align: center;
  line-height: 2.2rem; border-radius: 100px; margin-left: -2.9rem; margin-top: -0.1rem;
}
ol.numeric li { margin-bottom: 0px; padding-bottom: 10px; }
.img-v { position: relative; top: -3px; }
.bg-light { background: var(--bg-light) !important; }
.bg-yellow { background: var(--bg-yellow) !important; }
.border-yellow { --bs-border-color: #e4c9aa; border: 1px solid #e4c9aa; }
.border-top, .border-bottom, .border-left, .border-right { border-color: #ccc !important; }
.bg-yellow-grad { background: linear-gradient(0deg, var(--bg-yellow) 45%, rgba(255,246,210,1) 100%); }
.bg-blue { background: var(--bg-blue); }
.bg-blue-grad { background: linear-gradient(0deg, rgba(227,237,255,1) 0%, var(--bg-blue) 75%); }
.bg-blue-grad_border { border: 1px solid white; box-shadow: 0 1px 0 0px #bfd3ed; }

.list-content, .list-content ul { list-style: none; padding-left: 1rem; margin-top: 0.5rem; margin-bottom: 0; padding-right: 1rem; }
.list-content li { padding-left: 1.25rem; margin-bottom: 0.5rem; position: relative; }
.list-content li::before { content: ""; position: absolute; top: 10px; left: 0; border-radius: 5px; width: 8px; height: 8px; background: var(--marker); }
.list-content a { border-bottom: 1px dashed; }

.card-service { background: var(--bg-card); border: none; }
.card-service > a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: none; z-index: 10; opacity: 0; }
.card-service-img { position: relative; }
.card-service-img img { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
.card-service-img-play { position: relative; cursor: pointer; }
.card-service-img-play a { display: block; height: 100%; width: 100%; }
.card-service-img-play .play { position: absolute; left: 50%; top: 50%; margin-left: -34px; margin-top: -24px; display: block; }
.card-service-img-play:hover .play .ytp-large-play-button-bg { transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1); fill: #212121; fill-opacity: 0.8; }
.card-service-info { padding: 1.5rem; }
.card-service-info p { margin: 0; }
.card-service-info h4, .card-service-info h4 a { color: white; border: none; }
.card-service-info p { color: var(--bg-card-text); }

.btn-success {
  --bs-btn-font-size: 1.1rem; --bs-border-width: 0;
  --bs-btn-bg: var(--bg-success); --bs-btn-border-color: var(--bg-success);
  --bs-btn-hover-bg: #16ad27; --bs-btn-hover-border-color: #16ad27;
  --bs-btn-active-bg: #0ba01b; --bs-btn-active-border-color: #0ba01b;
}
.btn-danger {
  --bs-btn-font-size: 1.1rem; --bs-border-width: 0;
  --bs-btn-bg: var(--red); --bs-btn-border-color: var(--red);
  --bs-btn-hover-bg: #ec586c; --bs-btn-hover-border-color: #ec586c;
  --bs-btn-active-bg: #cf5162; --bs-btn-active-border-color: #cf5162;
}
.btn-secondary { --bs-btn-font-size: 1.1rem; --bs-border-width: 0; }

.top-img-container { position: relative; overflow: hidden; height: 100%; }
.top-img-container img { max-width: 100%; height: auto; }
@media (min-width: 992px) {
  .top-img-container img { top: -9999px; right: 0; bottom: -9999px; margin: auto; position: absolute; max-height: 100%; max-width: none; }
}

.hor-img-container { position: relative; overflow: hidden; height: 100%; }
.hor-img-container img { max-width: 100%; height: auto; }
@media (min-width: 992px) {
  .hor-img-container img { top: -9999px; left: -9999px; right: -9999px; bottom: -9999px; margin: auto; position: absolute; max-width: none; }
}

/* Rating stars */
.rating { display: inline-block; transform: scale(1); white-space: nowrap; position: relative; bottom: -2px; }
.rating i {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/J9cwYAH7AfiB0CciFPFnHYULhMewxygOAGIFRiIBPgMzMfBJstAkIsCkPggVwqQayDIsH40MZBh9cQYygLE66EKDQhoKIBiBmhEgfAHIA5EN1ABahgpQAGKL2DzsiM2CSLAAqheDAM/kGHoAmja/IArUkAShlCFxBpGVCw/JMLAjaQkG30iDDQgxUBiYtueWAMF0PLsAWi4okcY0S40QEq0gUgGwQyGxaoAvsIC2cALUE2KQLwBR+wqQtU8wGUg45dTFygqD7lN9UfLw9HycLQ8HC0Ph0N5CBBgAPidS3kXcnhnAAAAAElFTkSuQmCC');
  background-position: 0 -16px; background-repeat: repeat-x;
  display: inline-block; width: 16px; height: 16px; margin-right: 3px;
}
.rating i:last-child { margin-right: 0px; }
.rating-js i { cursor: pointer; }

.rating[data-stars^="1"] i:nth-child(1),
.rating[data-stars^="2"] i:nth-child(1),.rating[data-stars^="2"] i:nth-child(2),
.rating[data-stars^="3"] i:nth-child(1),.rating[data-stars^="3"] i:nth-child(2),.rating[data-stars^="3"] i:nth-child(3),
.rating[data-stars^="4"] i:nth-child(1),.rating[data-stars^="4"] i:nth-child(2),.rating[data-stars^="4"] i:nth-child(3),.rating[data-stars^="4"] i:nth-child(4),
.rating[data-stars^="5"] i:nth-child(1),.rating[data-stars^="5"] i:nth-child(2),.rating[data-stars^="5"] i:nth-child(3),.rating[data-stars^="5"] i:nth-child(4),.rating[data-stars^="5"] i:nth-child(5) {
  background-position: 0 0px;
}
.rating[data-stars^="0,5"] i:nth-child(1),
.rating[data-stars^="1,5"] i:nth-child(2),
.rating[data-stars^="2,5"] i:nth-child(3),
.rating[data-stars^="3,5"] i:nth-child(4),
.rating[data-stars^="4,5"] i:nth-child(5) {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNpi/J9cwYAH7P+aHvEASCfiUsBtqo/CZ8JjmAMUJwCxAgORAJ+B+TjYZBkIclEAEh/kSgFyDQQZ1o8mBjKsnhhDWYB4PVShAQENBVAMAg+g+AMQB6IbqAA1jBSgAMUXsHnZEZsEEWABVC+GgR/IMHQBNG1+wBUpIAlDqEJiDSMqlh8SYeBGUpKNPhEGGpBiIDGxbU+sgQJoefYANFzRI4xoFxogJdpAJINgBsNiVQBfYYFs4AWoJkUg3oAjdhWhah7gMpDxyym8yW8/VPNoeThaHo6Wh6Pl4XAvDwECDAAOwkx5/Q6V3gAAAABJRU5ErkJggg');
  background-position: 0 0px;
}

/* Widget */
.widget-container { position: fixed; z-index: 9999; text-align: right; right: 15px; bottom: 0px; }
@media (min-width: 768px) { .widget-container { bottom: 60px; } }
.widget-float { box-shadow: 0px 6px 25px rgb(0 0 0 / 25%); }
.widget-float-video { z-index: 9999; position: fixed; box-shadow: 0px 6px 25px rgb(0 0 0 / 25%); right: 15px; bottom: 75px; }
.widget-float-setup { z-index: 9000; position: fixed; box-shadow: 0px 6px 25px rgb(0 0 0 / 25%); right: 15px; bottom: 75px; font-size: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; }

/* Upload / Forms */
.upload { border: 1px solid var(--red); width: 2.5rem; height: 2.5rem; padding: 9px; display: flex; border-radius: 100rem; }
.upload:hover { background: var(--bg-body); cursor: pointer; }
.form-control { resize: none; }
.form-control:focus { outline: none !important; box-shadow: none !important; border-color: silver; }

/* Comments (from main.css) */
.comments > .comment { border-radius: var(--radius); background: white; padding: 1rem; }
.comment .comment { box-shadow: none !important; }
.comment { margin-bottom: 1rem; font-size: 16px; }
.comment .author { margin-bottom: 0.5rem; align-items: center; }
.comment .avatar { width: 2.5rem; height: 2.5rem; border-radius: 100rem; }
.reply-thread { margin-top: 1rem; }
.reply-thread > .comment { margin-left: 1.5rem; }
.reply-link > span { font-size: 0.9rem; color: #346eb8; border-bottom: 1px dashed #346eb8; cursor: pointer; }
.reply-form { padding: 1rem; border-radius: var(--radius); background: #f4f4f4; margin-top: 1rem; position: relative; }
.form-control-rate { display: none; }
.comment > .reply-link { display: block; }
.comment > .reply-form { display: none; }
.comment-new > .reply-form { display: block; margin-top: 0; padding: 0; background: white; }
.comment-new .btn-action-cancel { display: none; }
.comment-new .form-control-rate { display: block; }
.comment-reply-show > .reply-link { display: none; }
.comment-reply-show > .reply-form { display: block; }
.btn-progress { display: none; }
.comment-reply-sending .btn-action-send,
.comment-reply-sending .btn-action-cancel { display: none; }
.comment-reply-sending .btn-progress { display: block; }

/* Likes */
.likes .heart {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ctitle%3Elike_outline_24%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17%2C2.9A6.43%2C6.43%2C0%2C0%2C1%2C23.4%2C9.33c0%2C3.57-1.43%2C5.36-7.45%2C10l-2.78%2C2.16a1.9%2C1.9%2C0%2C0%2C1-2.33%2C0L8.05%2C19.37C2%2C14.69.6%2C12.9.6%2C9.33A6.43%2C6.43%2C0%2C0%2C1%2C7%2C2.9a6.46%2C6.46%2C0%2C0%2C1%2C5%2C2.54A6.46%2C6.46%2C0%2C0%2C1%2C17%2C2.9ZM7%2C4.7A4.63%2C4.63%2C0%2C0%2C0%2C2.4%2C9.33c0%2C2.82%2C1.15%2C4.26%2C6.76%2C8.63l2.78%2C2.16a.1.1%2C0%2C0%2C0%2C.12%2C0L14.84%2C18c5.61-4.36%2C6.76-5.8%2C6.76-8.63A4.63%2C4.63%2C0%2C0%2C0%2C17%2C4.7c-1.56%2C0-3%2C.88-4.23%2C2.73L12%2C8.5l-.74-1.07C10%2C5.58%2C8.58%2C4.7%2C7%2C4.7Z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E);
  width: 24px; height: 24px; margin-right: 0.5rem; cursor: pointer;
}
.likes-active .heart {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E);
}
.likes { opacity: 0.7; cursor: default; transition: opacity 100ms ease-in-out; }
.likes:hover { opacity: 1; }

@keyframes progress-bar-stripes { 0% {background-position-x: -1rem;} }

/* Forum */
.forum { font-size: 1rem; border-radius: var(--radius); box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.09); margin-bottom: 1.5rem; }
.forum .vopros { background: var(--bg-blue); padding: 0.7rem 1rem; border-top-right-radius: var(--radius); border-top-left-radius: var(--radius); border: 1px solid #bdcadf; }
.forum .otvet { background: var(--bg-yellow); padding: 0.7rem 1rem; border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); border: 1px solid #e4c9aa; border-top: none; font-style: italic; }
.forum .vopros p:last-child, .forum .otvet p:last-child { margin-bottom: 0; }

/* ========================================================================== */
/* --- PART 14: comments.css --- */
/* ========================================================================== */

.comments__form { box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.09) !important; background: white; padding: 16px; border-radius: 8px; margin-bottom: 24px; }
.comments__form-inputs { display: flex; column-gap: 16px; }
.comment__form__upload { width: 40px; height: 40px; padding: 9px; flex-shrink: 0; border: 1px solid #ff6378; border-radius: 50%; cursor: pointer; }
.comment__form__upload input { position: absolute; z-index: -1; visibility: hidden; }
.comments__form input[type='text'], .comments__form input[type='email'] { display: block; width: 100%; height: 37px; margin-bottom: 16px; padding: 0.375rem 0.75rem; font-size: 16px; border: 1px solid rgb(192, 192, 192); border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.comments__form textarea { font-family: 'Arial'; display: block; width: 100%; height: 60px; margin-bottom: 16px; padding: 0.375rem 0.75rem; font-size: 16px; border: 1px solid rgb(192, 192, 192); border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; resize: none; }
.comments__form-age { max-width: 30%; }
.comments__rating { margin-bottom: 15px; }
.comments__rating label { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/J9cwYAH7AfiB0CciFPFnHYULhMewxygOAGIFRiIBPgMzMfBJstAkIsCkPggVwqQayDIsH40MZBh9cQYygLE66EKDQhoKIBiBmhEgfAHIA5EN1ABahgpQAGKL2DzsiM2CSLAAqheDAM/kGHoAmja/IArUkAShlCFxBpGVCw/JMLAjaQkG30iDDQgxUBiYtueWAMF0PLsAWi4okcY0S40QEq0gUgGwQyGxaoAvsIC2cALUE2KQLwBR+wqQtU8wGUg45dTFygqD7lN9UfLw9HycLQ8HC0Ph0N5CBBgAPidS3kXcnhnAAAAAElFTkSuQmCC); background-position: 0 -16px; background-repeat: repeat-x; display: inline-block; width: 16px; height: 16px; margin-right: 3px; cursor: pointer; }
.comments__rating label.active { background-position: 0 0; }
.comments__rating input { position: absolute; z-index: -1; overflow: hidden; }
.comments__form .btn { background-color: rgb(208, 81, 99); color: #fff; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer; font-size: 16px; line-height: 25px; }
.comments__form .success { display: none; color: #000; margin: 15px 0 0; }
.comments__rating-result { box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.09) !important; background: white; padding: 16px; border-radius: 8px; margin-bottom: 24px; color: #000; display: flex; column-gap: 10px; }
.comments__item { margin-bottom: 15px; box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.09) !important; background: white; padding: 16px; border-radius: 8px; color: black; font-size: 16px; line-height: 25px; }
.comments__item-top { display: flex; align-items: center; column-gap: 15px; margin-bottom: 10px; }
.comments__item-photo img { display: block; width: 40px; height: 40px; border-radius: 50%; }
.comments__item-author { font-weight: 700; }
.comments__item-rating { line-height: 15px; }
.comments__item-rating i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/J9cwYAH7AfiB0CciFPFnHYULhMewxygOAGIFRiIBPgMzMfBJstAkIsCkPggVwqQayDIsH40MZBh9cQYygLE66EKDQhoKIBiBmhEgfAHIA5EN1ABahgpQAGKL2DzsiM2CSLAAqheDAM/kGHoAmja/IArUkAShlCFxBpGVCw/JMLAjaQkG30iDDQgxUBiYtueWAMF0PLsAWi4okcY0S40QEq0gUgGwQyGxaoAvsIC2cALUE2KQLwBR+wqQtU8wGUg45dTFygqD7lN9UfLw9HycLQ8HC0Ph0N5CBBgAPidS3kXcnhnAAAAAElFTkSuQmCC); background-position: 0 -16px; background-repeat: repeat-x; display: inline-block; width: 16px; height: 16px; margin-right: 3px; cursor: pointer; }
.comments__item-rating i.active { background-position: 0 0; }
.comments__item-date { font-size: 14px; line-height: 22px; }
.admin-comments { width: 100%; border-collapse: collapse; }
.admin-comments th, .admin-comments td { border: 1px solid; padding: 10px; text-align: center; }
.admin-comments .photo { width: 150px; }
@media(max-width: 768px) { .comments__form-inputs { flex-direction: column; } .comments__form-age { max-width: 100%; } }