/*
 * Radiopunkte.de – Unified Community UI 2026
 * Letzte, portalweite Designschicht für öffentliche Seiten, Community,
 * Shop, Forum, Magazin, Betreiber-, Admin- und responsive Ansichten.
 */
:root{
  --rpu-bg:#07101c;
  --rpu-bg-2:#091522;
  --rpu-surface:#0e1c2d;
  --rpu-surface-2:#122338;
  --rpu-surface-3:#162a43;
  --rpu-line:rgba(158,180,207,.17);
  --rpu-line-strong:rgba(158,180,207,.28);
  --rpu-text:#f4f7fb;
  --rpu-soft:#c8d4e2;
  --rpu-muted:#8fa4bb;
  --rpu-brand:#f3bc4c;
  --rpu-brand-2:#dc922a;
  --rpu-info:#35c9df;
  --rpu-success:#35d095;
  --rpu-danger:#ff7080;
  --rpu-warning:#f3bc4c;
  --rpu-radius:18px;
  --rpu-radius-sm:12px;
  --rpu-shadow:0 18px 48px rgba(0,0,0,.28);
  --rpu-shadow-soft:0 9px 26px rgba(0,0,0,.2);
  --rpu-content:min(1480px,calc(100% - 32px));
}

html{background:var(--rpu-bg)!important;color-scheme:dark}
html body{
  min-height:100vh!important;margin:0!important;color:var(--rpu-text)!important;
  background:
    radial-gradient(circle at 8% 0,rgba(53,201,223,.09),transparent 30rem),
    radial-gradient(circle at 92% 0,rgba(243,188,76,.085),transparent 34rem),
    linear-gradient(180deg,#081321 0,#07101c 48%,#050c16 100%) fixed!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;line-height:1.55!important;
}
html body *,html body *::before,html body *::after{box-sizing:border-box}
html body a{color:inherit;text-decoration:none}
html body img{max-width:100%;height:auto}
html body hr{border:0;border-top:1px solid var(--rpu-line);margin:22px 0}
html body :focus-visible{outline:3px solid rgba(53,201,223,.62)!important;outline-offset:3px!important}
html body ::selection{background:rgba(243,188,76,.28);color:#fff}

/* Einheitliche Seitenbreite und Grundabstände */
html body main,
html body main.wrap,
html body main.page,
html body .wrap.page,
html body .rp-premium-wrap,
html body .rp-content-wrap,
html body .rp-modern-shop,
html body .rp-radios-page,
html body .rp-auth-page,
html body .rp-admin-premium{
  width:var(--rpu-content)!important;max-width:1480px!important;
  margin-left:auto!important;margin-right:auto!important;
}
html body main.wrap,
html body main.wrap.page,
html body main.page{padding:24px 0 128px!important}
html body .rp-radios-page,
html body .rp-modern-shop,
html body .rp-auth-page{margin-top:24px!important;margin-bottom:130px!important}
html body h1,html body h2,html body h3,html body h4{
  margin-top:0;color:#fff!important;letter-spacing:-.025em!important;line-height:1.2!important;
}
html body h1{font-size:clamp(26px,3vw,42px)!important}
html body h2{font-size:clamp(19px,2vw,27px)!important}
html body h3{font-size:17px!important}
html body p{color:var(--rpu-soft)}
html body .muted,html body .text-muted,html body .rp-muted{color:var(--rpu-muted)!important}

/* Navigation – sichtbar kompakt, hochwertig und klar geordnet */
html body .rp-premium-nav{
  position:sticky!important;top:0!important;z-index:10000!important;
  min-height:68px!important;border:0!important;border-bottom:1px solid var(--rpu-line)!important;
  background:rgba(5,13,23,.92)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(20px) saturate(1.25)!important;
}
html body .rp-premium-nav::after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(243,188,76,.42),rgba(53,201,223,.36),transparent)!important;
}
html body .rp-premium-nav-shell{
  width:min(1580px,calc(100% - 28px))!important;min-height:68px!important;
  margin:auto!important;display:flex!important;align-items:center!important;gap:14px!important;
}
html body .rp-premium-brand-zone{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
html body .rp-premium-brand{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
html body .rp-premium-brand-icon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:13px!important;background:linear-gradient(145deg,rgba(243,188,76,.2),rgba(220,146,42,.07))!important;
  border:1px solid rgba(243,188,76,.32)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.2)!important;
}
html body .rp-premium-brand-text strong{font-size:17px!important;font-weight:900!important;color:#fff!important}
html body .rp-premium-brand-text small{display:block!important;color:var(--rpu-muted)!important;font-size:9px!important;letter-spacing:.02em!important}
html body .rp-social-search{
  width:clamp(175px,19vw,320px)!important;height:40px!important;margin:0!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  border:1px solid var(--rpu-line)!important;border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
html body .rp-social-search:focus-within{border-color:rgba(53,201,223,.52)!important;background:rgba(255,255,255,.065)!important}
html body .rp-social-search input{
  min-height:0!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
html body .rp-premium-nav-menu{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;flex:1!important}
html body .rp-premium-nav-menu>a,
html body .rp-premium-more-btn{
  position:relative!important;min-height:40px!important;padding:9px 11px!important;
  display:flex!important;align-items:center!important;gap:6px!important;
  border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;
  color:#cbd7e4!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;
}
html body .rp-premium-nav-menu>a:hover,
html body .rp-premium-nav-menu>a.active,
html body .rp-premium-more-btn:hover{color:#fff!important;background:rgba(255,255,255,.06)!important}
html body .rp-premium-nav-menu>a.active::after{
  content:""!important;position:absolute!important;left:11px!important;right:11px!important;bottom:3px!important;height:2px!important;
  border-radius:2px!important;background:linear-gradient(90deg,var(--rpu-brand),var(--rpu-info))!important;
}
html body .rp-premium-user-zone{display:flex!important;align-items:center!important;gap:7px!important;margin-left:4px!important}
html body .rp-premium-notify,
html body .rp-premium-profile-btn{
  border:1px solid var(--rpu-line)!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important;
}
html body .rp-premium-notify:hover,
html body .rp-premium-profile-btn:hover{border-color:rgba(243,188,76,.35)!important;background:rgba(255,255,255,.07)!important}
html body .rp-premium-profile-btn img{border:2px solid rgba(243,188,76,.44)!important;border-radius:10px!important}
html body .rp-premium-more-menu,
html body .rp-premium-profile-menu,
html body .rp-premium-notify-panel{
  padding:9px!important;border:1px solid var(--rpu-line-strong)!important;border-radius:16px!important;
  background:rgba(8,18,31,.985)!important;box-shadow:0 25px 65px rgba(0,0,0,.48)!important;
}
html body .rp-premium-more-menu a,
html body .rp-premium-profile-menu a{border-radius:9px!important;color:#d4deea!important}
html body .rp-premium-more-menu a:hover,
html body .rp-premium-profile-menu a:hover{background:rgba(243,188,76,.09)!important;color:#fff!important}

/* Seitenhelden und Abschnittsköpfe */
html body .hero,
html body [class*="-hero"]:not(.rp-player-logo):not(.profile-avatar),
html body .rp-radio-seo-intro,
html body .rp-shop-hero{
  border:1px solid var(--rpu-line)!important;border-radius:24px!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(53,201,223,.12),transparent 26rem),
    radial-gradient(circle at 8% 4%,rgba(243,188,76,.1),transparent 25rem),
    linear-gradient(135deg,#10233a,#0b192a 70%)!important;
  box-shadow:var(--rpu-shadow)!important;overflow:hidden!important;
}
html body .page-title,
html body .section-title,
html body .breadcrumbs,
html body .breadcrumb,
html body .rp-breadcrumbs{position:relative}
html body .breadcrumbs,
html body .breadcrumb,
html body .rp-breadcrumbs{
  padding:9px 12px!important;margin:0 0 14px!important;
  border:1px solid var(--rpu-line)!important;border-radius:11px!important;
  background:rgba(255,255,255,.028)!important;color:var(--rpu-muted)!important;font-size:11px!important;
}

/* Karten – gleicher Aufbau in allen Portalbereichen */
html body .card,
html body .box,
html body .rp-big-card,
html body .rp-home-list-box,
html body .rp-radio-tile,
html body .community-card,
html body .member-panel,
html body .member-card,
html body .radio-card,
html body .shop-item-card,
html body .gift-card,
html body .house-card,
html body .pet-card,
html body .level-card,
html body .battlepass-card,
html body .rp-card,
html body .rpv2-card,
html body .rp-premium-card,
html body .forum-card,
html body .topic-card,
html body .magazine-card,
html body .article-card{
  border:1px solid var(--rpu-line)!important;border-radius:var(--rpu-radius)!important;
  background:linear-gradient(180deg,rgba(15,30,48,.98),rgba(9,20,34,.98))!important;
  box-shadow:var(--rpu-shadow-soft)!important;overflow:hidden!important;
}
html body .card:hover,
html body .box:hover,
html body .rp-radio-tile:hover,
html body .member-card:hover,
html body .shop-item-card:hover,
html body .article-card:hover{
  border-color:rgba(243,188,76,.34)!important;transform:translateY(-2px)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.3)!important;
}
html body .card-header,
html body .box-header,
html body .section-header,
html body .rp-card-auto-head{
  min-height:58px!important;margin:0!important;padding:13px 16px!important;
  display:flex!important;align-items:center!important;gap:11px!important;
  border:0!important;border-bottom:1px solid var(--rpu-line)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.048),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
html body .card>.rp-card-auto-head:first-child,
html body .box>.rp-card-auto-head:first-child,
html body .hero>.rp-card-auto-head:first-child{margin:0!important}
html body .card-header-icon,
html body .rp-card-auto-icon{
  width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;
  display:grid!important;place-items:center!important;border-radius:11px!important;
  color:var(--rpu-brand)!important;background:rgba(243,188,76,.1)!important;
  border:1px solid rgba(243,188,76,.22)!important;box-shadow:none!important;font-size:17px!important;
}
html body .card-header h1,
html body .card-header h2,
html body .card-header h3,
html body .rp-card-auto-title{margin:0!important;color:#fff!important;font-size:15px!important;font-weight:880!important;text-shadow:none!important}
html body .card>p,
html body .card>form,
html body .card>.content,
html body .box>p,
html body .box>form{margin-left:16px;margin-right:16px}

/* Grids und Listen */
html body .grid,
html body .cards-grid,
html body .radio-grid,
html body .member-grid,
html body .shop-grid,
html body .gift-grid,
html body .collector-grid,
html body .rp-grid,
html body .rp-radio-grid-page{gap:16px!important}
html body .radio-grid,
html body .member-grid,
html body .shop-grid,
html body .rp-radio-grid-page{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}
html body .list-item,
html body .forum-category,
html body .forum-topic,
html body .article-list-item,
html body .rp-mini-row{
  border-bottom:1px solid var(--rpu-line)!important;background:transparent!important;
}
html body .list-item:hover,
html body .forum-category:hover,
html body .forum-topic:hover,
html body .article-list-item:hover,
html body .rp-mini-row:hover{background:rgba(255,255,255,.025)!important}

/* Buttons, Links und Status */
html body .btn,
html body button.btn,
html body a.btn,
html body .rp-btn,
html body .button,
html body input[type=submit],
html body button[type=submit]:not(.rp-premium-more-btn):not(.rp-premium-mobile-toggle):not(.rp-premium-profile-btn):not(.rp-premium-notify){
  min-height:40px!important;padding:9px 15px!important;border:1px solid transparent!important;border-radius:11px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  background:linear-gradient(135deg,var(--rpu-brand),var(--rpu-brand-2))!important;color:#111822!important;
  font-size:12px!important;font-weight:880!important;box-shadow:0 9px 21px rgba(220,146,42,.18)!important;cursor:pointer;
}
html body .btn:hover,
html body .rp-btn:hover,
html body button[type=submit]:hover{filter:brightness(1.07)!important;transform:translateY(-1px)!important}
html body .btn.ghost,
html body .btn.secondary,
html body .btn.blue,
html body .rp-btn.secondary{
  color:#dbe5ef!important;background:rgba(255,255,255,.05)!important;
  border-color:var(--rpu-line-strong)!important;box-shadow:none!important;
}
html body .btn.danger,
html body .danger,
html body .btn-delete{background:rgba(255,112,128,.12)!important;color:#ff9ca8!important;border-color:rgba(255,112,128,.28)!important;box-shadow:none!important}
html body .badge,
html body .pill,
html body .tag,
html body .status,
html body .rp-badge,
html body [class*="status-"]{
  display:inline-flex;align-items:center;gap:5px;padding:5px 9px!important;border:1px solid var(--rpu-line)!important;
  border-radius:999px!important;background:rgba(255,255,255,.05)!important;color:#d9e3ee!important;
  font-size:10px!important;font-weight:820!important;line-height:1.2!important;
}
html body .success,
html body .online,
html body .is-online,
html body .status-online{color:#77e6b9!important}

/* Formulare */
html body form{accent-color:var(--rpu-brand)}
html body label{color:#cbd7e5!important;font-size:12px!important;font-weight:780!important}
html body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]),
html body select,
html body textarea{
  width:100%;min-height:44px!important;padding:10px 12px!important;
  border:1px solid var(--rpu-line-strong)!important;border-radius:11px!important;
  background:#091727!important;color:var(--rpu-text)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;font:inherit!important;font-size:13px!important;
}
html body textarea{min-height:120px!important;resize:vertical}
html body input:focus,
html body select:focus,
html body textarea:focus{
  outline:0!important;border-color:rgba(53,201,223,.58)!important;
  box-shadow:0 0 0 3px rgba(53,201,223,.09)!important;
}
html body input::placeholder,
html body textarea::placeholder{color:#6f859c!important}
html body fieldset{padding:16px!important;border:1px solid var(--rpu-line)!important;border-radius:14px!important}
html body .rp-auth-page{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;gap:18px!important}
html body .rp-auth-card,
html body .rp-auth-info{
  padding:clamp(22px,4vw,42px)!important;border:1px solid var(--rpu-line)!important;border-radius:22px!important;
  background:linear-gradient(180deg,rgba(15,30,48,.98),rgba(9,20,34,.98))!important;box-shadow:var(--rpu-shadow)!important;
}
html body .rp-auth-form{display:grid!important;gap:10px!important}
html body .rp-auth-info-grid{display:grid!important;gap:10px!important}
html body .rp-auth-info-box{padding:14px!important;border:1px solid var(--rpu-line)!important;border-radius:13px!important;background:rgba(255,255,255,.028)!important}

/* Tabellen */
html body .table-wrap,
html body .rp-table-wrap,
html body .rp-premium-table-wrap{overflow:auto!important;border:1px solid var(--rpu-line)!important;border-radius:14px!important}
html body table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:rgba(7,17,29,.55)!important}
html body table th{
  position:sticky;top:0;z-index:1;padding:11px 13px!important;
  background:#122238!important;color:#dbe5ef!important;border-bottom:1px solid var(--rpu-line-strong)!important;
  font-size:10px!important;font-weight:850!important;text-align:left!important;text-transform:uppercase!important;letter-spacing:.055em!important;
}
html body table td{padding:12px 13px!important;border-bottom:1px solid var(--rpu-line)!important;color:#cbd7e4!important}
html body table tr:last-child td{border-bottom:0!important}
html body table tbody tr:hover td{background:rgba(255,255,255,.025)!important}

/* Radios, Voteliste und Sender */
html body .rp-radios-hero-card{padding:0!important}
html body .rp-radios-hero-content{padding:18px!important}
html body .rp-radios-filter-card{padding:15px!important;overflow:visible!important}
html body .rp-radios-filter-row{display:grid!important;grid-template-columns:repeat(3,minmax(150px,1fr)) auto!important;gap:12px!important;align-items:end!important}
html body .rp-radio-tile{position:relative!important}
html body .rp-radio-tile-logo img,
html body .radio-logo img{border-radius:16px!important;border:1px solid var(--rpu-line)!important;background:#091727!important}
html body .rp-onair{background:rgba(53,208,149,.11)!important;color:#72e4b7!important;border:1px solid rgba(53,208,149,.28)!important;border-radius:999px!important}
html body .vote-card,
html body .ranking-card{border-left:3px solid rgba(243,188,76,.55)!important}

/* Community, Profile und Mitglieder */
html body.rp-page-community main.wrap{max-width:1540px!important}
html body .community-layout,
html body .profile-layout{gap:18px!important}
html body .profile-cover,
html body .profile-cover-image{min-height:220px!important;max-height:380px!important;object-fit:cover!important}
html body .profile-avatar{border:4px solid var(--rpu-surface)!important;box-shadow:0 14px 38px rgba(0,0,0,.38)!important}
html body .profile-tabs,
html body .tabs,
html body .tab-nav{
  padding:6px!important;display:flex!important;gap:5px!important;overflow-x:auto!important;
  border:1px solid var(--rpu-line)!important;border-radius:13px!important;background:rgba(255,255,255,.025)!important;
}
html body .profile-tabs a,
html body .tabs a,
html body .tab-nav a{padding:9px 13px!important;border-radius:9px!important;white-space:nowrap!important;color:#bfcddd!important}
html body .profile-tabs a.active,
html body .tabs a.active,
html body .tab-nav a.active{background:rgba(243,188,76,.11)!important;color:var(--rpu-brand)!important}
html body .member-avatar,
html body .community-avatar{border:2px solid rgba(243,188,76,.28)!important;border-radius:50%!important}

/* Shop, Sammlungen und Extras */
html body .rp-shop-tools{padding:13px!important;border:1px solid var(--rpu-line)!important;border-radius:14px!important;background:rgba(8,18,31,.94)!important}
html body .shop-item-card,
html body .house-card,
html body .pet-card,
html body .gift-card{display:flex!important;flex-direction:column!important}
html body .collector-img,
html body .rp-shop-extra-image,
html body .shop-item-image{
  min-height:190px!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 50% 20%,rgba(243,188,76,.13),transparent 48%),#091726!important;
}
html body .collector-img img,
html body .rp-shop-extra-image img,
html body .shop-item-image img{max-height:220px!important;object-fit:contain!important;filter:drop-shadow(0 16px 24px rgba(0,0,0,.3))}

/* Forum und Magazin */
html body .forum-card,
html body .topic-card,
html body .magazine-card,
html body .article-card{overflow:hidden!important}
html body .article-content,
html body .magazine-content,
html body .blog-content{color:#d5e0ec!important;line-height:1.76!important}
html body .article-content p,
html body .magazine-content p,
html body .blog-content p{color:#d0dbe7!important}
html body .article-content a,
html body .magazine-content a,
html body .blog-content a{color:#68dbea!important;text-decoration:underline;text-underline-offset:3px}
html body .article-content blockquote,
html body .magazine-content blockquote{
  margin:20px 0!important;padding:15px 18px!important;border-left:3px solid var(--rpu-brand)!important;
  border-radius:0 12px 12px 0!important;background:rgba(243,188,76,.06)!important;
}
html body .article-img{background:#091727!important}

/* Hinweise und Rückmeldungen */
html body .alert,
html body .notice,
html body .rp-notice,
html body .success,
html body .error,
html body .warning{
  padding:12px 14px!important;border:1px solid var(--rpu-line)!important;border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;color:#e5edf6!important;box-shadow:none!important;
}
html body .alert.success,
html body .success{border-color:rgba(53,208,149,.3)!important;background:rgba(53,208,149,.08)!important}
html body .alert.error,
html body .error{border-color:rgba(255,112,128,.3)!important;background:rgba(255,112,128,.08)!important}
html body .warning{border-color:rgba(243,188,76,.3)!important;background:rgba(243,188,76,.08)!important}

/* Betreiber und Verwaltungsoberflächen */
html body .admin-grid,
html body .operator-grid,
html body .rp-admin-grid{gap:16px!important}
html body .admin-sidebar,
html body .operator-sidebar,
html body .rp-admin-sidebar{
  border:1px solid var(--rpu-line)!important;border-radius:16px!important;background:#0a1828!important;box-shadow:var(--rpu-shadow-soft)!important;
}
html body .admin-nav a,
html body .operator-nav a,
html body .rp-admin-tabs a{
  padding:9px 12px!important;border-radius:9px!important;color:#c7d3e0!important;font-weight:760!important;
}
html body .admin-nav a:hover,
html body .admin-nav a.active,
html body .operator-nav a:hover,
html body .operator-nav a.active,
html body .rp-admin-tabs a:hover,
html body .rp-admin-tabs a.active{background:rgba(243,188,76,.1)!important;color:var(--rpu-brand)!important}
html body .rp-admin-premium{padding:28px 0 70px!important}
html body .rp-admin-tabs{
  display:flex!important;gap:6px!important;overflow-x:auto!important;margin:0 0 18px!important;padding:7px!important;
  border:1px solid var(--rpu-line)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;
}
html body .rp-admin-premium>.rp-card{margin-bottom:16px!important;padding:18px!important}
html body .rp-big{font-size:clamp(28px,4vw,50px)!important;color:var(--rpu-brand)!important}

/* Footer und kompakter Footerplayer */
html body footer:not(.rp-footer-player),
html body .site-footer{border-top:1px solid var(--rpu-line)!important;background:#050c16!important}
html body .rp-footer-player{
  border:1px solid var(--rpu-line-strong)!important;border-radius:17px!important;
  background:rgba(6,15,26,.97)!important;
  box-shadow:0 -12px 44px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
}
html body .rp-player-logo{border:1px solid rgba(243,188,76,.3)!important;background:#0a1929!important}
html body .rp-player-meta strong{color:#fff!important}
html body .rp-player-meta small{color:var(--rpu-success)!important}
html body .rp-control-btn{box-shadow:none!important}
html body .rp-play-btn{background:linear-gradient(135deg,var(--rpu-brand),var(--rpu-brand-2))!important;color:#111822!important}
html body .rp-progress{background:rgba(255,255,255,.09)!important;border-radius:999px!important;overflow:hidden!important}
html body .rp-progress>span{background:linear-gradient(90deg,var(--rpu-brand-2),var(--rpu-brand),var(--rpu-info))!important}
html body .rp-social-mobile-nav,
html body .rp-guest-footer-nav{
  border:1px solid var(--rpu-line)!important;border-radius:16px!important;
  background:rgba(5,14,24,.97)!important;box-shadow:0 16px 40px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(18px)!important;
}

/* Tablet */
@media(max-width:1100px){
  :root{--rpu-content:calc(100% - 24px)}
  html body .rp-premium-nav-shell{width:calc(100% - 20px)!important;flex-wrap:wrap!important;padding:9px 0!important}
  html body .rp-premium-brand-zone{width:100%!important;justify-content:space-between!important}
  html body .rp-social-search{flex:1!important;max-width:none!important}
  html body .rp-premium-mobile-toggle{display:flex!important}
  html body .rp-premium-nav-menu{
    display:none!important;width:100%!important;align-items:stretch!important;flex-direction:column!important;
    padding:8px!important;border:1px solid var(--rpu-line)!important;border-radius:14px!important;background:#091727!important;
  }
  html body .rp-premium-nav-menu.is-open,
  html body .rp-premium-nav-menu.open,
  html body.rp-premium-nav-open .rp-premium-nav-menu{display:flex!important}
  html body .rp-premium-nav-menu>a,
  html body .rp-premium-more-btn{width:100%!important;justify-content:flex-start!important}
  html body .rp-premium-user-zone{width:100%!important;margin:5px 0 0!important;padding-top:7px!important;border-top:1px solid var(--rpu-line)!important}
  html body .rp-radios-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .rp-auth-page{grid-template-columns:1fr!important}
  html body .radio-grid,
  html body .member-grid,
  html body .shop-grid,
  html body .rp-radio-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobil */
@media(max-width:700px){
  :root{--rpu-content:calc(100% - 18px)}
  html body{font-size:14px!important}
  html body main.wrap,
  html body main.wrap.page,
  html body main.page{padding-top:12px!important;padding-bottom:210px!important}
  html body .rp-radios-page,
  html body .rp-modern-shop,
  html body .rp-auth-page{margin-top:12px!important;margin-bottom:205px!important}
  html body .rp-premium-nav-shell{width:calc(100% - 16px)!important}
  html body .rp-premium-brand-text small{display:none!important}
  html body .rp-social-search{width:auto!important;min-width:0!important}
  html body .rp-social-search input{font-size:11px!important}
  html body .hero,
  html body [class*="-hero"],
  html body .rp-auth-card,
  html body .rp-auth-info{border-radius:17px!important}
  html body .card,
  html body .box,
  html body .rp-big-card,
  html body .rp-home-list-box,
  html body .rp-radio-tile,
  html body .member-card,
  html body .shop-item-card,
  html body .rp-card{border-radius:14px!important}
  html body .card-header,
  html body .rp-card-auto-head{min-height:52px!important;padding:10px 12px!important}
  html body .radio-grid,
  html body .member-grid,
  html body .shop-grid,
  html body .rp-radio-grid-page,
  html body .rp-radios-filter-row{grid-template-columns:1fr!important}
  html body .grid,
  html body .cards-grid{gap:11px!important}
  html body .profile-cover,
  html body .profile-cover-image{min-height:155px!important}
  html body .rp-auth-card,
  html body .rp-auth-info{padding:20px!important}
  html body .table-wrap,
  html body .rp-table-wrap,
  html body .rp-premium-table-wrap{margin-left:-2px!important;margin-right:-2px!important}
  html body table{min-width:620px}
  html body .btn,
  html body .rp-btn{min-height:42px!important}
  html body .rp-footer-player{left:7px!important;right:7px!important;bottom:72px!important}
}
@media(max-width:430px){
  html body .rp-premium-brand-icon{width:38px!important;height:38px!important}
  html body .rp-premium-brand-text strong{font-size:14px!important}
  html body .rp-social-search{display:none!important}
  html body h1{font-size:25px!important}
  html body .rp-player-volume{display:none!important}
}
@media(hover:hover){
  html body .card,
  html body .box,
  html body .rp-radio-tile,
  html body .member-card,
  html body .shop-item-card,
  html body .article-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  html body *,html body *::before,html body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}