.rbp-litters-page{
  --rbp-gold:#c8922e;
  --rbp-gold-light:#ffe6a3;
  --rbp-gold-mid:#e9b84f;
  --rbp-gold-deep:#8b5a09;
  --rbp-black:#050505;
  --rbp-panel:#0b0b0b;
  --rbp-text:#f5f5f5;
  --rbp-muted:#bfbfbf;
  background:
    radial-gradient(circle at 50% 0%,rgba(200,146,46,.12),transparent 28%),
    linear-gradient(180deg,#050505 0%,#080808 45%,#020202 100%);
  color:var(--rbp-text);
  padding:30px 18px 70px;
  font-family:Arial,sans-serif;
}

.rbp-litters-page *{box-sizing:border-box}

.rbp-litters-page h1,
.rbp-litters-page h2,
.rbp-litters-page h3{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:.03em;
}

.rbp-litters-hero{
  max-width:1240px;
  margin:0 auto 28px;
  display:grid;
  grid-template-columns:240px 1fr 240px;
  gap:26px;
  align-items:center;
}

.rbp-parent{
  text-align:center;
  position:relative;
}

.rbp-parent img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  border-radius:4px;
  filter:contrast(1.05) saturate(.9);
  box-shadow:
    0 0 0 1px rgba(255,215,120,.45),
    0 0 30px rgba(200,146,46,.18);
}

.rbp-parent-name{
  margin-top:-8px;
  position:relative;
  z-index:2;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:34px;
  background:linear-gradient(90deg,#7f5207,#ffe9a9 38%,#c8922e 60%,#fff1b8);
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:0 0 15px rgba(255,199,72,.18);
}

.rbp-litters-hero-center{text-align:center}

.rbp-kicker{
  display:inline-block;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-size:14px;
  background:linear-gradient(90deg,#81540a,#ffe6a3,#d39a25,#fff1b8,#81540a);
  -webkit-background-clip:text;
  color:transparent;
  position:relative;
}

.rbp-kicker:after{
  content:"";
  position:absolute;
  right:-14px;
  top:-6px;
  width:7px;
  height:7px;
  background:#fff1b8;
  transform:rotate(45deg);
  box-shadow:0 0 10px #f6c453,0 0 18px #f6c453;
}

.rbp-litters-hero h1{
  margin:10px 0 4px;
  font-size:clamp(42px,6vw,76px);
  line-height:1;
  font-weight:700;
  color:white;
}

.rbp-litters-hero h1 span{
  background:linear-gradient(135deg,#7e5008,#ffe6a3 35%,#c8922e 55%,#fff2b7 72%,#8d5c0a);
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:0 0 18px rgba(233,184,79,.15);
}

.rbp-birth{
  margin:12px 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  letter-spacing:.08em;
  color:#e1b358;
}

.rbp-litters-hero-center>p{
  max-width:650px;
  margin:0 auto 22px;
  color:#d9d9d9;
  font-size:17px;
  line-height:1.7;
}

.rbp-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(220,164,62,.68);
  background:linear-gradient(180deg,rgba(19,19,19,.92),rgba(6,6,6,.97));
  position:relative;
  overflow:hidden;
}

.rbp-stats:before,
.rbp-litter-showcase:before,
.rbp-puppy-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(255,239,183,.07) 45%,transparent 68%);
}

.rbp-stats div{
  padding:18px 10px;
  border-right:1px solid rgba(200,146,46,.28);
}

.rbp-stats div:last-child{border-right:none}

.rbp-stats strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;
  color:white;
}

.rbp-stats span{
  display:block;
  margin-top:5px;
  color:#bfbfbf;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.rbp-litter-showcase{
  max-width:1240px;
  margin:0 auto 38px;
  display:grid;
  grid-template-columns:1.7fr .8fr;
  border:1px solid rgba(218,160,50,.72);
  background:#070707;
  position:relative;
  box-shadow:0 0 32px rgba(181,123,19,.08);
}

.rbp-litter-photo img{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  display:block;
}

.rbp-litter-copy{
  padding:46px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  border-left:1px solid rgba(218,160,50,.55);
}

.rbp-litter-copy h2{
  color:white;
  font-size:34px;
  margin:12px 0;
}

.rbp-litter-copy p{
  line-height:1.8;
  color:#ddd;
  margin:5px 0;
}

.rbp-available-note{
  margin-top:18px!important;
  padding:13px 16px;
  border:1px solid rgba(224,172,66,.55);
  background:rgba(200,146,46,.07);
  color:#f0c56e!important;
  font-weight:700;
}

.rbp-available-section,
.rbp-girls{
  max-width:1240px;
  margin:0 auto 38px;
}

.rbp-section-title{
  text-align:center;
  margin:10px 0 24px;
  position:relative;
}

