/* =========================================================
   RHEINGAU BIKES — BESTAND
========================================================= */

.rgb-stock-section{
  padding:0;
  background:#080a0e;
  position:relative;
  overflow:hidden;
  color:#fff;
}

.rgb-stock-container{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:0;
}

/* =========================================================
   HEADER
========================================================= */

.rgb-stock-head{
  display:none;
}

/* =========================================================
   GRID
========================================================= */

.rgb-stock-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2.8rem;
  padding-bottom:2rem;
}

@media(min-width:992px){

  .rgb-stock-section{
    padding:3rem 0;
  }

  .rgb-stock-container{
    max-width:1240px;
    padding:0 1rem;
  }

  .rgb-stock-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:2rem;
  }
}

/* =========================================================
   CARD
========================================================= */

.rgb-stock-card{
  display:flex;
  flex-direction:column;

  background:#080a0e;

  color:#fff;

  overflow:hidden;
  position:relative;

  border-radius:28px;
  border:1px solid rgba(255,255,255,.06);

  box-shadow:
    0 28px 80px rgba(0,0,0,.42);

  isolation:isolate;
}

.rgb-stock-card:focus{
  outline:2px solid rgba(255,75,92,.55);
  outline-offset:3px;
}

.rgb-stock-card.is-top-ad{
  transform:none;
}

/* =========================================================
   TOP LABEL
========================================================= */

.rgb-stock-top-header{
  padding:1.3rem 1.55rem .8rem;

  background:#080a0e;

  color:#ff4b5f;

  font-size:.9rem;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;

  position:relative;
  z-index:6;
}

/* =========================================================
   IMAGE AREA
========================================================= */

.rgb-stock-swiper{
  width:100%;
  aspect-ratio:1 /.9;

  position:relative;
  overflow:hidden;

  background:#080a0e;

  /* SCHRÄGE */
  clip-path:polygon(
    0 8%,
    100% 0,
    100% 100%,
    0 100%
  );

  margin-top:-1px;
}

/* WENIGER DUNKLER OVERLAY */
.rgb-stock-swiper::after{
  content:"";

  position:absolute;
  inset:0;

  z-index:2;
  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.01) 0%,
      rgba(0,0,0,.015) 52%,
      rgba(8,10,14,.12) 100%
    ),

    radial-gradient(
      circle at 50% 45%,
      transparent 0%,
      rgba(0,0,0,.07) 100%
    );
}

.rgb-stock-slide{
  display:flex;
  align-items:center;
  justify-content:center;
}

.rgb-stock-slide a{
  width:100%;
  height:100%;
  display:block;
}

.rgb-stock-image{
  width:100%;
  height:100%;

  object-fit:contain;
  object-position:center;

  display:block;

  background:#080a0e;
}

/* =========================================================
   PAGINATION
========================================================= */

.rgb-stock-pagination{
  position:absolute;
  left:0;
  right:0;
  bottom:18px !important;

  z-index:5;
}

.rgb-stock-section .swiper-pagination-bullet{
  width:9px;
  height:9px;

  background:rgba(255,255,255,.42);
  opacity:1;
}

.rgb-stock-section .swiper-pagination-bullet-active{
  background:#fff;
}

/* =========================================================
   BODY
========================================================= */

.rgb-stock-card-body{
  padding:1.8rem 1.55rem 2rem;

  display:flex;
  flex-direction:column;

  position:relative;
  z-index:5;

  background:#080a0e;
}

/* =========================================================
   TITLE
========================================================= */

.rgb-stock-card-title{
  margin:0;

  font-size:1.55rem;
  line-height:1.24;
  letter-spacing:-.03em;
  font-weight:900;
}

.rgb-stock-card-title a{
  color:#fff;
  text-decoration:none;
}

.rgb-stock-card-title a:hover{
  text-decoration:none;
}

/* =========================================================
   META LIST
========================================================= */

.rgb-stock-meta-list{
  list-style:none;

  margin:1.7rem 0 0;
  padding:0;

  display:flex;
  flex-direction:column;
}

.rgb-stock-meta-item{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;

  gap:1rem;

  padding:1.08rem 0;

  border-bottom:1px solid rgba(255,255,255,.08);
}

