.modern-site .cs-popular-block{display:block;overflow:visible;padding:0!important;margin:0!important;background:#fff;border:1px solid #e0d8cc;border-radius:12px;min-width:0}
.modern-site .cs-popular-block>h2{display:block;padding:17px 16px;margin:0!important;border-bottom:1px solid #e7e0d6;border-radius:11px 11px 0 0;background:#faf8f3;color:#3d423c;font-size:13px!important;line-height:1.5!important;letter-spacing:-.2px}
.cs-popular-list{padding:0 14px}
.cs-popular-card{position:relative;min-width:0;padding:17px 0;border-bottom:1px solid #ece6dc}
.cs-popular-card:last-child{border-bottom:0}
.cs-popular-card__top{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:10px;min-width:0}
.modern-site .cs-popular-card__image{display:block;position:relative;width:64px;height:48px;border-radius:6px;overflow:hidden;background:#ebe6dc!important;color:#ab9c89;text-decoration:none}
.cs-popular-card__image:before{content:'Фото';position:absolute;inset:0;display:grid;place-items:center;font-size:9px;letter-spacing:.2px;color:#a2937d}
.cs-popular-card__image img{display:block;position:relative;width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:6px}
.modern-site .cs-popular-card h3{margin:0!important;min-width:0;font-size:11px!important;font-weight:500!important;line-height:1.6!important;letter-spacing:0!important}
.modern-site .cs-popular-card h3>a{display:block;padding:0;color:#514d44!important;background:transparent!important;text-decoration:none;overflow-wrap:anywhere}
.modern-site .cs-popular-card h3>a:hover{color:#a65d2b!important}
.cs-popular-card__stats{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px 12px;margin:7px 0 0}
.cs-popular-card__stats>span{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;min-width:0;padding:0;border:0;background:transparent;text-align:left;font:inherit;line-height:1.4;color:#796f62}
.cs-popular-card__stats b{display:block;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:#675947}
.cs-popular-card__stats small{display:block;font-size:8px;line-height:1.5;white-space:nowrap;margin-top:2px;color:#a09382}
.cs-popular-card__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:7px}
.modern-site .cs-popular-card__tool,.cs-popular-share>summary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:32px;min-height:32px;box-sizing:border-box;margin:0;padding:6px 8px;border:1px solid #e0d6c8;border-radius:6px;background:#fff;color:#8a745c;font:inherit;font-size:10px;line-height:1;font-weight:500;text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}
.cs-popular-action-icon{display:block;width:16px;height:16px;flex:0 0 16px}
.cs-popular-card__like b{font-size:10px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.modern-site .cs-popular-card__tool:hover:not(:disabled){border-color:#cfa174;color:#9b5725;background:#fff4e7}
.modern-site .cs-popular-card__like:disabled{cursor:default}
.modern-site .cs-popular-card__like.is-liked{border-color:#e8c19f;background:#fff0e0;color:#a65b25}
.modern-site .cs-popular-card__like.is-liked b{color:#a65b25}
.cs-popular-share>summary::-webkit-details-marker{display:none}
.modern-site .cs-popular-card__favorite:hover,.cs-popular-share>summary:hover,.cs-popular-share[open]>summary{border-color:#cfa174;color:#9b5725;background:#fff4e7}
.modern-site .cs-popular-card__favorite.is-saved{border-color:#d5ae80;color:#9b602d;background:#fbeddc}
.cs-popular-share{position:relative;min-width:0}
.cs-popular-share[open]{z-index:6}
.cs-popular-share__menu{position:absolute;right:0;bottom:calc(100% + 7px);z-index:10;width:210px;max-width:calc(100vw - 80px);padding:7px;background:#fff;border:1px solid #ddd0bd;border-radius:9px;box-shadow:0 10px 28px #3d302022}
.modern-site .cs-popular-share__menu>a,.modern-site .cs-popular-share__menu>button{display:block;width:100%;padding:10px;margin:0;border:0;border-radius:5px;background:#fff;color:#72604c;font:inherit;font-size:11px;line-height:1.5;text-align:left;text-decoration:none;cursor:pointer}
.modern-site .cs-popular-share__menu>:is(a,button):hover{background:#f8f0e4;color:#a05b27}
.cs-popular-share__menu input{display:block;width:100%;max-width:100%;padding:8px;margin:7px 0 0;border:1px solid #e1d3bf;border-radius:5px;background:#faf8f2;color:#776246;font-size:10px}
.cs-popular-share__menu [data-share-status]{margin:8px;font-size:10px;line-height:1.6;color:#8f734e}
.cs-popular-share__menu [data-share-status]:empty{display:none}
.modern-site .cs-popular-block__more{display:block;padding:13px 12px;border-top:1px solid #e8dfd3;border-radius:0 0 11px 11px;background:#faf8f2;color:#96724d;font-size:10px;font-weight:500;text-align:center;text-decoration:none;line-height:1.6}
.modern-site .cs-popular-block__more:hover{color:#9b5927;background:#f9efe1}
@media(max-width:1200px) and (min-width:961px){.cs-popular-list{padding:0 11px}.cs-popular-card__top{grid-template-columns:55px minmax(0,1fr);gap:9px}.modern-site .cs-popular-card__image{width:55px;height:43px}.cs-popular-card__stats small{font-size:7.5px}}
@media(max-width:960px){.cs-popular-card__top{grid-template-columns:76px minmax(0,1fr);gap:13px}.modern-site .cs-popular-card__image{width:76px;height:54px}.modern-site .cs-popular-card h3{font-size:12px!important}.cs-popular-card__stats small{font-size:9px}.modern-site .cs-popular-card__tool,.cs-popular-share>summary{height:36px;min-height:36px}}

.cs-popular-stat-icon{width:12px;height:12px;flex:none;color:#b8753c}
