h1 {margin-bottom:10px}
p {margin:0.6em 0; text-indent:15px}
.statys {content-visibility:auto; border:1px solid black; margin:25px auto; padding:15px; border-radius:10px; background:#fbffbb}
table.statys td {padding:5px}
.block {line-height:1.1; cursor:default; margin-bottom:15px}
.blockk {border:1px solid black; max-width:500px; padding:10px; border-radius:15px; margin-bottom:25px}
.statplus, .statminus {border:1px dashed black; background:white; cursor:pointer}
.statplus {margin-right:5px}
.statminus {margin-left:10px}
.statplus span, .statminus span, .statplus img, .statminus img {vertical-align:middle}
.statplus img {padding:5px 0 5px 10px}
.statminus img {padding:5px 10px 5px 0}
#statplusminus1, #statplusminus2 {font-size:10px; margin:0 0 25px auto}
.green {color:green; font-weight:bold; font-size:17px}
.red {color:red; font-weight:bold; font-size:17px}
.blue {color:blue}
.totalanek {font-size:18px; color:blue; padding:5px; font-weight:bold}
.totalanek1 {font-size:13px}
.screen {color:red; font-size:12px; white-space:nowrap; display:block; overflow:hidden; margin-bottom:15px}
.area {font-size:14px; color:white; padding:4px; text-transform:uppercase; font-weight:bold; background:green}
.pidanek {display:block; color:#546879; font-weight:normal; margin-top:5px; text-align:center; margin-bottom:30px}
.anekdottxt {padding:2px 5px 15px 5px; font-size:16px}
.plusmemy, .plusmemys, .minusmemy, .minusmemys {font-size:28px; font-weight:bold; cursor:pointer; display:inline-block; transition:transform .4s; will-change:transform}
.plusmemy, .plusmemys {color:green}
.minusmemy, .minusmemys {color:red; margin-left:20px}
.plusmemy:hover, .minusmemy:hover {transform: rotate(360deg)}
.plusmemy1, .minusmemy1 {font-size:16px; font-weight:bold; margin-left:10px}
.plusmemy1 {color:green}
.minusmemy1 {color:red}
.pidpysmemy {font-size:9px; text-align:right}
.coupon-alert, .coupon-alert1 {display:none; background-color:#28a745; color:white; cursor:default; animation:fadeIn 0.3s; padding:8px 16px; border-radius:6px}
.buferan1, .buferan11, .buferan2, .buferan21 {padding:8px 16px; border-radius:6px; border:none; cursor:pointer; font-size:14px; transition:all 0.3s ease; outline:none; background-color:#007bff; color:white}
.buferan1:hover, .buferan11:hover {background-color:#0056b3}
.news-slider-container {width:100%; max-width:1200px; margin:0 auto; padding:40px 0; overflow:hidden}
.news-card {display:flex; flex-direction:column; height:100%}
.news-card img {width:100%; height:200px; object-fit:cover}
.news-card h2 {padding:15px; font-size:17px; margin:0; font-weight:normal}
.swiper-wrapper {display:flex; flex-direction:row}
.imganektitS img {display:block; max-width:100%; height:auto; margin:0 auto; background-color:#f0f0f0}
.fig1 {margin:0 auto; display:block; min-height:70px}
.likeanek {font-weight:bold; font-size:9px; color:black; text-align:center}
.statcount {background:black; color:white; padding:3px; font-size:13px; font-weight:700; border:1px white solid; margin-left:1px}
.txtancc, .txtancc1 {display:block; margin:0 auto}
.txtancc {margin-bottom:25px; font-size:12px}
.txtancc1 {margin:30px auto; content-visibility:auto}
.txtancc2 {font-size:12px}
@keyframes fadeIn {
from {opacity:0; transform:translateY(-5px)}
to {opacity:1; transform:translateY(0)}}
.leftanekdot {width:35px; font-size:40px; padding-right:13px}
.topic-container {display:flex; align-items:center; gap:10px; margin:10px 0; font-family:sans-serif}
.topic-label {font-size:14px; color:#666; font-weight:600}
.topic-badge {display:inline-block; padding:4px 12px; background-color:#e3f2fd; color:#1976d2; border-radius:20px; text-decoration:none; font-size:13px; font-weight:500; transition:all 0.3s ease; border:1px solid #bbdefb}
.topic-badge:hover {background-color:#1976d2; color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.topic-badge.empty {background-color:#f5f5f5; color:#9e9e9e; border-color:#e0e0e0; cursor:default}
.main-anekdot {background:#fff; border-radius:12px; border-left:5px solid #ffc107; box-shadow:0 4px 15px rgba(0,0,0,0.08); margin:20px auto; padding:25px; padding-bottom:5px; max-width:800px; position:relative; overflow:hidden}
.main-anekdot::before {content:"“"; position:absolute; top:-10px; left:15px; font-size:80px; color:#f1f1f1; font-family:serif; z-index:0}
.anekdot-text {position:relative; z-index:1; font-size:1.2rem; line-height:1.6; color:#333; font-family:'Segoe UI', Roboto, sans-serif}
@media (max-width: 600px) {
.main-anekdot {padding:15px; margin:10px; font-size:1.1rem}}
.anekdot-footer {margin-top:20px; padding-top:15px; border-top:1px #eee; display:flex; justify-content:center}
.vote-buttons {display:flex; gap:15px}
.likeanek {background:#f8f9fa; border:1px solid #ddd; border-radius:8px; padding:8px 15px; cursor:pointer; display:flex; align-items:center; gap:8px; transition:0.2s; font-size:14px}
.likeanek:hover {background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.btn-text {font-weight:500; color:#555}
.green {color:#28a745; font-weight:bold}
.red {color:#dc3545; font-weight:bold}
@media (max-width: 400px) {
.btn-text {display:none}}
.topic-container {margin-bottom:15px; display:flex; align-items:center; gap:8px}
.topic-badge {background:#f0f2f5; color:#555; padding:3px 10px; border-radius:6px; font-size:12px; text-decoration:none; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px}
.topic-badge:hover {background:#e4e6e9; color:#000}
.best {display:inline-flex; align-items:center; background:linear-gradient(45deg, #ff9800, #ff5722); color:#fff; padding:5px 15px; border-radius:50px; font-size:13px; font-weight:bold; text-transform:uppercase; box-shadow:0 4px 10px rgba(255, 87, 34, 0.3); margin-bottom:10px; border:1px solid rgba(255,255,255,0.2)}
.fire-icon {margin-right:8px; font-size:16px}
.responsive-img {width:100%; height:auto; aspect-ratio:613 / 320; display:block}
.statplus, .statminus, .plusmemy, .minusmemy {position:relative; padding:8px !important; margin:0 4px; border-radius:50%; transition:background-color 0.2s; -webkit-tap-highlight-color:transparent}
.statplus:active, .plusmemy:active {background-color:rgba(40, 167, 69, 0.1)}
.statminus:active, .minusmemy:active {background-color:rgba(220, 53, 69, 0.1)}
.golos-wrapper {margin-top:15px; padding-bottom:5px}
.statplus:hover svg, .plusmemy:hover svg {fill:#28a745 !important}
.statminus:hover svg, .minusmemy:hover svg {fill:#dc3545 !important}
.statplus svg, .statminus svg, .plusmemy svg, .minusmemy svg {transition:fill 0.2s ease, transform 0.1s ease}
button:active svg {transform:scale(0.9)}
.breadcrumb {align-items:center; display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0}
.breadcrumb a {color:#007bff; text-decoration:none}
.breadcrumb a:hover {text-decoration:underline}
.breadcrumb li {display:inline}
.breadcrumb li:last-child {color:#333; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.breadcrumb-container {color:#666; font-size:0.875rem; margin-bottom:0.938rem}
@media (max-width:30rem) {.breadcrumb li:last-child {max-width:9.375rem}}
@media (max-width:75rem) {.breadcrumb-container {clear:both; display:block; margin-top:3.75rem}}
.separator {color:#ccc; margin:0 0.5rem; user-select:none}
.imganektitS {display:block !important; max-width:600px !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; padding:15px; box-sizing:border-box}
.imganektitS img {display:block; max-width:100%; height:auto; margin:0 auto}