.rgb-stock-meta-label{
  display:flex;
  align-items:center;
  gap:.95rem;

  color:rgba(255,255,255,.56);

  font-size:1.08rem;
  line-height:1.2;
}

.rgb-stock-meta-label i{
  width:1.6rem;
  min-width:1.6rem;

  text-align:center;

  font-size:1.28rem;

  color:rgba(255,255,255,.56);
}

.rgb-stock-meta-value{
  color:#fff;

  font-size:1.12rem;
  font-weight:500;

  white-space:nowrap;
  text-align:right;
}

/* =========================================================
   DATE
========================================================= */

.rgb-stock-date-row{
  display:none;
}

/* =========================================================
   PRICE
========================================================= */

.rgb-stock-price-big{
  margin-top:1.65rem;

  font-size:2.35rem;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:950;

  color:#fff;
}

/* =========================================================
   BUTTON ROW
========================================================= */

.rgb-stock-card-body > .d-flex{
  margin-top:1.7rem !important;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;

  align-items:center;
  gap:1.25rem;
}

/* =========================================================
   BUTTON
========================================================= */

.rgb-stock-card .btn-outline-secondary{
  height:60px;

  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);

  background:transparent;
  color:#fff;

  padding:0 1.2rem;

  font-size:1.05rem;
  font-weight:900;

  display:flex;
  align-items:center;
  justify-content:space-between;

  box-shadow:none;
}

.rgb-stock-card .btn-outline-secondary::after{
  content:"→";

  color:#ff4b5f;

  font-size:2rem;
  line-height:1;

  margin-left:1.4rem;
}

.rgb-stock-card .btn-outline-secondary:hover{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.3);
  color:#fff;
}

/* =========================================================
   LINK
========================================================= */

.rgb-stock-more-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;

  white-space:nowrap;

  color:#fff;
  text-decoration:none;

  font-size:1.08rem;
}

.rgb-stock-more-link:hover{
  color:#fff;
  text-decoration:none;
}

.rgb-stock-more-arrow{
  font-size:2rem;
  line-height:1;

  color:#ff4b5f;
}

/* =========================================================
   DESCRIPTION
========================================================= */

.rgb-stock-card .collapse .card,
.rgb-stock-card .card.card-body{
  background:rgba(255,255,255,.04);
  color:#fff;

  border:1px solid rgba(255,255,255,.08);
}

.rgb-stock-card .text-muted{
  color:rgba(255,255,255,.55) !important;
}

/* =========================================================
   MORE BUTTON
========================================================= */

.rgb-stock-more-ads{
  margin-top:0;
  padding:2rem 1rem 3rem;

  text-align:center;
}

.rgb-stock-more-ads-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:.8rem 1.6rem;

  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);

  background:#fff;
  color:#111;

  text-decoration:none;

  font-size:.95rem;
  font-weight:800;
}

.rgb-stock-more-ads-btn:hover{
  background:#ff4b5f;
  border-color:#ff4b5f;
  color:#fff;
}

/* =========================================================
   EMPTY
========================================================= */

.rgb-stock-empty{
  margin:1.5rem;
  padding:2rem 1.5rem;

  text-align:center;

  background:#11141a;

  border-radius:18px;

  box-shadow:0 6px 18px rgba(0,0,0,.25);
}

.rgb-stock-empty-icon{
  width:2.1rem;
  height:2.1rem;
  line-height:2.1rem;

  margin:0 auto .5rem;

  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);

  font-size:1.1rem;
  font-weight:600;

  color:rgba(255,255,255,.65);
}

.rgb-stock-empty-text{
  margin:0;
  font-weight:500;
}

/* =========================================================
   IOS / SWIPER
========================================================= */

