*,*::before,*::after {box-sizing:border-box}
html,body {margin:0; padding:0}
body {font:13px/1.15 Verdana,Geneva,sans-serif; color:#000; background:#fff url('/img/bg.png') repeat-x; display:flex; flex-direction:column; min-height:100vh}
img {border:0; max-width:100%; height:auto}
.visually-hidden {position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0}
form {margin:0; padding:0}
a {color:#039; text-decoration:none}
a:hover,a:focus {text-decoration:underline}
p {margin:0 0 15px}
h2 {color:#b30000; font-size:14px; margin:0 0 5px}
h3 {color:#993300; font-size:13px; margin:0 0 5px}
.center {text-align:center}
.container {flex:1; width:1002px; margin:0 auto; border-left:1px solid #660099; border-right:1px solid #660099; background:#f9f6f1}
.top-header {position:relative; width:1000px; height:242px; background:#f9f6f1 url('/img/top-new.webp') no-repeat top left}
.top-header .logo {position:absolute; left:310px; top:10px; width:365px; height:150px; display:block; background:transparent}
.top-header .logo:focus-visible {outline:2px solid #fff; outline-offset:2px}
.top-nav {position:absolute; left:147px; bottom:11px; display:flex; gap:11px; height:50px}
.top-btn {display:block; height:50px; background:transparent}
.top-btn:focus-visible {outline:2px solid #fff; outline-offset:2px}
.breadcrumbs {height:25px; line-height:25px; padding:0 12px; color:#333333; font-size:12px; background:#edffdf; border-bottom:1px solid #330066; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.content {display:flex; gap:8px; padding:8px 12px 12px}
.main {flex:1; min-width:0; order:2}
.sidebar {width:210px; flex-shrink:0; order:1}
.box {background:#fff; border:1px solid #990066; border-top:0; padding:4px 5px 3px; margin-bottom:9px; position:relative; z-index:10}
.box_header {height:42px; padding-right:10px; margin:0 -6px -4px; background:url('/img/box_header.png') no-repeat right -42px; position:relative; z-index:100}
.box_header > div {height:42px; padding:0 2px 0 12px; background:url('/img/box_header.png') no-repeat; overflow:hidden}
.box_header h1,.box_header h2 {height:28px; line-height:28px; margin:7px 0 0; padding-left:7px; color:#fff; font-size:15px; font-weight:700; text-transform:uppercase; background:url('/img/h1.gif') repeat-x}
.box_header h2 {font-size:14px; background:url('/img/aside.gif') repeat-x}
.main_box {background:#fff; border:1px solid #ec0515; border-top:0; padding:8px 10px 10px; margin:0 0 10px; position:relative; z-index:10}
.main_box p {text-indent:8px}
.menu {margin:0; padding:0; list-style:none}
.menu li {border-top:1px solid #d8f3fe; padding:2px 0 2px 9px; font-weight:700}
.menu li:first-child {border-top:0}
.footer {width:100%; margin:0; text-align:center; flex-shrink:0; height:101px; background:url('/img/footer-new.webp') no-repeat center bottom}
.footer_content {max-width:1002px; margin:0 auto; color:#fff; font-size:14px; padding:20px 156px 0 0}
.footer_content a {font-size:14px; color:#fff; font-weight:700}
.vstup-text {font-size:15px; line-height:1.3}
.vstup-text a {font-size:15px; font-weight:700}
.holidays {list-style:none; margin:0 0 15px; padding:0; line-height:1.6}
.holidays li {padding:1px 0}
.category-grid {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:15px}
.category-grid ul {margin:0; padding-left:20px; line-height:1.5}
.rekomend_red {color:#c00; font-weight:700; margin-bottom:4px}
.red {color:#c00}
.zodiac-list,.month-list {line-height:1.6; margin-bottom:15px}
.pic-cont {margin-top:15px; text-align:center}
.main_box strong {color:#b30000; font-size:13px}
.lv {float:left; font-weight:700}
.pv {float:right; font-weight:700}
.pv2 {float:right; font-size:12px}
.red_first::first-letter {color:#c00; font-size:12px; font-weight:700}
.bukva {color:#b30000; font-size:18px; font-weight:700}
.inftext {line-height:1.2; color:#353535; font-size:14px; padding:10px; margin:0 0 15px; border:1px solid #353535}
.inftext strong {color:#b30000; font-size:14px}
.chislo {color:#b30000; padding:1px}
.chislo2 {color:#b30000; border:1px solid #b30000; padding:0 4px}
.stih {font-size:14px}
.numerotk a {line-height:20px}
.otstup a {line-height:15px}
hr {background:url(/img/lg.webp) no-repeat center / contain; height:28px; border:0}
details.box-block {margin:0; padding:0}
details.box-block > summary.box_header {display:block; list-style:none; cursor:pointer}
details.box-block > summary.box_header::-webkit-details-marker {display:none}
details.box-block > summary.box_header::marker {content:''}
@media (max-width:1024px) {details.box-block > summary.box_header > div {position:relative}
 details.box-block > summary.box_header > div::after {content:"▸"; position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#fff; font-size:14px; line-height:1; transition:transform .15s ease; pointer-events:none}
 details.box-block[open] > summary.box_header > div::after {transform:translateY(-50%) rotate(90deg)}
 details.box-block:not([open]) > summary.box_header {margin-bottom:9px}
body {font-size:14px; overflow-x:hidden; -webkit-overflow-scrolling:touch}
 .stih {font-size:16px}
 .main_box table td {height:auto!important}
 .container {width:100%; border:0; background:none; min-height:0}
 .breadcrumbs {height:auto; padding:5px 5px 0; line-height:1.3; background:#f3daf3; border-bottom:1px solid #330066; white-space:normal}
 .top-header {max-width:100%; height:109px; background:#fff url('/img/logomob.webp') no-repeat center top / contain}
 .top-header .logo {display:none}
 .top-nav, .numerotk {display:none!important}
 .content {flex-direction:column; padding:0 10px; gap:0}
 .main,.sidebar {width:100%; order:0}
 .sidebar {margin-top:9px}
 .box_header {height:auto; padding:0; background:#fff}
 .box_header > div {height:auto; padding:5px; background:none; border:2px solid #e3e0db; border-radius:5px}
.box_header h1,.box_header h2 {height:auto; margin:0; font-size:15px}
.box_header h1 {background:#990033}
.box_header h2 {background:#990099}
 .footer {height:auto; padding:5px 0; background:#f3daf3; border-top:9px solid #cc0033; box-sizing:border-box}
 .footer_content {width:100%; margin:0; padding:5px; box-sizing:border-box; text-align:center; color:#333333; font-size:13px}
 .footer_content a {color:#039; text-decoration:underline}
 .menu li {padding:5px 10px}
 .category-grid {grid-template-columns:1fr}
}
@media (min-width:1025px) {details.box-block > summary.box_header {cursor:default; pointer-events:none}
}