.rbp-section-title:before,
.rbp-section-title:after{
  content:"";
  position:absolute;
  top:30px;
  width:32%;
  height:1px;
  background:linear-gradient(90deg,transparent,#d19a32,#fff0b6,#d19a32,transparent);
  box-shadow:0 0 10px rgba(245,192,75,.4);
}

.rbp-section-title:before{left:0}
.rbp-section-title:after{right:0}

.rbp-section-title>span{
  display:inline-block;
  font-size:34px;
  margin-right:8px;
  color:#d8a03b;
}

.rbp-section-title h2{
  display:inline-block;
  margin:0;
  font-size:34px;
  background:linear-gradient(90deg,#8a5909,#ffe9ad 35%,#c98b21 58%,#fff1bd 75%,#865609);
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:0 0 14px rgba(255,205,93,.12);
}

.rbp-section-title p{
  margin:7px 0 0;
  color:#a8a8a8;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
}

.rbp-puppy-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.rbp-puppy-card{
  position:relative;
  background:linear-gradient(180deg,#111 0%,#080808 52%,#020202 100%);
  border:1px solid rgba(212,155,45,.72);
  padding:10px 10px 16px;
  text-align:center;
  overflow:hidden;
  box-shadow:
    inset 0 0 22px rgba(255,214,122,.025),
    0 0 20px rgba(181,121,18,.06);
  transition:.25s ease;
}

.rbp-puppy-card:hover{
  transform:translateY(-4px);
  border-color:#e5b856;
  box-shadow:0 0 26px rgba(229,184,86,.17);
}

.rbp-puppy-card img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}

.rbp-status{
  position:absolute;
  z-index:4;
  top:14px;
  left:-36px;
  width:155px;
  padding:7px 0;
  transform:rotate(-35deg);
  background:linear-gradient(90deg,#78500a,#f4d384,#b77d18);
  color:#090909;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 0 12px rgba(238,187,71,.4);
}

.rbp-collar{
  display:inline-block;
  min-width:180px;
  margin:-12px auto 8px;
  position:relative;
  z-index:3;
  padding:5px 16px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  border:1px solid rgba(255,255,255,.15);
}

.rbp-puppy-grey .rbp-collar{
  background:linear-gradient(90deg,#454545,#d7d7d7,#777,#ececec,#3c3c3c);
  color:#111;
}

.rbp-puppy-lightgreen .rbp-collar{
  background:linear-gradient(90deg,#395b06,#a3cf48,#718b14,#c7e577,#345005);
  color:white;
}

.rbp-puppy-darkgreen .rbp-collar{
  background:linear-gradient(90deg,#063e22,#177345,#0c4e2d,#299163,#063c22);
  color:white;
}

.rbp-puppy-card h3{
  margin:4px 0 5px;
  font-size:24px;
  color:white;
}

.rbp-puppy-card>p{
  min-height:44px;
  color:#e3e3e3;
  margin:0 0 8px;
}

.rbp-price{
  font-family:Georgia,"Times New Roman",serif;
  font-size:37px;
  font-weight:700;
  margin:14px 0;
  line-height:1;
  background:linear-gradient(90deg,#7f5007,#ffe7a0 36%,#d39a27 58%,#fff0b7 78%,#7f5007);
  -webkit-background-clip:text;
  color:transparent;
  position:relative;
}

.rbp-price:after{
  content:"✦";
  position:absolute;
  top:-13px;
  right:18%;
  color:#fff1b4;
  font-size:16px;
  text-shadow:0 0 8px #ffc84e,0 0 16px #ffc84e;
}

.rbp-price span{
  display:block;
  font-size:14px;
  letter-spacing:.06em;
  margin-top:5px;
}

.rbp-repro{
  margin:0 12px 12px;
  padding:11px;
  border:1px solid rgba(205,150,46,.62);
  color:#ddd;
  font-size:13px;
}

.rbp-repro strong{color:#d9a743}

.rbp-cta{
  display:block;
  margin:0 12px;
  padding:14px 12px;
  border:1px solid #c9932f;
  background:linear-gradient(115deg,#795006 0%,#f1cf78 35%,#b87a12 55%,#f8dc8f 74%,#785006 100%);
  color:#090909!important;
  text-decoration:none!important;
  font-weight:800;
  letter-spacing:.02em;
  transition:.2s ease;
  box-shadow:0 0 15px rgba(211,156,48,.13);
}

.rbp-cta:hover{
  filter:brightness(1.1);
  box-shadow:0 0 22px rgba(244,194,85,.28);
}

.rbp-puppy-lightgreen .rbp-cta{
  background:linear-gradient(115deg,#355500,#9bc745 35%,#647d0b 56%,#bddf69 76%,#375600);
}

.rbp-puppy-darkgreen .rbp-cta{
  background:linear-gradient(115deg,#043a20,#18754a 35%,#0b4f2f 58%,#288963 76%,#04381f);
  color:white!important;
}

.rbp-girls{
  border:1px solid rgba(206,80,134,.55);
  padding:22px 24px 28px;
  text-align:center;
  background:linear-gradient(180deg,#090909,#050505);
}

.rbp-section-title-pink h2{
  color:#f3f3f3;
  background:none;
  -webkit-background-clip:initial;
}

.rbp-section-title-pink>span{color:#e36ba3}

.rbp-section-title-pink:before,
.rbp-section-title-pink:after{
  background:linear-gradient(90deg,transparent,#cf4f8d,#f5a5c7,#cf4f8d,transparent);
  box-shadow:none;
}

.rbp-girl-names{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:14px 0 18px;
}

.rbp-girl-names span{
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:30px;
  color:#ef8ab8;
  padding:14px 8px;
  border-bottom:1px solid rgba(219,93,149,.4);
}

.rbp-girls>p{
  color:#ccc;
  margin:0;
}

.rbp-litter-footer{
  max-width:980px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(206,154,55,.62);
  background:#080808;
}

.rbp-litter-footer div{
  text-align:center;
  padding:17px 10px;
  color:#eee;
  border-right:1px solid rgba(206,154,55,.25);
}

.rbp-litter-footer div:last-child{border-right:none}

@media(max-width:950px){
  .rbp-litters-hero{
    grid-template-columns:150px 1fr 150px;
    gap:14px;
  }

  .rbp-puppy-grid{grid-template-columns:1fr}
  .rbp-litter-showcase{grid-template-columns:1fr}
  .rbp-litter-copy{border-left:none;border-top:1px solid rgba(218,160,50,.55)}
}

@media(max-width:700px){
  .rbp-litters-page{padding:20px 10px 50px}

  .rbp-litters-hero{
    grid-template-columns:1fr 1fr;
  }

  .rbp-litters-hero-center{
    grid-column:1/-1;
    grid-row:1;
  }

  .rbp-parent{
    grid-row:2;
  }

  .rbp-parent img{
    aspect-ratio:1/1;
  }

  .rbp-parent-name{font-size:26px}

  .rbp-stats{
    grid-template-columns:repeat(2,1fr);
  }

  .rbp-stats div:nth-child(2){
    border-right:none;
  }

  .rbp-stats div:nth-child(-n+2){
    border-bottom:1px solid rgba(200,146,46,.28);
  }

  .rbp-section-title:before,
  .rbp-section-title:after{display:none}

  .rbp-section-title h2{font-size:27px}

  .rbp-girl-names{
    grid-template-columns:repeat(2,1fr);
  }

  .rbp-litter-footer{
    grid-template-columns:1fr;
  }

  .rbp-litter-footer div{
    border-right:none;
    border-bottom:1px solid rgba(206,154,55,.25);
  }

  .rbp-litter-footer div:last-child{border-bottom:none}
}

/* =========================================================
   RBP PORTÉES — AUTHENTIQUE V4
   vraies photos uniquement
   ========================================================= */

/* ---------- HERO PARENTS ---------- */

.rbp-litters-hero{
  max-width:1280px;
  grid-template-columns:290px minmax(520px,1fr) 290px;
  gap:10px;
  align-items:center;
  padding-top:18px;
}

.rbp-parent{
  position:relative;
  height:390px;
  overflow:hidden;
  background:#050505;
}

/* on recadre très fort les vraies photos */
.rbp-parent img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  object-fit:cover;
  filter:brightness(.78) contrast(1.12) saturate(.78);
  transform:none;
  -webkit-mask-image:none;
  mask-image:none;
}

/* Naya : tête + poitrail */
.rbp-parent-left img{
  width:155%;
  height:155%;
  left:-27%;
  top:-19%;
  object-position:center 43%;
}

/* Rango : tête + poitrail */
.rbp-parent-right img{
  width:148%;
  height:148%;
  left:-24%;
  top:-14%;
  object-position:center 35%;
}

/* vrai fondu noir : on masque le décor avec une vignette très forte */
.rbp-parent:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(
      ellipse 58% 67% at 50% 43%,
      transparent 0%,
      transparent 48%,
      rgba(5,5,5,.22) 61%,
      rgba(5,5,5,.68) 78%,
      #050505 97%
    ),
    linear-gradient(
      to bottom,
      transparent 0%,
      transparent 62%,
      rgba(5,5,5,.72) 82%,
      #050505 100%
    );
}

.rbp-parent:after{
  content:"";
  position:absolute;
  z-index:4;
  left:12%;
  right:12%;
  bottom:37px;
  height:1px;
  background:linear-gradient(90deg,transparent,#a86f15,#ffe39a,#a86f15,transparent);
  box-shadow:0 0 10px rgba(225,169,58,.38);
}

.rbp-parent-name{
  position:absolute;
  z-index:6;
  left:0;
  right:0;
  bottom:3px;
  margin:0;
  font-size:36px;
  line-height:1;
  background:linear-gradient(100deg,#86570c,#f0c967,#fff0b0,#bd8121,#f3d57d);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 7px rgba(219,160,48,.24));
}


/* ---------- TITRE / STATS ---------- */

.rbp-litters-hero-center{
  align-self:center;
  padding:0 8px;
}

.rbp-litters-hero h1{
  white-space:nowrap;
  font-size:clamp(48px,5vw,72px);
}

.rbp-stats{
  grid-template-columns:.85fr .85fr .85fr 1.45fr;
}

.rbp-stats div:last-child{
  min-width:180px;
}

.rbp-stats div:last-child strong{
  font-size:21px !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}


/* =========================================================
   LES 7 CHIOTS — PHOTO RÉELLE FONDUE
   ========================================================= */

.rbp-litter-showcase{
  max-width:1280px;
  min-height:545px;
  position:relative;
  display:block;
  overflow:hidden;
  border:0;
  background:
    radial-gradient(circle at 20% 65%,rgba(191,126,18,.09),transparent 31%),
    #030303;
  box-shadow:none;
}

/* fine ligne gold seulement — pas de cadre rectangle */
.rbp-litter-showcase:after{
  content:"";
  position:absolute;
  z-index:10;
  left:4%;
  right:4%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#8c5b10,#e4b651,#8c5b10,transparent);
  box-shadow:0 0 9px rgba(225,172,59,.30);
}

/* photo réelle, sans rectangle perceptible */
.rbp-litter-photo{
  position:absolute;
  z-index:1;
  left:-2%;
  top:-6%;
  width:73%;
  height:112%;
  overflow:visible;
}

.rbp-litter-photo img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  border:0;
  background:transparent;
  filter:
    brightness(.67)
    contrast(1.12)
    saturate(.67);

  -webkit-mask-image:
    radial-gradient(
      ellipse 73% 78% at 44% 49%,
      #000 0%,
      #000 51%,
      rgba(0,0,0,.92) 62%,
      rgba(0,0,0,.54) 77%,
      transparent 96%
    );

  mask-image:
    radial-gradient(
      ellipse 73% 78% at 44% 49%,
      #000 0%,
      #000 51%,
      rgba(0,0,0,.92) 62%,
      rgba(0,0,0,.54) 77%,
      transparent 96%
    );
}

/* lumière gold extrêmement discrète */
.rbp-litter-photo:before{
  content:"";
  position:absolute;
  z-index:4;
  left:2%;
  bottom:7%;
  width:270px;
  height:160px;
  background:
    radial-gradient(circle at 30% 50%,rgba(244,187,68,.15),transparent 12%),
    radial-gradient(circle at 55% 70%,rgba(224,158,39,.09),transparent 8%);
  filter:blur(5px);
  pointer-events:none;
}

/* noir de transition vers le texte */
.rbp-litter-photo:after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 58%,
      rgba(3,3,3,.22) 70%,
      rgba(3,3,3,.78) 89%,
      #030303 100%
    );
  pointer-events:none;
}


/* ---------- TEXTE À DROITE ---------- */

.rbp-litter-copy{
  position:relative;
  z-index:6;
  width:39%;
  min-width:400px;
  min-height:545px;
  margin-left:auto;
  padding:68px 38px 55px;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.rbp-litter-copy .rbp-kicker{
  margin-bottom:15px;
}

.rbp-litter-copy h2{
  max-width:360px;
  margin:0 auto 20px;
  font-size:39px;
  line-height:1.20;
  font-weight:400;
}

.rbp-litter-copy h2:after{
  content:"";
  display:block;
  width:92px;
  height:1px;
  margin:21px auto 0;
  background:linear-gradient(90deg,transparent,#9d6711,#ffe49b,#9d6711,transparent);
  box-shadow:0 0 9px rgba(230,175,59,.40);
}

.rbp-litter-copy p{
  max-width:350px;
  margin:4px auto;
  font-size:16px;
  line-height:1.8;
  color:#e2e2e2;
}

.rbp-available-note{
  max-width:360px;
  margin:25px auto 0 !important;
  padding:18px 20px;
  border:1px solid rgba(207,150,39,.65);
  background:rgba(174,115,16,.045);
  color:#e8b74d !important;
  box-shadow:inset 0 0 18px rgba(255,213,107,.025);
}


/* ---------- RESPONSIVE ---------- */

@media(max-width:1000px){
  .rbp-litters-hero{
    grid-template-columns:210px minmax(420px,1fr) 210px;
  }

  .rbp-parent{
    height:330px;
  }

  .rbp-litter-copy{
    min-width:350px;
    width:42%;
  }
}

@media(max-width:760px){
  .rbp-litters-hero{
    grid-template-columns:1fr 1fr;
  }

  .rbp-litters-hero-center{
    grid-column:1/-1;
    grid-row:1;
  }

  .rbp-litters-hero h1{
    white-space:normal;
  }

  .rbp-parent{
    height:270px;
  }

  .rbp-parent-left img{
    width:145%;
    height:145%;
    left:-22%;
    top:-15%;
  }

  .rbp-parent-right img{
    width:140%;
    height:140%;
    left:-20%;
    top:-11%;
  }

  .rbp-litter-showcase{
    min-height:800px;
  }

  .rbp-litter-photo{
    width:100%;
    height:510px;
    left:0;
    top:-15px;
  }

  .rbp-litter-photo img{
    -webkit-mask-image:
      radial-gradient(
        ellipse 88% 72% at 50% 42%,
        #000 0%,
        #000 55%,
        rgba(0,0,0,.7) 72%,
        transparent 100%
      );

    mask-image:
      radial-gradient(
        ellipse 88% 72% at 50% 42%,
        #000 0%,
        #000 55%,
        rgba(0,0,0,.7) 72%,
        transparent 100%
      );
  }

  .rbp-litter-photo:after{
    background:linear-gradient(to bottom,transparent 45%,#030303 96%);
  }

  .rbp-litter-copy{
    width:100%;
    min-width:0;
    min-height:0;
    margin-top:435px;
    padding:35px 22px 30px;
  }
}


/* =========================================================
   RBP PORTÉES — TRUE BLACK FADE V5
   ========================================================= */

.rbp-litters-page{
  background:#000 !important;
}

.rbp-litters-hero{
  background:#000 !important;
}

/* ===== PARENTS : aucun pseudo-cadre ===== */

.rbp-parent{
  background:#000 !important;
  overflow:hidden;
}

.rbp-parent img{
  filter:
    brightness(.70)
    contrast(1.14)
    saturate(.72) !important;
}

/* NAYA : vrai cadrage tête + poitrail */
.rbp-parent-left img{
  width:175% !important;
  height:175% !important;
  left:-38% !important;
  top:-28% !important;
  object-position:50% 45% !important;
}

/* RANGO : vrai cadrage tête + poitrail */
.rbp-parent-right img{
  width:165% !important;
  height:165% !important;
  left:-32% !important;
  top:-23% !important;
  object-position:50% 35% !important;
}

/* gros fondu radial vers NOIR PUR */
.rbp-parent:before{
  background:
    radial-gradient(
      ellipse 51% 62% at 50% 42%,
      transparent 0%,
      transparent 34%,
      rgba(0,0,0,.08) 46%,
      rgba(0,0,0,.30) 57%,
      rgba(0,0,0,.66) 72%,
      rgba(0,0,0,.90) 84%,
      #000 96%
    ),
    linear-gradient(
      to bottom,
      transparent 0%,
      transparent 54%,
      rgba(0,0,0,.22) 65%,
      rgba(0,0,0,.76) 83%,
      #000 96%
    ) !important;
}

/* plus aucun bloc sombre derrière le nom */
.rbp-parent-name{
  background:
    linear-gradient(
      100deg,
      #84540b,
      #e3ad3c 28%,
      #fff0ae 48%,
      #c58b24 67%,
      #f1d27b
    ) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

/* ===== BLOC PORTÉE : NOIR TOTAL ===== */

.rbp-litter-showcase{
  background:#000 !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* on supprime toute lumière/fond brun parasite */
.rbp-litter-showcase:before{
  display:none !important;
}

/* uniquement une fine ligne gold en bas */
.rbp-litter-showcase:after{
  content:"" !important;
  position:absolute !important;
  left:5% !important;
  right:5% !important;
  bottom:0 !important;
  top:auto !important;
  height:1px !important;
  background:
    linear-gradient(
      90deg,
      transparent,
      #6d4307 18%,
      #d49a2d 45%,
      #ffe5a0 50%,
      #d49a2d 55%,
      #6d4307 82%,
      transparent
    ) !important;
  box-shadow:0 0 10px rgba(225,170,54,.28) !important;
}

/* ===== PHOTO DES 7 : plus de rectangle ===== */

.rbp-litter-photo{
  left:-3% !important;
  top:-8% !important;
  width:72% !important;
  height:116% !important;
  background:#000 !important;
}

.rbp-litter-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#000 !important;

  filter:
    brightness(.57)
    contrast(1.15)
    saturate(.58) !important;

  -webkit-mask-image:
    radial-gradient(
      ellipse 63% 73% at 47% 49%,
      #000 0%,
      #000 39%,
      rgba(0,0,0,.95) 48%,
      rgba(0,0,0,.78) 58%,
      rgba(0,0,0,.48) 69%,
      rgba(0,0,0,.18) 80%,
      transparent 93%
    ) !important;

  mask-image:
    radial-gradient(
      ellipse 63% 73% at 47% 49%,
      #000 0%,
      #000 39%,
      rgba(0,0,0,.95) 48%,
      rgba(0,0,0,.78) 58%,
      rgba(0,0,0,.48) 69%,
      rgba(0,0,0,.18) 80%,
      transparent 93%
    ) !important;
}

/* suppression du faux halo gold */
.rbp-litter-photo:before{
  display:none !important;
}

/* fondu horizontal final vers texte */
.rbp-litter-photo:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.42) 0%,
      transparent 13%,
      transparent 49%,
      rgba(0,0,0,.08) 57%,
      rgba(0,0,0,.34) 68%,
      rgba(0,0,0,.73) 80%,
      #000 96%
    ),
    linear-gradient(
      to bottom,
      rgba(0,0,0,.40) 0%,
      transparent 15%,
      transparent 70%,
      rgba(0,0,0,.52) 87%,
      #000 100%
    ) !important;

  pointer-events:none !important;
}

/* ===== TEXTE PORTÉE ===== */

.rbp-litter-copy{
  background:#000 !important;
}

.rbp-available-note{
  background:#000 !important;
  border:1px solid rgba(207,150,39,.68) !important;
}

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

@media(max-width:760px){

  .rbp-parent-left img{
    width:165% !important;
    height:165% !important;
    left:-33% !important;
    top:-23% !important;
  }

  .rbp-parent-right img{
    width:155% !important;
    height:155% !important;
    left:-27% !important;
    top:-18% !important;
  }

  .rbp-litter-photo{
    width:100% !important;
    height:510px !important;
    left:0 !important;
  }

  .rbp-litter-photo img{
    -webkit-mask-image:
      radial-gradient(
        ellipse 72% 72% at 50% 42%,
        #000 0%,
        #000 42%,
        rgba(0,0,0,.72) 61%,
        rgba(0,0,0,.30) 76%,
        transparent 94%
      ) !important;

    mask-image:
      radial-gradient(
        ellipse 72% 72% at 50% 42%,
        #000 0%,
        #000 42%,
        rgba(0,0,0,.72) 61%,
        rgba(0,0,0,.30) 76%,
        transparent 94%
      ) !important;
  }

  .rbp-litter-copy{
    background:#000 !important;
  }
}


/* CORRECTION CADRAGE RANGO */
.rbp-parent-right img{
  width:145% !important;
  height:145% !important;
  left:-22% !important;
  top:-7% !important;
  object-position:50% 30% !important;
}


/* FINITION PREMIUM — PHOTO PORTÉE SANS CADRE VISIBLE */

.rbp-litter-photo{
  left:-8% !important;
  top:-12% !important;
  width:79% !important;
  height:124% !important;
  background:#000 !important;
}

.rbp-litter-photo img{
  filter:
    brightness(.72)
    contrast(1.08)
    saturate(.72) !important;

  -webkit-mask-image:
    radial-gradient(
      ellipse 60% 72% at 52% 47%,
      #000 0%,
      #000 40%,
      rgba(0,0,0,.96) 48%,
      rgba(0,0,0,.76) 60%,
      rgba(0,0,0,.42) 72%,
      rgba(0,0,0,.14) 84%,
      transparent 96%
    ) !important;

  mask-image:
    radial-gradient(
      ellipse 60% 72% at 52% 47%,
      #000 0%,
      #000 40%,
      rgba(0,0,0,.96) 48%,
      rgba(0,0,0,.76) 60%,
      rgba(0,0,0,.42) 72%,
      rgba(0,0,0,.14) 84%,
      transparent 96%
    ) !important;
}

.rbp-litter-photo:after{
  background:
    linear-gradient(
      90deg,
      #000 0%,
      rgba(0,0,0,.72) 4%,
      rgba(0,0,0,.28) 11%,
      transparent 22%,
      transparent 52%,
      rgba(0,0,0,.12) 61%,
      rgba(0,0,0,.48) 75%,
      rgba(0,0,0,.86) 88%,
      #000 98%
    ),
    linear-gradient(
      180deg,
      #000 0%,
      rgba(0,0,0,.35) 7%,
      transparent 18%,
      transparent 68%,
      rgba(0,0,0,.24) 79%,
      rgba(0,0,0,.70) 90%,
      #000 100%
    ) !important;
}


/* ===== CORRECTION FINALE PARENTS : TÊTE + POITRAIL ENTIERS ===== */

.rbp-litters-hero{
  grid-template-columns:320px minmax(520px,1fr) 320px !important;
}

.rbp-parent{
  height:420px !important;
}

/* Naya */
.rbp-parent-left img{
  width:138% !important;
  height:138% !important;
  left:-19% !important;
  top:-4% !important;
  object-position:50% 34% !important;
}

/* Rango */
.rbp-parent-right img{
  width:132% !important;
  height:132% !important;
  left:-16% !important;
  top:-2% !important;
  object-position:50% 28% !important;
}

/* fondu plus large, sans manger les oreilles */
.rbp-parent:before{
  background:
    radial-gradient(
      ellipse 69% 78% at 50% 43%,
      transparent 0%,
      transparent 50%,
      rgba(0,0,0,.12) 60%,
      rgba(0,0,0,.38) 72%,
      rgba(0,0,0,.72) 84%,
      #000 98%
    ),
    linear-gradient(
      to bottom,
      transparent 0%,
      transparent 68%,
      rgba(0,0,0,.35) 82%,
      #000 100%
    ) !important;
}


/* ===== CARTES FEMELLES RÉSERVÉES ===== */

.rbp-girls{
  max-width:1240px;
  margin:0 auto 38px;
  padding:38px 0 0;
  border:0;
  background:#000;
}

.rbp-girls-grid{
  grid-template-columns:repeat(4,1fr);
}

.rbp-girls .rbp-puppy-card{
  border-color:rgba(205,150,45,.58);
  background:linear-gradient(180deg,#0c0c0c,#030303);
}

.rbp-status-reserved{
  background:linear-gradient(90deg,#65430a,#d5a23d,#f5dc91,#a66e14);
  color:#080808;
}

.rbp-girls .rbp-puppy-card img{
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center 28%;
  filter:brightness(.82) saturate(.82);
}

.rbp-girls .rbp-collar{
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.7);
}

/* BULMA — ORANGE */
.rbp-girl-orange .rbp-collar{
  background:linear-gradient(90deg,#7a3100,#e76e13,#ffb04a,#d45405,#762b00);
}

/* BONNIE — ROSE */
.rbp-girl-pink .rbp-collar{
  background:linear-gradient(90deg,#79284b,#e16b9c,#ffb0cf,#ce4e84,#70203f);
}

/* BAYA — FUCHSIA */
.rbp-girl-fuchsia .rbp-collar{
  background:linear-gradient(90deg,#6e0750,#dc198f,#ff70c1,#b80b72,#650344);
}

/* BAÏA — VIOLET */
.rbp-girl-purple .rbp-collar{
  background:linear-gradient(90deg,#351369,#7650bb,#b899ee,#6540a8,#2f105e);
}

.rbp-girls .rbp-puppy-card h3{
  margin-top:7px;
  font-size:27px;
}

.rbp-girls .rbp-puppy-card>p{
  min-height:auto;
  margin-bottom:13px;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.14em;
  color:#aaa;
}

.rbp-family{
  margin:8px 12px 4px;
  padding:13px 8px;
  border:1px solid rgba(207,150,45,.55);
  background:#000;
  color:#dbae50;
  font-size:12px;
  font-weight:700;
  letter-spacing:.09em;
}

@media(max-width:1050px){
  .rbp-girls-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:600px){
  .rbp-girls-grid{
    grid-template-columns:1fr;
  }
}


/* ===== GOLD + BLEU MÂLES / GOLD + ROSE FEMELLES ===== */

/* MÂLES : cadre gold avec lumière bleue */
.rbp-available-section .rbp-puppy-card{
  border:1px solid #d5a12e !important;
  box-shadow:
    0 0 0 1px rgba(218,165,45,.18),
    0 0 12px rgba(25,126,255,.42),
    inset 0 0 18px rgba(18,105,255,.08) !important;
}

.rbp-available-section .rbp-puppy-card:before{
  background:
    linear-gradient(90deg,
      transparent,
      #e6b642 20%,
      #fff0a4 48%,
      #e6b642 72%,
      transparent),
    linear-gradient(90deg,
      transparent 15%,
      rgba(25,130,255,.8) 50%,
      transparent 85%) !important;
}

.rbp-available-section .rbp-status{
  border:1px solid #2589ff !important;
  background:linear-gradient(180deg,#123b73,#061a38) !important;
  color:#fff !important;
  box-shadow:0 0 10px rgba(31,132,255,.55) !important;
}

/* FEMELLES : cadre gold avec lumière rose */
.rbp-girls .rbp-puppy-card{
  border:1px solid #d5a12e !important;
  box-shadow:
    0 0 0 1px rgba(218,165,45,.18),
    0 0 12px rgba(255,42,132,.42),
    inset 0 0 18px rgba(255,31,121,.08) !important;
}

.rbp-girls .rbp-puppy-card:before{
  background:
    linear-gradient(90deg,
      transparent,
      #e6b642 20%,
      #fff0a4 48%,
      #e6b642 72%,
      transparent),
    linear-gradient(90deg,
      transparent 15%,
      rgba(255,39,129,.82) 50%,
      transparent 85%) !important;
}

.rbp-girls .rbp-status-reserved{
  border:1px solid #ff398b !important;
  background:linear-gradient(180deg,#8c1749,#39051d) !important;
  color:#fff !important;
  box-shadow:0 0 10px rgba(255,44,132,.55) !important;
}

/* petit reflet premium sur les angles */
.rbp-available-section .rbp-puppy-card:hover{
  box-shadow:
    0 0 0 1px rgba(244,198,86,.35),
    0 0 22px rgba(30,130,255,.55),
    inset 0 0 22px rgba(30,130,255,.10) !important;
}

.rbp-girls .rbp-puppy-card:hover{
  box-shadow:
    0 0 0 1px rgba(244,198,86,.35),
    0 0 22px rgba(255,44,132,.55),
    inset 0 0 22px rgba(255,44,132,.10) !important;
}


/* ===== FIX CARTES : FOND NOIR + GOLD/BLEU & GOLD/ROSE ===== */

.rbp-available-section .rbp-puppy-card,
.rbp-girls .rbp-puppy-card{
  background:#050505 !important;
  background-image:none !important;
  overflow:hidden !important;
}

/* neutralise le pseudo-element qui recouvrait les cartes */
.rbp-available-section .rbp-puppy-card:before,
.rbp-girls .rbp-puppy-card:before{
  content:none !important;
  display:none !important;
}

/* MÂLES : GOLD + BLEU */
.rbp-available-section .rbp-puppy-card{
  border:1px solid #d9a52e !important;
  box-shadow:
    0 0 2px #ffe49a,
    0 0 9px rgba(33,133,255,.70),
    0 0 20px rgba(20,100,230,.22),
    inset 0 0 10px rgba(31,126,255,.10) !important;
}

/* FEMELLES : GOLD + ROSE */
.rbp-girls .rbp-puppy-card{
  border:1px solid #d9a52e !important;
  box-shadow:
    0 0 2px #ffe49a,
    0 0 9px rgba(255,42,132,.70),
    0 0 20px rgba(220,20,105,.22),
    inset 0 0 10px rgba(255,42,132,.10) !important;
}


/* ===== CADRES METAL BLEU / METAL ROSE ===== */

/* MÂLES — MÉTAL BLEU */
.rbp-available-section .rbp-puppy-card{
  border:2px solid #54aaff !important;
  background:#030303 !important;
  box-shadow:
    0 0 2px #ffffff,
    0 0 7px #43a5ff,
    0 0 16px rgba(0,112,255,.65),
    inset 0 0 12px rgba(40,145,255,.12) !important;
}

.rbp-available-section .rbp-puppy-card:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
  border:1px solid transparent !important;
  background:linear-gradient(
    135deg,
    #dff4ff 0%,
    #50baff 12%,
    #0758ba 27%,
    #b9eaff 43%,
    #147be5 61%,
    #e5f8ff 78%,
    #258cff 100%
  ) border-box !important;
  -webkit-mask:
    linear-gradient(#000 0 0) padding-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
}

/* FEMELLES — MÉTAL ROSE */
.rbp-girls .rbp-puppy-card{
  border:2px solid #ff5da9 !important;
  background:#030303 !important;
  box-shadow:
    0 0 2px #fff,
    0 0 7px #ff58aa,
    0 0 16px rgba(255,20,125,.62),
    inset 0 0 12px rgba(255,65,155,.12) !important;
}

.rbp-girls .rbp-puppy-card:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
  border:1px solid transparent !important;
  background:linear-gradient(
    135deg,
    #ffe3f1 0%,
    #ff67b2 12%,
    #a80055 27%,
    #ffc4e0 43%,
    #e61b83 61%,
    #fff0f7 78%,
    #ff3d9d 100%
  ) border-box !important;
  -webkit-mask:
    linear-gradient(#000 0 0) padding-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
}


/* ===== CORRECTION HERO + ESPACE HAUT DE PAGE ===== */

/* Réduit le grand vide sous le titre WordPress */
.page-id-18 .entry-content,
.page-id-18 .content-area,
.page-id-18 .site-main{
  padding-top:0 !important;
  margin-top:0 !important;
}

.page-id-18 .entry-header{
  margin-bottom:18px !important;
  padding-bottom:0 !important;
}

.page-id-18 .entry-title{
  margin-bottom:8px !important;
}

/* rapproche le contenu réel du titre Nos portées */
.rbp-litters-page{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* redonne de la place aux photos parents */
.rbp-litters-hero{
  grid-template-columns:360px minmax(460px,1fr) 360px !important;
  column-gap:28px !important;
}

/* évite que le titre central déborde dans Rango */
.rbp-litters-hero-center{
  min-width:0 !important;
  overflow:visible !important;
  padding:0 8px !important;
}

.rbp-litters-hero-center h1{
  font-size:clamp(42px,4.2vw,68px) !important;
  white-space:nowrap !important;
  letter-spacing:.015em !important;
}

/* sécurité : Rango reste dans sa propre colonne */
.rbp-parent-right{
  position:relative !important;
  z-index:3 !important;
}

.rbp-parent-right img{
  position:absolute !important;
  z-index:1 !important;
}

/* le nom Rango reste bien sous sa photo */
.rbp-parent-right .rbp-parent-name{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:8px !important;
  z-index:8 !important;
  text-align:center !important;
}

@media(max-width:1200px){
  .rbp-litters-hero{
    grid-template-columns:300px minmax(420px,1fr) 300px !important;
  }

  .rbp-litters-hero-center h1{
    font-size:50px !important;
  }
}


/* ===== HAUT DE PAGE COMPACT — NE TOUCHE PAS AUX CARTES ===== */

/* Supprime le grand bandeau vide généré autour de "Nos portées" */
.page-id-18 .entry-hero,
.page-id-18 .entry-header,
.page-id-18 .page-header{
  min-height:0 !important;
  height:auto !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Titre de page compact */
.page-id-18 .entry-title{
  margin:0 !important;
  padding:0 !important;
  line-height:1.15 !important;
}

/* Le bloc Naya × Rango remonte juste dessous */
.page-id-18 .entry-content{
  padding-top:0 !important;
  margin-top:0 !important;
}

.rbp-litters-page{
  padding-top:12px !important;
  margin-top:0 !important;
}

/* AUCUNE modification des sections cartes */

/* ===== HERO PORTÉE PLEINE LARGEUR — CARTES INCHANGÉES ===== */

.page-id-18 .content-container,
.page-id-18 .site-container,
.page-id-18 .content-area,
.page-id-18 .site-main,
.page-id-18 .entry-content{
  max-width:none !important;
  width:100% !important;
}

.rbp-litters-page{
  width:100% !important;
  max-width:none !important;
}

/* uniquement le haut */
.rbp-litters-hero,
.rbp-litter-showcase{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Naya / centre / Rango utilisent vraiment l'espace */
.rbp-litters-hero{
  grid-template-columns:minmax(320px,28vw) minmax(520px,1fr) minmax(320px,28vw) !important;
  padding-left:clamp(28px,5vw,90px) !important;
  padding-right:clamp(28px,5vw,90px) !important;
  column-gap:clamp(20px,3vw,55px) !important;
}

/* plus d'air visuel autour des parents */
.rbp-parent{
  width:100% !important;
}

/* bloc portée dessous également étendu */
.rbp-litter-showcase{
  padding-left:clamp(40px,8vw,150px) !important;
  padding-right:clamp(40px,8vw,150px) !important;
}

/* sécurité : ne touche pas aux cartes */
.rbp-available-section,
.rbp-girls,
.rbp-litter-footer{
  width:auto !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* ===== FIX DATE HERO : 04/08/2026 SUR UNE LIGNE ===== */

.rbp-litters-hero .rbp-stats > div:last-child{
  min-width:0 !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

.rbp-litters-hero .rbp-stats > div:last-child strong{
  display:block !important;
  width:100% !important;
  white-space:nowrap !important;
  overflow:visible !important;
  font-size:clamp(20px,1.65vw,30px) !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

.rbp-litters-hero .rbp-stats > div:last-child span{
  white-space:nowrap !important;
  font-size:10px !important;
}


/* ===== FIX RÉEL CASE DATE ===== */

.rbp-litters-hero .rbp-stats{
  grid-template-columns:1fr 1fr 1fr 1.55fr !important;
}

.rbp-litters-hero .rbp-stats > div:last-child{
  min-width:190px !important;
  padding:0 10px !important;
}

.rbp-litters-hero .rbp-stats > div:last-child strong{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow:visible !important;
  font-size:26px !important;
  line-height:1 !important;
}


/* ===== FIX DEFINITIF DATE HERO ===== */
.page-id-18 .rbp-litters-hero .rbp-stats > div:nth-child(4) strong{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  font-size:23px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  overflow:visible !important;
}

.page-id-18 .rbp-litters-hero .rbp-stats > div:nth-child(4){
  min-width:210px !important;
  overflow:visible !important;
}


/* ===== RESPONSIVE HERO PORTÉE — TABLETTE & MOBILE ===== */

/* TABLETTE */
@media (max-width: 1100px){

  .rbp-litters-hero{
    width:100% !important;
    margin:0 !important;
    padding:20px 24px 28px !important;
    grid-template-columns:1fr 1.35fr 1fr !important;
    column-gap:18px !important;
  }

  .rbp-parent{
    height:320px !important;
  }

  .rbp-parent-left img,
  .rbp-parent-right img{
    width:125% !important;
    height:125% !important;
    left:-12% !important;
    top:-3% !important;
  }

  .rbp-litters-hero-center h1{
    font-size:42px !important;
  }

  .rbp-litters-hero-center p{
    font-size:15px !important;
  }

  .rbp-litters-hero .rbp-stats{
    grid-template-columns:1fr 1fr !important;
  }

  .rbp-litters-hero .rbp-stats > div:last-child{
    min-width:0 !important;
  }

  .rbp-litters-hero .rbp-stats > div:nth-child(4) strong{
    font-size:21px !important;
  }
}


/* MOBILE */
@media (max-width: 700px){

  .rbp-litters-hero{
    width:100% !important;
    margin:0 !important;
    padding:14px 14px 24px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "center center"
      "naya rango" !important;
    gap:14px !important;
  }

  .rbp-litters-hero-center{
    grid-area:center !important;
    padding:0 !important;
  }

  .rbp-parent-left{
    grid-area:naya !important;
  }

  .rbp-parent-right{
    grid-area:rango !important;
  }

  .rbp-litters-hero-center h1{
    font-size:34px !important;
    white-space:normal !important;
    line-height:1.05 !important;
  }

  .rbp-litters-hero-center .rbp-birth{
    font-size:18px !important;
  }

  .rbp-litters-hero-center p{
    font-size:14px !important;
    line-height:1.5 !important;
    padding:0 6px !important;
  }

  .rbp-parent{
    height:220px !important;
    width:100% !important;
  }

  .rbp-parent-left img,
  .rbp-parent-right img{
    width:120% !important;
    height:120% !important;
    left:-10% !important;
    top:-2% !important;
  }

  .rbp-parent-name{
    font-size:24px !important;
  }

  .rbp-litters-hero .rbp-stats{
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
  }

  .rbp-litters-hero .rbp-stats > div{
    min-height:86px !important;
    padding:10px 5px !important;
  }

  .rbp-litters-hero .rbp-stats strong{
    font-size:24px !important;
  }

  .rbp-litters-hero .rbp-stats > div:nth-child(4) strong{
    font-size:18px !important;
    white-space:nowrap !important;
  }

  .rbp-litters-hero .rbp-stats span{
    font-size:8px !important;
  }

  /* bloc photo + texte sous le hero */
  .rbp-litter-showcase{
    width:100% !important;
    margin:0 !important;
    padding:18px 14px 28px !important;
    display:block !important;
  }

  .rbp-litter-photo{
    position:relative !important;
    width:100% !important;
    height:340px !important;
    left:auto !important;
    top:auto !important;
    margin:0 auto 20px !important;
  }

  .rbp-litter-copy{
    width:100% !important;
    padding:0 !important;
  }

}



/* RBP BANDEAUX COLLIERS METALLIQUES */

.rbp-collar{
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.75);
    border-top:1px solid rgba(255,255,255,.42);
    border-bottom:1px solid rgba(0,0,0,.65);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        inset 0 -1px 0 rgba(0,0,0,.55),
        0 2px 7px rgba(0,0,0,.4);
}

.rbp-collar-bleu{
    background:linear-gradient(100deg,#061b35 0%,#1269b7 24%,#6dc7ff 47%,#147ed0 57%,#04172e 100%) !important;
}

.rbp-collar-vert-clair{
    background:linear-gradient(100deg,#16330f 0%,#55a938 24%,#b6ed8b 47%,#64bd42 57%,#102b0b 100%) !important;
}

.rbp-collar-vert-fonce{
    background:linear-gradient(100deg,#06180c 0%,#176532 24%,#66b77c 47%,#20733b 57%,#05150a 100%) !important;
}

.rbp-collar-rouge{
    background:linear-gradient(100deg,#350609 0%,#a71925 24%,#f47378 47%,#bd2631 57%,#2d0508 100%) !important;
}

.rbp-collar-rose{
    background:linear-gradient(100deg,#3c1029 0%,#bd3b7e 24%,#ffacd4 47%,#d54b91 57%,#320b22 100%) !important;
}

.rbp-collar-fuchsia{
    background:linear-gradient(100deg,#350526 0%,#a90b75 24%,#ff72cc 47%,#cf178f 57%,#2d041f 100%) !important;
}

.rbp-collar-violet{
    background:linear-gradient(100deg,#1d0a31 0%,#6930a0 24%,#bf8bea 47%,#7d3db6 57%,#170727 100%) !important;
}

.rbp-collar-jaune{
    background:linear-gradient(100deg,#4e3c00 0%,#b99305 24%,#fff18a 47%,#d4ad18 57%,#403100 100%) !important;
    color:#111 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.35);
}

.rbp-collar-orange{
    background:linear-gradient(100deg,#482000 0%,#b65d09 24%,#ffb25b 47%,#d87515 57%,#351700 100%) !important;
}

.rbp-collar-gris{
    background:linear-gradient(100deg,#292929 0%,#777 24%,#e2e2e2 47%,#8e8e8e 57%,#202020 100%) !important;
    color:#111 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.45);
}

.rbp-collar-noir{
    background:linear-gradient(100deg,#030303 0%,#303030 24%,#8b8b8b 47%,#252525 57%,#000 100%) !important;
}

.rbp-collar-blanc{
    background:linear-gradient(100deg,#8b8b8b 0%,#e1e1e1 24%,#fff 47%,#d4d4d4 57%,#777 100%) !important;
    color:#111 !important;
    text-shadow:none;
}

.rbp-collar-marron{
    background:linear-gradient(100deg,#26140a 0%,#754321 24%,#c58b61 47%,#89502b 57%,#1f1008 100%) !important;
}

.rbp-collar-turquoise{
    background:linear-gradient(100deg,#063238 0%,#168c99 24%,#83e5ec 47%,#24a6b2 57%,#05282d 100%) !important;
}

/* ===== BANDEAU PERE / PORTEE / MERE ===== */

.rbp-litter-family{
    width:min(1180px,94%);
    margin:0 auto 42px;
    display:grid;
    grid-template-columns:1fr 1.35fr 1fr;
    gap:28px;
    align-items:end;
    text-align:center;
}

.rbp-litter-family-item{
    min-width:0;
}

.rbp-litter-family-item img{
    display:block;
    width:100%;
    height:240px;
    object-fit:cover;
    object-position:center;
    border:1px solid rgba(205,161,47,.75);
}

.rbp-litter-family-center img{
    height:300px;
}

.rbp-litter-family-item span{
    display:block;
    margin-top:12px;
    color:#cfa12e;
    font-size:.72rem;
    letter-spacing:.18em;
}

.rbp-litter-family-item strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-family:Georgia,serif;
    font-size:1.08rem;
    text-transform:uppercase;
}

@media(max-width:800px){
    .rbp-litter-family{
        grid-template-columns:1fr;
        width:min(520px,92%);
    }

    .rbp-litter-family-item img,
    .rbp-litter-family-center img{
        height:280px;
    }
}