.rgb-stock-swiper,
.rgb-stock-swiper .swiper-wrapper,
.rgb-stock-swiper .swiper-slide{
  touch-action:pan-y;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:991.98px){

  .rb-view-list .rgb-stock-grid{
    grid-template-columns:1fr;
  }

  .rb-view-list .rgb-stock-card{
    border-radius:0;

    border-left:0;
    border-right:0;
  }

  .rb-view-list .rgb-stock-swiper{
    width:100%;
    min-width:unset;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px){

  .rgb-stock-grid{
    gap:2.5rem;
  }

  .rgb-stock-top-header{
    padding:1rem 1.35rem .65rem;

    font-size:.82rem;
    letter-spacing:.23em;
  }

  .rgb-stock-swiper{

    /* MEHR BILD SICHTBAR */
    aspect-ratio:1 /.94;

    /* SCHRÄGE */
    clip-path:polygon(
      0 7%,
      100% 0,
      100% 100%,
      0 100%
    );
  }

  .rgb-stock-card-body{
    padding:1.45rem 1.35rem 1.9rem;
  }

  .rgb-stock-card-title{
    font-size:1.32rem;
    line-height:1.28;
  }

  .rgb-stock-meta-item{
    padding:.95rem 0;
  }

  .rgb-stock-meta-label{
    font-size:1rem;
    gap:.8rem;
  }

  .rgb-stock-meta-label i{
    width:1.55rem;
    min-width:1.55rem;

    font-size:1.22rem;
  }

  .rgb-stock-meta-value{
    font-size:1rem;
  }

  /* PREIS KLEINER */
  .rgb-stock-price-big{
    margin-top:1.4rem;
    font-size:2.15rem;
  }

  .rgb-stock-card-body > .d-flex{
    margin-top:1.55rem !important;
    gap:1rem;
  }

  .rgb-stock-card .btn-outline-secondary{
    height:56px;

    border-radius:14px;

    padding:0 1rem;

    font-size:1rem;
  }

  .rgb-stock-card .btn-outline-secondary::after{
    font-size:1.8rem;
  }

  .rgb-stock-more-link{
    font-size:1rem;
  }

  .rgb-stock-more-arrow{
    font-size:1.8rem;
  }
}

/* =========================================================
   VERY SMALL
========================================================= */

@media(max-width:360px){

  .rgb-stock-card-body{
    padding-left:1rem;
    padding-right:1rem;
  }

  .rgb-stock-card-title{
    font-size:1.15rem;
  }

  .rgb-stock-meta-label{
    font-size:.9rem;
  }

  .rgb-stock-meta-value{
    font-size:.92rem;
  }

  .rgb-stock-price-big{
    font-size:1.95rem;
  }

  .rgb-stock-card-body > .d-flex{
    grid-template-columns:1fr;
  }

  .rgb-stock-more-link{
    justify-content:flex-end;
  }
}

/* =========================================================
   ANIMATION
========================================================= */

.rgb-anim-active .rgb-stock-card.rgb-stock-animate{
  opacity:0;
  transform:translateY(24px);

  transition:
    opacity .6s ease-out,
    transform .6s ease-out;

  will-change:transform,opacity;
}

.rgb-anim-active .rgb-stock-card--from-left{
  transform:translateY(24px);
}

.rgb-anim-active .rgb-stock-card--from-right{
  transform:translateY(24px);
}

.rgb-anim-active .rgb-stock-card.rgb-stock-card--visible{
  opacity:1;
  transform:translateY(0);
}

/* =========================================================
   COMPARE MODE
========================================================= */

@media(max-width:991.98px){

  .rb-compare-mode .rgb-stock-card{
    cursor:pointer;
    border-radius:18px;
  }

  .rb-compare-mode .rgb-stock-card a,
  .rb-compare-mode .rgb-stock-card button{
    pointer-events:none;
  }

  .rb-compare-mode .rgb-stock-card.rb-selected{
    outline:3px solid #ff4b5f;
    outline-offset:2px;

    filter:brightness(.9);
  }

  .rb-compare-mode .rgb-stock-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.75rem;
    padding:.75rem;
  }

  .rb-compare-mode
  .d-flex.align-items-center.justify-content-between.mt-2,

  .rb-compare-mode
  .collapse.mt-3,

  .rb-compare-mode
  .rgb-stock-date-row{
    display:none !important;
  }

  .rb-compare-mode .rgb-stock-card-body{
    padding:.8rem .8rem 1rem;
  }

  .rb-compare-mode .rgb-stock-swiper{
    aspect-ratio:1 /.85;
  }

  .rb-compare-mode .rgb-stock-top-header{
    font-size:.62rem;
    padding-bottom:0;
  }

  .rb-compare-mode .rgb-stock-card-title{
    font-size:.9rem;
  }

  .rb-compare-mode .rgb-stock-price-big{
    font-size:1.25rem;
    margin-top:.8rem;
  }

  .rb-compare-mode .rgb-stock-meta-list{
    margin-top:.75rem;
  }

  .rb-compare-mode .rgb-stock-meta-item{
    grid-template-columns:1fr;
    gap:.2rem;

    padding:.45rem 0;
  }

  .rb-compare-mode .rgb-stock-meta-label{
    font-size:.7rem;
  }

  .rb-compare-mode .rgb-stock-meta-value{
    text-align:left;
    font-size:.78rem;
  }
}

