/* audios.php — таза іздеу дизайны */
.audios-page{background:#fbf3e9}.audios-hero{min-height:240px;display:flex;align-items:center;border-bottom:1px solid #ead7bf;background:radial-gradient(circle at 15% 0%,rgba(226,153,44,.15),transparent 36%),radial-gradient(circle at 92% 8%,rgba(6,31,63,.08),transparent 34%),#fff8ef}.audios-hero-inner,.audios-section .container{width:calc(100% - 80px);max-width:1180px;margin:0 auto}.audios-hero h1{margin:0 0 12px;color:#061f3f;font-size:56px;line-height:1.02;font-weight:900;letter-spacing:-.035em}.audios-hero p{margin:0;color:#173252;font-size:19px;line-height:1.55;font-weight:700}.audios-section{padding:36px 0 72px}.audios-top-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.back-link,.home-link{height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ead7bf;border-radius:999px;background:#fffdf9;color:#b86416;font-size:15.5px;font-weight:900;text-decoration:none;box-shadow:0 8px 18px rgba(61,34,8,.055)}.back-link:hover,.home-link:hover{border-color:#d98a28;color:#c26f1f}.audios-controls{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;margin-bottom:28px}.audios-search-form{min-width:0}.search-box{width:100%;min-height:54px;display:grid;grid-template-columns:54px 1fr 140px;align-items:center;background:#fffdf9;border:1px solid #ead7bf;border-radius:999px;box-shadow:0 12px 28px rgba(61,34,8,.07);overflow:hidden}.search-icon{display:flex;align-items:center;justify-content:center;color:#c26f1f}.search-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.search-box input{width:100%;min-width:0;height:54px;border:0;outline:0;background:transparent;color:#061f3f;font-size:16px;font-weight:700;padding:0 12px 0 0}.search-box input::placeholder{color:#9b8a78;font-weight:600}.search-box button{height:44px;margin-right:5px;border:0;border-radius:999px;background:linear-gradient(180deg,#e7a142 0%,#c97418 100%);color:#fff;font-size:15.5px;font-weight:900;cursor:pointer;box-shadow:0 10px 20px rgba(194,111,31,.25)}.clear-search{display:inline-flex;margin-top:10px;color:#b86416;font-size:14.5px;font-weight:900;text-decoration:none}.sort-form{display:flex;align-items:center;gap:10px;color:#061f3f;font-size:16px;font-weight:900}.sort-form select{min-width:170px;height:54px;padding:0 18px;border:1px solid #ead7bf;border-radius:999px;background:#fffdf9;color:#061f3f;font-size:15px;font-weight:900;outline:0;box-shadow:0 8px 18px rgba(61,34,8,.055)}.search-result-label{margin:-10px 0 24px;color:#7c6a57;font-size:15px;font-weight:900}.audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.audio-card{background:#fffdf9;border:1px solid #ead7bf;border-radius:22px;padding:24px;box-shadow:0 14px 32px rgba(61,34,8,.065);box-sizing:border-box;transition:.16s ease}.audio-card:hover{transform:translateY(-2px);border-color:rgba(210,151,82,.9);box-shadow:0 18px 38px rgba(61,34,8,.105)}.audio-card-head{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;margin-bottom:18px}.audio-cover{width:72px;height:72px;border-radius:18px;object-fit:cover;display:block;background:#fff4df;box-shadow:0 10px 22px rgba(61,34,8,.10)}.audio-cover.fallback{display:flex;align-items:center;justify-content:center;color:#c26f1f;background:linear-gradient(180deg,#fff4df 0%,#ffe7bd 100%)}.audio-cover.fallback svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.audio-card h2{margin:0 0 8px;color:#082a52;font-size:22px;line-height:1.18;font-weight:900}.audio-card p{margin:0;color:#1e3654;font-size:15px;line-height:1.45;font-weight:600}.audio-card audio{width:100%;height:42px;display:block}.audio-missing{padding:13px 16px;border-radius:14px;background:#fff5e8;color:#9a601d;font-size:14px;font-weight:800}.audio-date{margin-top:14px;color:#9a7a58;font-size:13.5px;font-weight:800}.audios-count{margin-top:34px;text-align:center;color:#7c6a57;font-size:15px;font-weight:900}.media-pagination{width:100%;max-width:720px;margin:26px auto 0;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:rgba(255,253,249,.72);border:1px solid rgba(234,215,191,.85);border-radius:999px;box-shadow:0 16px 36px rgba(61,34,8,.07),inset 0 1px 0 rgba(255,255,255,.7)}.page-numbers{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.page-btn,.page-number{min-width:42px;height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(225,190,150,.95);background:linear-gradient(180deg,#fffdf9 0%,#fff7ed 100%);color:#082a52;font-size:15px;line-height:1;font-weight:900;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px rgba(61,34,8,.055),inset 0 1px 0 rgba(255,255,255,.9);box-sizing:border-box}.page-number{width:42px;padding:0}.page-prev,.page-next{min-width:116px;color:#b86416}.page-number.active{border-color:#c26f1f;background:linear-gradient(180deg,#e7a142 0%,#c97418 100%);color:#fff}.page-btn.disabled{opacity:.42;cursor:not-allowed;pointer-events:none;background:#fff8ef;color:#9a8a78;box-shadow:none}.audios-empty{padding:56px 32px;text-align:center;background:#fffdf9;border:1px solid #ead7bf;border-radius:22px;box-shadow:0 12px 28px rgba(61,34,8,.06)}.audios-empty h2{margin:0 0 10px;color:#061f3f;font-size:30px}.audios-empty p{margin:0;color:#1e3654;font-size:17px}@media(max-width:980px){.audios-controls{grid-template-columns:1fr}.audio-grid{grid-template-columns:1fr}}@media(max-width:620px){.audios-hero-inner,.audios-section .container{width:calc(100% - 32px)}.audios-hero h1{font-size:42px}.audios-top-actions{flex-direction:column;align-items:flex-start}.search-box{grid-template-columns:46px 1fr;border-radius:24px;padding:6px}.search-box button{grid-column:1/-1;width:100%;margin:6px 0 0}.sort-form{flex-direction:column;align-items:flex-start}.sort-form select{width:100%}.audio-card-head{grid-template-columns:58px 1fr}.audio-cover{width:58px;height:58px;border-radius:16px}.media-pagination{border-radius:24px}}