/* 275 (30.09.2026): стилі лише блоку «Що пишуть інші хазяї» на головній, дослівні правила з community.css
   (індекси верхнього рівня 0,1,7-43,197). Міняєш блок у community.css: зміни і тут. Кілсвіч amg_comm_tips_light. */
.amg-comm .screen-reader-text,
.screen-reader-text{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
    word-wrap:normal!important;
}
.amg-comm .screen-reader-text:focus,
.screen-reader-text:focus{
    background-color:#fff;
    clip:auto!important;
    clip-path:none;
    color:#111;
    display:block;
    font-size:14px;
    font-weight:600;
    height:auto;
    left:8px;
    line-height:normal;
    padding:12px 18px;
    text-decoration:none;
    top:8px;
    width:auto;
    z-index:100000;
}
.amg-comm-tips-widget{
    background:transparent;
    padding:24px 0;
    margin:0;
    max-width:100%; 
    overflow:hidden; 
}
.amg-comm-tips-header{font:800 30px/1.15 Nunito,Arial,Helvetica,sans-serif;color:#190a03;margin:0 0 20px;padding:0 16px}
.amg-comm-tips-header .amg-comm-tips-sub{display:inline-block;font:600 20px/1 Caveat,"Segoe Script",cursive;color:#d4a07a;transform:rotate(-2deg);margin-left:12px;vertical-align:middle}
.amg-comm-tips-embla{
    overflow:hidden;
    padding:0 16px;
}
.amg-comm-tips-scroll{
    display:flex;
    gap:16px;
    padding:0 0 20px;
    margin:0;
    cursor:grab;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.amg-comm-tips-scroll:active{cursor:grabbing}
.amg-comm-tips-scroll a{-webkit-user-drag:none;user-drag:none}
.amg-comm-tips-scroll img,.amg-comm-tips-scroll video{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.amg-comm-tips-slide{
    flex:0 0 280px;
    min-width:0;
}
.amg-comm-tips-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    border:1px solid #e7ddc9;
    position:relative;
    transition:transform .2s ease,box-shadow .2s ease;
    height:100%;
}
.amg-comm-tips-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(25,10,3,.18)}
.amg-comm-tips-card:active{transform:scale(0.98)}
.amg-comm-tips-thumb{width:100%;aspect-ratio:1/1;overflow:hidden;background:#f8f4ec;position:relative}
.amg-comm-tips-thumb img,.amg-comm-tips-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.amg-comm-tips-thumb .amg-comm-vid{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}
.amg-comm-tips-thumb .amg-comm-vid.is-on{opacity:1}
.amg-comm-tips-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.amg-comm-tips-meta{display:flex;align-items:center;gap:5px;font-size:13px;color:#6b7280;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;min-width:0}
.amg-comm-tips-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#f8f4ec}
.amg-comm-tips-avatar--placeholder{background:#f8f4ec;display:flex;align-items:center;justify-content:center}
.amg-comm-tips-avatar--placeholder svg{width:15px;height:15px;color:#9a948b}
.amg-comm-tips-author{font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}
.amg-comm-tips-species{font-size:12px;line-height:1;display:inline-flex;flex-shrink:0}
.amg-comm-tips-species svg{width:14px;height:14px;color:#6b7280;vertical-align:middle}
.amg-comm-tips-badge{font-size:11px;line-height:1;flex-shrink:0}
.amg-comm-tips-dot{color:#e7ddc9;flex-shrink:0}
.amg-comm-tips-time{color:#9ca3af;font-size:12px;flex-shrink:0}
.amg-comm-tips-title{
    font-size:17px;
    font-weight:700;
    color:#190a03;
    line-height:1.4;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:48px;
}
.amg-comm-official-badge{
    color:#1d9bf0;font-size:13px;font-weight:700;
}
.amg-comm-tips-tag{
    display:inline-flex;align-items:center;gap:6px;
    font-size:12px;font-weight:600;
    color:#3a5f3a;
    background:#f8f4ec;
    padding:4px 10px;
    border-radius:8px;
    margin-top:auto;
    width:fit-content;
}
.amg-comm-tips-tag-icon svg{width:12px;height:12px}
.amg-comm-tips-empty{padding:40px;text-align:center;color:#9ca3af;font-size:14px;background:#f9fafb;border-radius:12px;margin:0 16px}
.amg-comm-tips-more{margin-top:16px;padding:0 16px;text-align:right}
.amg-comm-tips-more-link{
    display:inline-flex;align-items:center;gap:6px;
    color:#111;font-weight:600;text-decoration:none;font-size:14px;
;min-height:44px;display:inline-flex;align-items:center}
.amg-comm-tips-more-link svg{width:16px;height:16px}
@media(min-width:768px){
    .amg-comm-tips-embla{
        padding:0 32px;
    }
    .amg-comm-tips-scroll{
        padding:0 0 24px;
    }
    .amg-comm-tips-slide{
        flex:0 0 300px;
    }
    .amg-comm-tips-header{padding:0 32px}
    .amg-comm-tips-more{padding:0 32px}
}
@media(max-width:767px){
    .amg-comm-tips-slide{
        flex:0 0 280px;
    }
    .amg-comm-tips-header{font-size:25px}
    .amg-comm-tips-header .amg-comm-tips-sub{font-size:18px}
}
.amg-comm-tips-header .amg-comm-petname{display:inline;white-space:nowrap}