/* =========================================================
   COMPARE BAR
========================================================= */

.rgb-compare-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;

  z-index:50;

  background:rgba(8,10,14,.94);

  border-top:1px solid rgba(255,255,255,.1);

  backdrop-filter:blur(12px);
}

.rgb-compare-bar-inner{
  max-width:1200px;
  margin:0 auto;

  padding:10px 16px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;
  flex-wrap:wrap;
}

.rgb-compare-info{
  color:#fff;
}

.rgb-compare-btn{
  border:1px solid #ff4b5f;
  background:#ff4b5f;
  color:#fff;

  padding:.55rem .85rem;

  border-radius:10px;

  font-weight:800;

  cursor:pointer;
}

.rgb-compare-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.rgb-compare-btn--ghost{
  background:transparent;
  color:#fff;

  border-color:rgba(255,255,255,.2);
}

/* =========================================================
   DIALOG
========================================================= */

.rgb-compare-dialog{
  border:none;

  width:min(1100px,92vw);

  padding:0;

  border-radius:14px;

  background:#101319;
  color:#fff;

  box-shadow:0 24px 80px rgba(0,0,0,.55);
}

.rgb-compare-dialog::backdrop{
  background:rgba(0,0,0,.65);
}

.rgb-compare-dialog-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:14px 16px;

  border-bottom:1px solid rgba(255,255,255,.1);
}

.rgb-compare-x{
  border:1px solid rgba(255,255,255,.18);

  background:transparent;
  color:#fff;

  border-radius:10px;

  padding:.35rem .55rem;

  font-weight:900;

  cursor:pointer;
}

.rgb-compare-dialog-body{
  padding:14px 16px 18px;
}

.rgb-compare-table-wrap{
  overflow:auto;
}

.rgb-compare-table{
  width:100%;
  min-width:760px;

  border-collapse:collapse;
}

.rgb-compare-table th,
.rgb-compare-table td{
  border:1px solid rgba(255,255,255,.1);

  padding:10px;

  vertical-align:top;
  text-align:left;

  font-size:.9rem;

  color:#fff;
}

.rgb-compare-rowhead{
  width:160px;

  background:rgba(255,255,255,.045);

  font-weight:900;
}

.rgb-compare-title{
  margin-bottom:4px;
  font-weight:900;
}

.rgb-compare-link{
  color:#ff4b5f;

  font-weight:800;
  text-decoration:none;
}

.rgb-compare-link:hover{
  text-decoration:underline;
}

/* =========================================================
   BESTAND SHOWROOM REFRESH
========================================================= */
.rb-stock-page{
  background:#050608;
  color:#fff;
  overflow:hidden;
}

.rb-stock-hero{
  position:relative;
  min-height:82svh;
  display:grid;
  align-items:end;
  isolation:isolate;
  background:#050608;
}

.rb-stock-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}

.rb-stock-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  filter:saturate(1.05) contrast(1.04);
}

.rb-stock-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(5,6,8,.18),rgba(5,6,8,.34) 42%,#050608 100%),
    radial-gradient(circle at 20% 70%,rgba(216,74,58,.24),transparent 28%),
    linear-gradient(90deg,rgba(5,6,8,.86),rgba(5,6,8,.20) 46%,rgba(5,6,8,.68));
  pointer-events:none;
}

.rb-stock-hero-inner{
  position:relative;
  z-index:2;
  padding-top:clamp(112px,14vw,180px);
  padding-bottom:clamp(42px,7vw,86px);
}

