.pic-cont {max-width:100%; margin:0 auto 30px; background:#fff; padding:5px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.1); text-align:center}
 .pic-cont {max-width:100%; height:auto; display:block; margin:0 auto 10px}
 .btn-download {display:inline-block; padding:6px 7px; background:#2eab5a; color:#fff; text-decoration:none; border-radius:4px; transition:background 0.2s}
 .btn-download:hover {background:#248f49; text-decoration:none}
 .share-btn {width:27px; height:27px; margin-left:3px; padding:0; border:none; border-radius:4px; background:#4a90e2; color:#fff; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; transition:background .2s,transform .15s; box-shadow:0 2px 6px rgba(0,0,0,.15)}
 .share-btn:hover {background:#357abd}
 .share-btn:active {transform:scale(.94)}
 .share-btn svg {display:block}
 .share-menu {position:absolute; z-index:9999; display:none; grid-template-columns:repeat(3,44px); gap:6px; padding:8px; background:#fff; border:1px solid #e2e2e2; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.18); animation:shareFade .15s ease-out}
 .share-menu.active {display:grid}
 @keyframes shareFade {from {opacity:0; transform:translateY(-4px)}
 to {opacity:1; transform:translateY(0)}
 }
 .share-menu a,.share-menu button {width:44px; height:44px; display:flex; align-items:center; justify-content:center; border:none; border-radius:8px; background:#8a8a8a; color:#fff; font-size:13px; font-weight:600; text-decoration:none; cursor:pointer; padding:0; transition:opacity .15s,transform .12s}
 .share-menu a:hover,.share-menu button:hover {opacity:.85}
 .share-menu a:active,.share-menu button:active {transform:scale(.92)}
 .share-menu .s-email {background:#d44638}
 .share-menu .s-vk {background:#4c75a3}
 .share-menu .s-ok {background:#ee8208}
 .share-menu .s-tg {background:#29a1d3}
 .share-menu .s-wa {background:#25d366}
 .share-menu .s-fb {background:#1877f2}
 .share-menu .s-tw {background:#000000}
 .share-menu .s-viber {background:#7360f2}
 .share-menu .s-mm {background:#1051a3}
 .share-menu .s-pin {background:#e60023}
 .share-menu .s-max {background:linear-gradient(135deg,#4A90E2 0,#9B59D6 100%)}
 .share-menu .s-copy {background:#555555; grid-column:span 1}
 .share-menu .s-copy svg {width:20px; height:20px}
 .pagination {display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:30px 0 10px}
 .pagination a,.pagination span {display:inline-block; padding:8px 14px; border-radius:6px; text-decoration:none; font-size:14px; background:#fff; color:#333; border:1px solid #ddd}
 .pagination a:hover {background:#eee}
 .pagination .current {background:#007bff; color:#fff; border-color:#007bff; font-weight:bold}
 .pagination .disabled {opacity:.4; pointer-events:none}
 .all-link-wrap {text-align:center; margin:25px 0 10px}
 .btn-all {display:inline-block; padding:12px 28px; background:#007bff; color:#fff; text-decoration:none; border-radius:8px; font-size:16px; font-weight:600; box-shadow:0 3px 10px rgba(0,123,255,.35); transition:background .2s,transform .12s,box-shadow .2s}
 .btn-all:hover {background:#0069d9; transform:translateY(-1px); box-shadow:0 5px 14px rgba(0,123,255,.45); text-decoration:none; color:#fff}
 .btn-all:active {transform:scale(.97)}