/* ReggaeUrbano public sections V3. Does not affect admin or homepage. */
body:not(:has(.ru-shell)){background:radial-gradient(ellipse at 50% 0,#571015 0,#1a080a 34%,#080808 75%);color:#161616;font-family:Inter,Arial,sans-serif}
body:not(:has(.ru-shell)) .ticker,body:not(:has(.ru-shell)) .visitor-strip{display:none!important}
body:not(:has(.ru-shell)) .ru-header{width:min(1100px,calc(100% - 28px));margin:auto}
body:not(:has(.ru-shell)) .ru-header-top{height:94px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 24px}
body:not(:has(.ru-shell)) .ru-logo{display:flex;flex-direction:column;align-items:center;width:290px;max-width:48%;text-decoration:none}
body:not(:has(.ru-shell)) .ru-logo img{display:block;max-height:66px;max-width:100%;width:auto;object-fit:contain}
body:not(:has(.ru-shell)) .ru-logo small{color:#eee;font-size:10px;letter-spacing:1.4px;font-weight:800}
body:not(:has(.ru-shell)) .ru-search{display:flex;align-items:center;background:white;border-radius:30px;overflow:hidden;width:min(440px,50%);height:44px;padding:3px}
body:not(:has(.ru-shell)) .ru-search input{flex:1;min-width:0;border:0;background:#fff;padding:0 15px;outline:none;color:#222}
body:not(:has(.ru-shell)) .ru-search button{width:45px;height:38px;border:0;border-radius:25px;background:#d40000;color:white;font-size:24px;cursor:pointer}
body:not(:has(.ru-shell)) .ru-nav{display:flex;align-items:stretch;min-height:50px;background:linear-gradient(#292929,#080808);border:1px solid #555;border-bottom:0;border-radius:20px 20px 0 0;overflow:hidden}
body:not(:has(.ru-shell)) .ru-nav a{display:flex;align-items:center;padding:0 23px;color:white;text-decoration:none;font-size:13px;font-weight:800}
body:not(:has(.ru-shell)) .ru-nav a.active,body:not(:has(.ru-shell)) .ru-nav a:hover{background:linear-gradient(#f00,#ad0000);color:white}
body:not(:has(.ru-shell)) main{background:#fafafa;max-width:1100px;margin:0 auto;min-height:65vh;padding:26px 20px 50px;border-radius:0 0 20px 20px;box-shadow:0 10px 30px #0005}
body:not(:has(.ru-shell)) main>.wrap{max-width:100%;width:100%;margin-left:auto;margin-right:auto}
body:not(:has(.ru-shell)) .catalog-hero,body:not(:has(.ru-shell)) .artists-hero,body:not(:has(.ru-shell)) .simple-head,body:not(:has(.ru-shell)) .results-search{border-left:6px solid #dc0000;border-radius:10px;background:#fff;box-shadow:0 5px 18px #0000000b;padding:20px;margin-bottom:22px}
body:not(:has(.ru-shell)) .music-tile,body:not(:has(.ru-shell)) .artist-card,body:not(:has(.ru-shell)) .result,body:not(:has(.ru-shell)) .artist-song,body:not(:has(.ru-shell)) .mp3-sheet{background:white;border:1px solid #eee;border-radius:16px;box-shadow:0 5px 18px #0000000b;overflow:hidden}
body:not(:has(.ru-shell)) .music-tile:hover,body:not(:has(.ru-shell)) .artist-card:hover{box-shadow:0 9px 24px #0000001b;transform:translateY(-2px)}
body:not(:has(.ru-shell)) .music-tile,body:not(:has(.ru-shell)) .artist-card{transition:transform .2s,box-shadow .2s}
body:not(:has(.ru-shell)) .tile-action,body:not(:has(.ru-shell)) .music-action,body:not(:has(.ru-shell)) .outline-btn,body:not(:has(.ru-shell)) .catalog-pager .active,body:not(:has(.ru-shell)) .artists-pager .active{background:#d90000;color:white;border-color:#d90000}
body:not(:has(.ru-shell)) .catalog-pager a:hover,body:not(:has(.ru-shell)) .artists-pager a:hover{background:#d90000;color:white}
body:not(:has(.ru-shell)) .mp3-page .breadcrumbs,body:not(:has(.ru-shell)) .artist-breadcrumb{margin-bottom:20px}
body:not(:has(.ru-shell)) .mp3-info h1,body:not(:has(.ru-shell)) .catalog-hero h1,body:not(:has(.ru-shell)) .artists-hero h1{color:#151515}
body:not(:has(.ru-shell)) .mp3-cover-wrap img{border-radius:12px}
body:not(:has(.ru-shell)) .section-head{border-left:5px solid #d90000;padding-left:12px}
body:not(:has(.ru-shell)) .site-footer{background:#080808;color:#eee}
@media(max-width:700px){body:not(:has(.ru-shell)) .ru-header{width:100%}body:not(:has(.ru-shell)) .ru-header-top{height:auto;min-height:110px;padding:10px 14px;flex-direction:column;gap:8px}body:not(:has(.ru-shell)) .ru-logo{max-width:100%;width:220px}body:not(:has(.ru-shell)) .ru-logo img{max-height:58px}body:not(:has(.ru-shell)) .ru-search{width:100%;max-width:500px}body:not(:has(.ru-shell)) .ru-nav{border-radius:12px 12px 0 0;justify-content:center;flex-wrap:wrap}body:not(:has(.ru-shell)) .ru-nav a{padding:13px 12px;font-size:12px}body:not(:has(.ru-shell)) main{padding:18px 12px 35px;border-radius:0 0 15px 15px}body:not(:has(.ru-shell)) .catalog-hero,body:not(:has(.ru-shell)) .artists-hero{padding:15px}}