.rb-stock-kicker{
  margin:0;
  color:rgba(255,255,255,.52);
  font-size:11px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.rb-stock-hero h1{
  max-width:10ch;
  margin:12px 0 0;
  color:#fff;
  font-size:clamp(56px,10vw,126px);
  line-height:.88;
  font-weight:800;
  letter-spacing:-.045em;
}

.rb-stock-lead{
  max-width:650px;
  margin:22px 0 0;
  color:rgba(255,255,255,.72);
  font-size:clamp(17px,2vw,23px);
  line-height:1.5;
}

.rb-stock-hero-actions,
.rb-stock-request-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.rb-stock-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:#fff;
  padding:13px 16px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-decoration:none;
}

.rb-stock-btn i{
  color:#ff6456;
  font-size:16px;
}

.rb-stock-btn--primary{
  border-color:rgba(216,74,58,.58);
  background:linear-gradient(135deg,rgba(216,74,58,.32),rgba(255,255,255,.035));
}

.rb-stock-btn:hover{
  color:#fff;
  border-color:rgba(255,255,255,.32);
}

.rb-stock-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:760px;
  margin-top:24px;
}

.rb-stock-hero-stats div{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(5,6,8,.58);
  padding:15px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.rb-stock-hero-stats span,
.rb-stock-hero-stats strong{
  display:block;
}

.rb-stock-hero-stats span{
  color:rgba(255,255,255,.42);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.rb-stock-hero-stats strong{
  margin-top:5px;
  color:#fff;
  font-size:clamp(19px,2vw,28px);
  line-height:1;
}

.rgb-stock-section{
  padding:clamp(28px,5vw,72px) 0 clamp(42px,7vw,88px) !important;
  background:
    linear-gradient(180deg,#050608 0%,#080a0e 48%,#050608 100%) !important;
}

.rgb-stock-container{
  max-width:1240px !important;
  padding:0 clamp(18px,4vw,34px) !important;
}

.rgb-stock-head{
  display:flex !important;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}

.rgb-stock-head-left h2{
  margin:0;
  color:#fff;
  font-size:clamp(34px,5vw,64px);
  line-height:1;
  font-weight:700;
  letter-spacing:-.035em;
}

.rgb-stock-head-left .pill{
  display:inline-flex;
  margin-top:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.70);
  padding:9px 12px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.rgb-stock-head-right{
  display:flex;
  gap:8px;
}

.rgb-view-btn{
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
  color:#fff;
  font-size:20px;
}

.rgb-view-btn.is-active{
  border-color:rgba(216,74,58,.62);
  color:#ff6456;
}

.rgb-stock-grid{
  gap:18px !important;
}

@media(min-width:992px){
  .rgb-stock-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .rgb-stock-card.is-top-ad{
    grid-column:span 2;
  }

  .rgb-stock-card.is-top-ad .rgb-stock-swiper{
    aspect-ratio:16/9;
  }
}

.rgb-stock-card{
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),
    #080a0e !important;
  box-shadow:none !important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.rgb-stock-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#d84a3a;
  transform:scaleY(.25);
  transform-origin:top;
  transition:transform .2s ease;
  z-index:8;
}

.rgb-stock-card:hover{
  transform:translateY(-3px);
  border-color:rgba(216,74,58,.42) !important;
  background:
    linear-gradient(135deg,rgba(216,74,58,.12),rgba(255,255,255,.018) 38%),
    #080a0e !important;
}

.rgb-stock-card:hover::before{
  transform:scaleY(1);
}

.rgb-stock-top-header{
  display:inline-flex;
  align-self:start;
  margin:14px 14px 0;
  padding:8px 10px !important;
  border:1px solid rgba(216,74,58,.35);
  background:rgba(216,74,58,.13) !important;
  color:#fff !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
}

.rgb-stock-swiper{
  clip-path:none !important;
  aspect-ratio:4/3 !important;
  background:
    radial-gradient(circle at 50% 54%,rgba(255,255,255,.08),transparent 44%),
    #050608 !important;
}

.rgb-stock-image{
  padding:10px;
  object-fit:contain !important;
}

.rgb-stock-card-body{
  padding:18px !important;
  background:transparent !important;
}

.rgb-stock-card-title{
  font-size:clamp(20px,2.1vw,28px) !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
}

.rgb-stock-meta-list{
  margin-top:16px !important;
}

.rgb-stock-meta-item{
  padding:11px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}

.rgb-stock-meta-label{
  gap:9px !important;
  color:rgba(255,255,255,.52) !important;
  font-size:13px !important;
}

.rgb-stock-meta-label i{
  width:20px !important;
  min-width:20px !important;
  color:#ff6456 !important;
  font-size:16px !important;
}

.rgb-stock-meta-value{
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
}

.rgb-stock-price-big{
  margin-top:18px !important;
  color:#fff !important;
  font-size:clamp(30px,3.4vw,48px) !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
}

.rgb-stock-card-body > .d-flex{
  grid-template-columns:1fr auto !important;
  margin-top:18px !important;
  gap:12px !important;
}

.rgb-stock-card .btn-outline-secondary,
.rgb-stock-more-ads-btn{
  min-height:48px !important;
  height:auto !important;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.15) !important;
  background:rgba(255,255,255,.035) !important;
  color:#fff !important;
  padding:11px 14px !important;
  font-size:12px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.rgb-stock-card .btn-outline-secondary:hover,
.rgb-stock-more-ads-btn:hover{
  border-color:rgba(216,74,58,.55) !important;
  background:rgba(216,74,58,.16) !important;
}

.rgb-stock-more-link{
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.rgb-stock-more-arrow{
  color:#ff6456 !important;
}

.rgb-stock-card .collapse .card,
.rgb-stock-card .card.card-body{
  border-radius:0 !important;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.035) !important;
}

.rb-external-placeholder{
  border-radius:0 !important;
  border-color:rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.035) !important;
  color:#fff !important;
}

.rb-external-placeholder .btn{
  border-radius:0 !important;
  background:#d84a3a !important;
  border-color:#d84a3a !important;
}

.rb-stock-request{
  position:relative;
  padding:clamp(42px,7vw,92px) 0;
  background:#050608;
}

.rb-stock-request::before{
  content:"";
  position:absolute;
  left:clamp(18px,4vw,56px);
  right:clamp(18px,4vw,56px);
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}

.rb-stock-request-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 100% 0,rgba(216,74,58,.16),transparent 32%),
    rgba(255,255,255,.025);
  padding:clamp(22px,4vw,36px);
}

.rb-stock-request-card h2{
  margin:9px 0 0;
  color:#fff;
  font-size:clamp(30px,4.8vw,58px);
  line-height:1;
  font-weight:700;
  letter-spacing:-.035em;
}

.rb-stock-request-card p:not(.rb-stock-kicker){
  max-width:720px;
  margin:14px 0 0;
  color:rgba(255,255,255,.62);
  font-size:16px;
  line-height:1.6;
}

@media(max-width:768px){
  .rb-stock-hero{
    min-height:86svh;
  }

  .rb-stock-hero-bg img{
    object-position:center top;
  }

  .rb-stock-hero-inner{
    padding-top:100px;
    padding-bottom:26px;
  }

  .rb-stock-hero h1{
    max-width:9ch;
    font-size:clamp(46px,14vw,70px);
  }

  .rb-stock-lead{
    max-width:31ch;
    margin-top:16px;
    font-size:16px;
  }

  .rb-stock-hero-actions,
  .rb-stock-request-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .rb-stock-hero-stats{
    grid-template-columns:1fr 1fr 1fr;
    gap:7px;
  }

  .rb-stock-hero-stats div{
    padding:11px 9px;
  }

  .rb-stock-hero-stats strong{
    font-size:16px;
  }

  .rgb-stock-head{
    align-items:start;
    flex-direction:column;
  }

  .rgb-stock-head-left h2{
    font-size:32px;
  }

  .rgb-stock-container{
    padding:0 14px !important;
  }

  .rgb-stock-grid{
    gap:14px !important;
  }

  .rb-view-list .rgb-stock-card{
    border-left:1px solid rgba(255,255,255,.11) !important;
    border-right:1px solid rgba(255,255,255,.11) !important;
  }

  .rgb-stock-swiper{
    aspect-ratio:1/.82 !important;
  }

  .rgb-stock-card-body{
    padding:15px !important;
  }

  .rgb-stock-meta-item{
    grid-template-columns:1fr !important;
    gap:4px !important;
  }

  .rgb-stock-meta-value{
    text-align:left !important;
  }

  .rgb-stock-card-body > .d-flex{
    grid-template-columns:1fr !important;
  }

  .rgb-stock-more-link{
    justify-content:flex-end;
  }

  .rb-stock-request-card{
    grid-template-columns:1fr;
  }
}

@media(max-width:420px){
  .rb-stock-hero{
    min-height:82svh;
  }

  .rb-stock-hero h1{
    font-size:43px;
  }

  .rb-stock-hero-stats{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .rb-stock-hero-stats::-webkit-scrollbar{
    display:none;
  }

  .rb-stock-hero-stats div{
    flex:0 0 68%;
    scroll-snap-align:start;
  }
}

/* Ultra Clean Bestand Layer */
.rgb-stock-card,
.rgb-stock-card-body,
.rgb-stock-swiper,
.rgb-compare-dialog,
.rgb-compare-btn,
.rgb-compare-x{
  border-radius:0 !important;
  box-shadow:none !important;
}

.rgb-stock-card{
  background:transparent !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}

.rgb-stock-card:hover{
  transform:none !important;
}

.rgb-stock-grid{
  gap:clamp(24px,4vw,48px) !important;
}

.rgb-stock-card-body{
  padding:18px 0 0 !important;
}

.rgb-stock-price-big{
  font-weight:650 !important;
}

.rgb-stock-meta-item{
  border-color:rgba(255,255,255,.10) !important;
}

.rgb-compare-bar{
  box-shadow:none !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}

/* Premium Moto Details fuer Bestand */
.rb-stock-hero-inner{
  position:relative;
}

.rb-stock-hero-inner::after{
  content:"";
  display:block;
  width:min(420px,72vw);
  height:4px;
  margin-top:22px;
  background:linear-gradient(90deg,#d84a3a 0 34%,rgba(255,255,255,.72) 34% 38%,transparent 38%);
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%);
}

.rgb-stock-card{
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.046),rgba(255,255,255,.012)),
    #080a0e !important;
  overflow:hidden;
}

.rgb-stock-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 18px),
    radial-gradient(circle at 50% 0,rgba(216,74,58,.08),transparent 30%);
  opacity:.7;
  z-index:0;
}

.rgb-stock-swiper,
.rgb-stock-card-body,
.rgb-stock-top-header{
  position:relative;
  z-index:1;
}

.rgb-stock-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(216,74,58,.45) !important;
}

.rgb-stock-swiper{
  background:
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.10),transparent 44%),
    linear-gradient(180deg,#0a0d10,#050608) !important;
}

.rgb-stock-image{
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.34));
  transition:transform .24s ease, filter .24s ease;
}

.rgb-stock-card:hover .rgb-stock-image{
  transform:scale(1.025);
  filter:drop-shadow(0 28px 44px rgba(0,0,0,.46));
}

.rgb-stock-card-title a{
  background:linear-gradient(90deg,#fff,#fff);
  background-size:0 1px;
  background-position:0 100%;
  background-repeat:no-repeat;
  transition:background-size .2s ease;
}

.rgb-stock-card:hover .rgb-stock-card-title a{
  background-size:100% 1px;
}

.rgb-stock-meta-item,
.rgb-stock-card .btn-outline-secondary,
.rgb-stock-more-link{
  position:relative;
}

.rgb-stock-card .btn-outline-secondary{
  overflow:hidden;
}

.rgb-stock-card .btn-outline-secondary::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-45%;
  width:36%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
}

.rgb-stock-card .btn-outline-secondary:hover::before{
  animation:rgbStockSweep .72s ease both;
}

@keyframes rgbStockSweep{
  0%{left:-45%;opacity:0}
  20%{opacity:.8}
  100%{left:110%;opacity:0}
}

@media(max-width:640px){
  .rb-stock-hero-inner::after{
    width:min(300px,78vw);
    height:3px;
    margin-top:16px;
  }

  .rgb-stock-card:hover{
    transform:none !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .rgb-stock-card,
  .rgb-stock-image,
  .rgb-stock-card .btn-outline-secondary::before{
    transition:none !important;
    animation:none !important;
  }
}