/** Shopify CDN: Minification failed

Line 788:1 Expected identifier but found whitespace
Line 942:0 Unexpected "{"

**/
/* Run, Art & Box — fiche Pack #1 uniquement. Le socle partagé reste dans rab-theme.css. */

#MainContent .rab-pack1-section {
  position: relative;
  width: 100%;
  height: 100%;
}

#MainContent .rab-pack1-section .rab-content-block__intro-text {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #00202c;
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: clamp(15px, calc(1.45vw - 3px), 21px);
    font-weight: 400;
    font-style: italic;
    line-height: 1.18;
    text-align: center;
    white-space: nowrap;
    transform: translateY(6px);
  }

  @media (max-width: 749px), (min-width: 1200px) and (max-width: 1599px) {
    #MainContent .rab-pack1-section .rab-content-block__intro-text,
    #MainContent .rab-pack1-section .rab-pack-card__subtitle {
      font-size: clamp(18px, 1.45vw, 24px);
    }
  }

  @media (min-width: 1366px) {
    #MainContent .rab-pack1-section .rab-content-block__intro-text,
    #MainContent .rab-pack1-section .rab-pack-card__subtitle {
      font-size: 18px;
    }
  }

  #MainContent .rab-pack1-section .rab-content-block {
    background: #ffffff;
  }

  #MainContent .rab-pack1-section .rab-content-block--intro,
  #MainContent .rab-pack1-section .rab-content-block--dark-intro,
  #MainContent .rab-pack1-section .rab-content-block--intro-button {
    isolation: isolate;
  }

  #MainContent .rab-pack1-section .rab-content-block--intro,
  #MainContent .rab-pack1-section .rab-content-block--intro-button {
    background: #ffffff !important;
  }

  #MainContent .rab-pack1-section .rab-content-block--dark-intro {
    background: #00202c !important;
  }

  #MainContent .rab-pack1-section .rab-content-block--dark-intro .rab-content-block__intro-text {
    color: #ffffff;
    transform: none;
  }

  #MainContent .rab-pack1-section .rab-content-block--dark-intro::before {
    content: none !important;
    display: none !important;
  }

  #MainContent .rab-pack1-section .rab-content-block--intro::after,
  #MainContent .rab-pack1-section .rab-content-block--dark-intro::after,
  #MainContent .rab-pack1-section .rab-content-block--intro-button::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: url('/cdn/shop/files/motif-bloc-intro.svg?v=1552768033930333999');
    background-position: center calc(58% + 45px);
    background-repeat: no-repeat;
    background-size: 180%;
    opacity: 0.08;
    pointer-events: none;
  }

  #MainContent .rab-pack1-section .rab-content-block--dark-intro::after {
    opacity: 0.03;
  }

  #MainContent .rab-pack1-section .rab-content-block--intro > *,
  #MainContent .rab-pack1-section .rab-content-block--dark-intro > *,
  #MainContent .rab-pack1-section .rab-content-block--intro-button > * {
    position: relative;
    z-index: 1;
  }

  #MainContent .rab-pack1-section .rab-content-block--intro-button {
    overflow: visible;
  }

  #MainContent .rab-pack1-section .rab-content-block--intro-button .rab-content-block__intro-text {
    transform: translateY(-6px);
  }

  #MainContent .rab-pack1-section .rab-content-block--intro-button::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 2;
    width: 43%;
    height: 24px;
    border-radius: 999px;
    background: var(--rab-orange, #e94e1b);
    transform: translateX(-50%);
    pointer-events: none;
  }

  #MainContent .rab-pack1-section .rab-content-block__button {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 3;
    display: flex;
    width: 43%;
    min-height: 48px;
    padding: 8px 14px;
    border: 0;
    border-radius: 14px;
    background: #e94e1b;
    color: #ffffff;
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: clamp(13px, 1.15vw, 16px);
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    transition: background-color 180ms ease, color 180ms ease;
  }

  #MainContent .rab-pack1-section .rab-content-block__button:hover,
  #MainContent .rab-pack1-section .rab-content-block__button:active,
  #MainContent .rab-pack1-section .rab-content-block__button:focus-visible {
    background: #00202c;
    color: #ffffff;
  }

  #MainContent .rab-pack1-section .rab-content-block--pack {
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  #MainContent .rab-pack1-section .rab-content-block--pack-secondary .rab-pack-card__visual,
  #MainContent .rab-pack1-section .rab-content-block--pack-secondary .rab-pack-card__caption {
    background: transparent;
  }

  #MainContent .rab-pack1-section .rab-content-block--pack-secondary .rab-pack-card__caption {
    padding: 0;
    overflow: hidden;
  }

  #MainContent .rab-pack1-section .rab-content-block--pack-secondary .rab-pack-card__ghost {
    position: absolute;
    inset: -35%;
    width: 170%;
    height: 170%;
    z-index: 1;
    background: #ffffff;
    -webkit-mask-image: var(--rab-pack-ghost);
    mask-image: var(--rab-pack-ghost);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    opacity: 0.1;
    transform: translateX(20px) scale(1.2);
    transform-origin: center;
    pointer-events: none;
  }

  #MainContent .rab-pack1-section .rab-pack-card {
    position: relative;
    border-radius: inherit;
    width: 100%;
    height: 100%;
  }

  #MainContent .rab-pack1-section .rab-pack-card__visual {
    position: absolute;
    inset: 0 0 12% 0;
    overflow: hidden;
    border-radius: inherit;
    border: 0;
    outline: 0;
    box-shadow: none;
    background: #ffffff;
    box-sizing: border-box;
  }

  #MainContent .rab-pack1-section .rab-pack-card__track {
    display: flex;
    width: 100%;
    height: 100%;
    transform: translateX(calc(var(--rab-pack-slide, 0) * -100%));
    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  #MainContent .rab-pack1-section .rab-pack-card__slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
  }

  #MainContent .rab-pack1-section .rab-pack-card__visual {
    touch-action: pan-y;
  }

  #MainContent .rab-pack1-section .rab-pack-card__dots {
    position: absolute;
    left: 50%;
    bottom: -26px;
    z-index: 3;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
  }

  #MainContent .rab-pack1-section .rab-pack-card__dot {
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: background-color 180ms ease, transform 180ms ease;
  }

  #MainContent .rab-pack1-section .rab-pack-card__dot.is-active {
    background: #ffffff;
    transform: scale(1.08);
  }

  #MainContent .rab-pack1-section .rab-pack-card__visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #MainContent .rab-pack1-section .rab-pack-card__placeholder {
    width: 100%;
    height: 100%;
    background: #ffffff;
  }

  #MainContent .rab-pack1-section .rab-pack-card__caption {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    z-index: 2;
    height: calc(28% + 15px);
    min-height: 0;
    padding: 5px 14px;
    border-radius: inherit;
    background: #ffffff;
    color: #00202c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
  }

  #MainContent .rab-pack1-section .rab-pack-card__title {
    margin: 0;
    font-family: "Cherry Bomb One", sans-serif;
    font-size: clamp(34px, 3vw, 52px);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0;
  }

  #MainContent .rab-pack1-section .rab-pack-card__subtitle {
    margin: 5px 0 0;
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: clamp(13px, calc(1vw + 2px), 17px);
    font-weight: 400;
    font-style: italic;
    line-height: 1.1;
    white-space: nowrap;
  }

  @media (min-width: 1200px) {
    #MainContent .rab-pack1-section .rab-pack-card__title {
      font-size: clamp(32px, 2.7vw, 46px);
    }

    #MainContent .rab-pack1-section .rab-pack-card__subtitle {
      font-size: 16px;
    }

    #MainContent .rab-pack1-section .rab-content-block__button {
      min-height: 54px;
    }

    #MainContent .rab-pack1-section .rab-content-block--intro-button .rab-content-block__intro-text {
      transform: translateY(-7.5px);
    }
  }

  @media (max-width: 749px) {
    #MainContent .rab-pack1-section .rab-pack-card__caption {
      left: 10%;
      right: 10%;
      height: calc(28% + 15px);
      min-height: 0;
      padding: 4px 10px;
    }

    #MainContent .rab-pack1-section .rab-pack-card__title {
      font-size: clamp(34px, 11vw, 46px);
    }

    #MainContent .rab-pack1-section .rab-pack-card__subtitle {
      font-size: 14px;
    }
  }

  #MainContent .rab-pack1-section .rab-pack1-column {
    width: 100%;
    min-width: 0;
    height: calc(44cqw - 30.4px);
    container-type: inline-size;
  }
  #MainContent .rab-pack1-section .rab-pack1-column--carousel {
    position: relative;
  }

  #MainContent .rab-pack1-section .rab-pack1-carousel {
    position: relative;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 32px;
    background: transparent;
    touch-action: pan-y;
  }

  #MainContent .rab-pack1-section .rab-pack1-carousel__track {
    --rab-pack1-slide: 0;
    display: flex;
    width: calc(100% + 2px);
    margin-left: -1px;
    height: 100%;
    transform: translate3d(calc(var(--rab-pack1-slide) * -100%), 0, 0);
    will-change: transform;
    backface-visibility: hidden;
    transition: transform 360ms ease;
  }

  #MainContent .rab-pack1-section .rab-pack1-carousel__slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  #MainContent .rab-pack1-section .rab-pack1-carousel__slide--placeholder {
    display: grid;
    place-items: center;
    background: #8f8f8f;
    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(18px, 2vw, 30px);
    font-weight: 700;
    letter-spacing: 0.08em;
  }

  #MainContent .rab-pack1-section .rab-pack1-carousel__slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #MainContent .rab-pack1-section .rab-pack1-carousel__dots {
    position: absolute;
    top: -24px;
    left: 50%;
    z-index: 3;
    display: flex;
    gap: 12px;
    transform: translateX(-50%);
  }

  #MainContent .rab-pack1-section .rab-pack1-carousel__dot {
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.46);
    cursor: pointer;
  }

  #MainContent .rab-pack1-section .rab-pack1-carousel__dot.is-active {
    background: #ffffff;
  }

  #MainContent .rab-pack1-section .rab-pack1-info {
    position: relative;
    min-width: 0;
    height: 100%;
    overflow: visible;
    border-radius: 32px;
    background: #ffffff;
    color: #00202c;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
  }

  #MainContent .rab-pack1-section .rab-pack1-info::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 2;
    width: 43%;
    height: 24px;
    border-radius: 999px;
    background: var(--rab-orange, #e94e1b);
    transform: translateX(-50%);
    pointer-events: none;
  }

  #MainContent .rab-pack1-section .rab-pack1-info::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background-image: url('/cdn/shop/files/motif-bloc-intro.svg?v=1552768033930333999');
    background-position: center calc(58% + 45px);
    background-repeat: no-repeat;
    background-size: 180%;
    opacity: 0.08;
    pointer-events: none;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__body {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 32px 22px 28px;
    box-sizing: border-box;
  }

  #MainContent .rab-pack1-section .rab-pack1-info p {
    margin: 0;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__lead,
  #MainContent .rab-pack1-section .rab-pack1-info__body > p:not([class]) {
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: clamp(14px, 1.22vw, 18px);
    line-height: 1.2;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__body > p:not([class]) {
    margin-top: 13px;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__dash {
    width: 13px;
    height: 4px;
    margin: var(--rab-pack1-dash-space, 14px) auto !important;
    border-radius: 999px;
    background: currentColor;
    font-size: 0;
    line-height: 0;
    transform: none;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__strong {
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: clamp(14px, 1.22vw, 18px);
    line-height: 1.2;
  }

  #MainContent .rab-pack1-section .rab-pack1-info .rab-pack1-info__price {
    position: relative;
    margin-top: 10px;
    font-family: 'Cherry Bomb One', new-rubrik, Arial, sans-serif;
    line-height: 0.82;
    text-align: center;
    white-space: nowrap;
  }  @media (min-width: 1200px) {
    #MainContent .rab-pack1-section .rab-pack1-info__button {
      width: 145px;
      min-height: 54px;
    }
  }

  #MainContent .rab-pack1-section .rab-pack1-info__price strong {
    display: block;
    font-size: clamp(42px, 4.6vw, 68px);
    font-weight: 400;
    text-align: center;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__price span {
    position: absolute;
    top: clamp(8px, 0.8vw, 11px);
    left: calc(50% + clamp(46px, 4.6vw, 62px));
    display: block;
    margin: 0;
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
  }
  #MainContent .rab-pack1-section .rab-pack1-info__price strong {
    display: block;
    font-size: clamp(42px, 4.6vw, 68px);
    font-weight: 400;
    text-align: center;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__pack {
    margin-top: 0;
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: clamp(13px, 1.15vw, 17px);
    line-height: 1;
    transform: translateY(6px);
  }

  #MainContent .rab-pack1-section .rab-pack1-info__contents {
    margin-top: 11px;
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: clamp(10px, 0.9vw, 13px);
    line-height: 1.15;
    white-space: nowrap;
    transform: translateY(14px);
  }

  #MainContent .rab-pack1-section .rab-pack1-info__form {
    margin: 0;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__button {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 3;
    display: flex;
    width: 43%;
    min-height: 48px;
    padding: 8px 14px;
    border: 0;
    border-radius: 14px;
    background: #e94e1b;
    color: #ffffff;
    font-family: new-rubrik, Arial, Helvetica, sans-serif;
    font-size: clamp(13px, 1.15vw, 16px);
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: background-color 180ms ease, color 180ms ease;
  }

  #MainContent .rab-pack1-section .rab-pack1-info__button:hover,
  #MainContent .rab-pack1-section .rab-pack1-info__button:active,
  #MainContent .rab-pack1-section .rab-pack1-info__button:focus-visible {
    background: #00202c;
    color: #ffffff;
  }
  @media (min-width: 1200px) {
    #MainContent .rab-pack1-section .rab-pack1-info__button {
      width: 145px;
      min-height: 54px;
    }
    #MainContent .rab-pack1-section .rab-pack1-info__body {
      transform: translateY(-14px);
    }
  }

  @media (min-width: 740px) and (max-width: 1199px) {
    
    
    #MainContent .rab-pack1-section .rab-pack-card__caption {
      left: 12%;
      right: 12%;
      height: calc(28% + 12px);
      padding: 4px 12px;
      border-radius: 32px;
    }

    #MainContent .rab-pack1-section .rab-pack-card__title {
      font-size: clamp(27px, 3.7vw, 35px);
    }

    #MainContent .rab-pack1-section .rab-pack-card__subtitle {
      margin-top: 4px;
      font-size: 12px;
    }
  }

  @media (max-width: 749px) {
    #MainContent .rab-pack1-section .rab-content-block--intro::after {
      opacity: 0.08;
    }

    #MainContent .rab-pack1-section .rab-content-block--intro-button::after {
      opacity: 0.08;
    }

    #MainContent .rab-pack1-section .rab-content-block--dark-intro::after {
      opacity: 0.03;
    }

    #MainContent .rab-pack1-section .rab-content-block--intro-button::before {
      width: 50%;
    }

    #MainContent .rab-pack1-section .rab-content-block__button {
      width: 50%;
      min-height: 58px;
      padding: 6px 12px;
      border-radius: 14px;
      font-size: 17px;
      line-height: 1.05;
      align-items: center;
      justify-content: center;
    }

    #MainContent .rab-pack1-section .rab-content-block--intro-button .rab-content-block__intro-text {
      transform: translateY(-8.5px);
    }
  }

  #MainContent .rab-pack1-section {
    position: relative;
  }

  #MainContent .rab-pack1-section .rab-grid-side-marker {
    display: none;
  }

  @media (min-width: 1200px) {
    #MainContent .rab-pack1-section .rab-grid-side-marker {
      position: absolute;
      top: 340px;
      left: -48px;
      z-index: 5;
      display: block;
      width: 12px;
      height: 84px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.55);
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
  }

  @media (min-width: 750px) and (max-width: 1199px) and (orientation: landscape) {
    #MainContent .rab-pack1-section .rab-grid-side-marker {
      position: absolute;
      top: calc((min(850px, calc(100vw - 80px)) * 0.25) + 45.5px);
      left: -48px;
      z-index: 5;
      display: block;
      width: 12px;
      height: 84px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.55);
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
  }

  #MainContent .rab-pack1-section .rab-grid-side-marker__dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffffff;
    transform: translate(-50%, -50%);
  }


/* Partie basse reprise depuis la fiche Pack de référence. */
#MainContent .rab-pack1-section .rab-pack1-layout{position:relative!important;z-index:4!important}
#MainContent .rab-pack1-continuation-shell{position:relative;left:50%;z-index:3;width:100vw;margin-left:-50vw;margin-top:clamp(175px,14.65vw,215px);background:#f8fafb;color:#00202c;font-family:"new-rubrik",Arial,sans-serif}
#MainContent .rab-pack1-continuation-shell,#MainContent .rab-pack1-continuation-shell *{box-sizing:border-box}
.rab-pack-dots button.is-active{background:#fff;transform:none}
.rab-pack-placeholder{display:flex;align-items:center;justify-content:center;color:#86959b;font-size:16px;font-weight:700;letter-spacing:.1em}
.rab-pack-continuation{position:relative;background:#f8fafb;padding:42px 0 40px}
.rab-pack-details{width:1156px;max-width:calc(100vw - 96px);margin:0 auto;display:grid;grid-template-columns:763px 375px;gap:18px;align-items:start}
.rab-pack-details-main{min-width:0}
.rab-pack-detail-tabs{display:flex;align-items:flex-start;gap:72px;margin:0 0 40px;padding:0}
.rab-pack-detail-tabs button{position:relative;appearance:none;border:0;padding:0 0 13px;background:transparent;color:#00202c;font:400 18px/1 "new-rubrik",Arial,sans-serif;cursor:pointer;transition:color .18s}
.rab-pack-detail-tabs button:nth-child(1){width:128px;text-align:left}
.rab-pack-detail-tabs button:nth-child(2){width:118px;text-align:left}
.rab-pack-detail-tabs button:nth-child(3){width:182px;text-align:left}
.rab-pack-detail-tabs button::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;border-radius:999px;background:transparent;transition:background .18s}
.rab-pack-detail-tabs button:hover,.rab-pack-detail-tabs button.is-active{color:#e94e1b;font-weight:800}
.rab-pack-detail-tabs button:hover::after,.rab-pack-detail-tabs button.is-active::after{background:#e94e1b}
.rab-pack-detail-tabs:has(button:hover) button.is-active:not(:hover){color:#00202c;font-weight:400}
.rab-pack-detail-tabs:has(button:hover) button.is-active:not(:hover)::after{background:transparent}
.rab-pack-detail-panel{display:none}
.rab-pack-detail-panel.is-active{display:block}
.rab-pack-detail-panel section{margin:0 0 42px}
.rab-pack-detail-panel h3{margin:0 0 8px;font:800 18px/1.15 "new-rubrik",Arial,sans-serif;color:#00202c;text-transform:none}
.rab-pack-detail-panel p{max-width:760px;margin:0;font:italic 400 18px/1.22 "new-rubrik",Arial,sans-serif;color:#00202c}
.rab-pack-detail-panel h2{margin:130px 0 0;color:#e94e1b;font:800 18px/1.15 "new-rubrik",Arial,sans-serif}
.rab-pack-artists{width:1156px;max-width:calc(100vw - 96px);margin:130px auto 0}
.rab-pack-artists h2{display:inline-block;margin:0;padding:0 0 10px;border-bottom:5px solid #e94e1b}
.rab-pack-artists h2{position:relative;border:0;padding:0 0 13px;color:#e94e1b;font:800 18px/1.15 "new-rubrik",Arial,sans-serif}
.rab-pack-artists h2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:999px;background:#e94e1b}
.rab-pack-next{position:relative;width:1156px;height:390px;max-width:calc(100vw - 96px);margin:150px auto 30px;border-radius:12px;background:#00202c;isolation:isolate;overflow:visible}
.rab-pack-next:before{content:"";position:absolute;inset:0;border-radius:inherit;background:url("/cdn/shop/files/motif-bloc-booster.svg") center center/155% auto no-repeat;opacity:.05;z-index:-1}
.rab-pack-next-tab{position:absolute;z-index:4;left:50%;top:-9px;width:150px;height:18px;border-radius:999px;background:#e94e1b;transform:translateX(-50%)}
.rab-pack-next-content{position:relative;z-index:2;width:700px;margin:0 auto;padding:62px 0 0;color:#fff;text-align:center}
.rab-pack-next-content h2{margin:0 0 30px;color:#fff;font:800 25px/1.1 "new-rubrik",Arial,sans-serif}
.rab-pack-next-content p{max-width:none!important;margin:0 0 18px!important;color:#fff;font:italic 18px/1.28 "new-rubrik",Arial,sans-serif!important}
.rab-pack-next-sticker{position:absolute;z-index:3;display:block;object-fit:contain;pointer-events:none}
.rab-pack-next-sticker-1{left:12px;top:-45px;width:246px}
.rab-pack-next-sticker-2{left:32px;bottom:-62px;width:205px;transform:rotate(-8deg)}
.rab-pack-next-sticker-4{right:-48px;top:30px;width:276px}
.rab-pack-next-sticker-5{right:300px;bottom:-115px;width:215px}
.rab-pack-artists-intro{max-width:none!important;margin:40px 0 62px!important;font:italic 18px/1.28 "new-rubrik",Arial,sans-serif!important}
.rab-pack-artist-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px}
.rab-pack-artist-card{min-width:0}
.rab-pack-artist-visual{position:relative;display:block;height:300px;border-radius:12px;overflow:hidden}
.rab-pack-artist-cover{display:block;width:100%;height:100%;object-fit:cover}
.rab-pack-artist-badge{position:absolute;left:50%;bottom:18px;width:78px;height:78px;object-fit:cover;border:6px solid #fff;border-radius:15px;transform:translateX(-50%)}
.rab-pack-artist-card:hover .rab-pack-artist-badge{animation:rab-pack-badge-bounce .52s ease both}
@media (min-width:750px) and (max-width:1199px){
  .rab-pack-artist-card:hover .rab-pack-artist-badge,
  .rab-pack-artist-card:active .rab-pack-artist-badge,
  .rab-pack-artist-visual:hover .rab-pack-artist-badge,
  .rab-pack-artist-visual:active .rab-pack-artist-badge{animation:rab-pack-tablet-badge-bounce .72s cubic-bezier(.25,.72,.35,1)}
}
@keyframes rab-pack-tablet-badge-bounce{
  0%,100%{transform:translate(-50%,0)}
  34%{transform:translate(-50%,-18px)}
  54%{transform:translate(-50%,0)}
  72%{transform:translate(-50%,-7px)}
  86%{transform:translate(-50%,0)}
  94%{transform:translate(-50%,-3px)}
}
.rab-pack-artist-card p{max-width:none!important;margin:25px 0 5px!important;font:italic 18px/1.28 "new-rubrik",Arial,sans-serif!important}
.rab-pack-artist-card p strong{font-style:normal;font-weight:800}
.rab-pack-artist-link{color:#e94e1b;text-decoration:none;font:800 18px/1.2 "new-rubrik",Arial,sans-serif}
.rab-pack-artist-link:hover{color:#00202c;text-decoration:none}
.rab-pack-usage section{margin-bottom:38px}
.
/* Composition Utilisation : vidéo + trois visuels alignés sur la base. */
@media screen and (min-width: 1000px) {
  .rab-pack-continuation .rab-pack-usage-media {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, .9fr) minmax(0, 1.18fr) minmax(0, 1.05fr) !important;
    gap: 24px !important;
    align-items: end !important;
  }

  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-small {
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-square {
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-tall {
    height: auto !important;
    aspect-ratio: 225 / 520;
  }
}

/* Comparateur avant / après : visuels à renseigner ensuite. */
.rab-pack-before-after {
  --rab-compare-position: 50%;
  isolation: isolate;
  touch-action: pan-y;
}

.rab-pack-before-after__after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #c9d1d5;
  clip-path: inset(0 0 0 var(--rab-compare-position));
  pointer-events: none;
}

.rab-pack-before-after__divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--rab-compare-position);
  z-index: 2;
  width: 2px;
  background: #003b4a;
  transform: translateX(-50%);
  pointer-events: none;
}

.rab-pack-before-after__divider::after {
  content: '↔';
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #003b4a;
  font-size: 18px;
  line-height: 1;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 5px rgb(0 0 0 / 18%);
}

.rab-pack-before-after input[type='range'] {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
}


@media screen and (max-width: 999px) {
  .rab-pack-before-after__after,
  .rab-pack-before-after__divider,
  .rab-pack-before-after input[type='range'] {
    display: none;
  }
}


/* Composition Utilisation : vidéo fixe, deux cartes superposées, comparateur à droite. */
@media screen and (min-width: 1000px) {
  .rab-pack-continuation .rab-pack-usage-media {
    display: grid !important;
    width: 1156px !important;
    max-width: 100% !important;
    height: 520px;
    margin-top: 105px;
    grid-template-columns: 380px minmax(0, 438px) 225px !important;
    grid-template-rows: 270px 250px;
    column-gap: 24px !important;
    row-gap: 0;
    justify-content: space-between;
    align-items: end !important;
  }

  .rab-pack-continuation .rab-pack-usage-media .rab-pack-video-placeholder {
    grid-column: 1;
    grid-row: 2;
    width: 380px;
    align-self: end;
  }

  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-small {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    align-self: end;
    width: 218px;
    height: 210px !important;
    aspect-ratio: auto;
  }

  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-square {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    height: 210px !important;
    aspect-ratio: auto;
  }

  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-tall {
    grid-column: 3;
    grid-row: 1 / span 2;
    width: 225px;
    height: 520px !important;
    aspect-ratio: auto;
  }

  .rab-pack-before-after__after {
    clip-path: none;
    animation: rab-pack-before-after-fade 6s ease-in-out infinite;
  }
}

@keyframes rab-pack-before-after-fade {
  0%, 33.333% { opacity: 0; filter: blur(0); }
  41.666% { opacity: .5; filter: blur(3px); }
  50%, 83.333% { opacity: 1; filter: blur(0); }
  91.666% { opacity: .5; filter: blur(3px); }
  100% { opacity: 0; filter: blur(0); }
}
{width:1156px;margin-top:105px;display:grid;grid-template-columns:380px 180px 300px 225px;gap:18px;justify-content:space-between;align-items:end}
.rab-pack-usage-media figure{margin:0}
.rab-pack-video-placeholder figcaption{margin:0 0 12px;text-align:center;font:800 18px/1.15 "new-rubrik",Arial,sans-serif}
.rab-pack-usage-media .rab-pack-placeholder{position:relative;border-radius:12px;background:#dce2e5;overflow:hidden}
.rab-pack-video-placeholder .rab-pack-placeholder{height:260px}
.rab-pack-usage-media > .rab-pack-visual-small{height:180px}
.rab-pack-usage-media > .rab-pack-visual-square{height:300px}
.rab-pack-usage-media > .rab-pack-visual-tall{height:520px}
.rab-pack-play{position:absolute;left:50%;top:50%;width:0;height:0;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left:44px solid #fff;transform:translate(-42%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.14))}
.rab-pack-usage-note{display:none!important}
.rab-pack-contents section{margin-bottom:28px}
.rab-pack-content-media{width:1156px;margin-top:72px;display:grid;grid-template-columns:330px 190px 385px 195px;gap:18px;justify-content:space-between;align-items:end}
.rab-pack-content-media .rab-pack-placeholder{border-radius:12px;background:#dce2e5;overflow:hidden}
.rab-pack-content-left{height:330px}
.rab-pack-content-small{height:210px}
.rab-pack-content-wide{height:300px}
.rab-pack-content-tall{height:430px;transform:none}
.rab-pack-practical{position:relative;min-height:565px;border-radius:12px;background:rgba(2,82,104,.08);overflow:visible;text-align:center}
.rab-pack-practical::before{content:"";position:absolute;inset:0;border-radius:inherit;background:url('/cdn/shop/files/motif-bloc-booster.svg') center/360% auto no-repeat;opacity:.08;pointer-events:none}
.rab-pack-practical-tab{position:absolute;z-index:2;top:-9px;left:50%;width:158px;height:18px;border-radius:999px;background:#e94e1b;transform:translateX(-50%)}
.rab-pack-practical-content{position:relative;z-index:1;padding:44px 28px 20px}
.rab-pack-practical h2{margin:0 0 26px;font:800 18px/1.15 "new-rubrik",Arial,sans-serif}
.rab-pack-practical p{margin:0 0 18px;font:italic 400 18px/1.18 "new-rubrik",Arial,sans-serif}
.rab-pack-practical strong{font-weight:800}
.rab-pack-practical a{color:inherit;text-decoration:none}
.rab-pack-practical a:hover{color:#e94e1b}
.rab-pack-stories,.rab-pack-mini-faq{width:1156px;max-width:calc(100vw - 96px);margin-left:auto;margin-right:auto}

/* Alignement final Utilisation : vidéo conservée, centre superposé, comparateur sur la marge. */
@media screen and (min-width: 1000px) {
  .rab-pack-continuation .rab-pack-usage-media {
    width: var(--rab-pack-section-width) !important;
    max-width: none !important;
    height: 520px;
    grid-template-columns: 380px minmax(0, 1fr) 35% !important;
    grid-template-rows: 270px 250px;
    column-gap: 24px !important;
    row-gap: 0;
    justify-content: stretch;
  }
  .rab-pack-continuation .rab-pack-usage-media .rab-pack-video-placeholder {
    grid-column: 1;
    grid-row: 2;
    width: 380px;
    align-self: end;
  }
  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-small {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: end;
    width: 182px;
    height: 182px !important;
    transform: translateY(42px);
  }

  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-video-top {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    align-self: end;
    width: calc(42% + 20px);
    height: 242px !important;
    transform: translateY(-34px);
  }
  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-square {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: end;
    width: 100%;
    height: 184px !important;
  }
  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-tall {
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-self: end;
    width: 100%;
    height: 520px !important;
  }

  .rab-pack-continuation .rab-pack-before-after {
    position: relative;
    background: var(--rab-before-image) center / cover no-repeat;
  }

  .rab-pack-continuation .rab-pack-before-after__after {
    position: absolute;
    inset: 0;
    background: var(--rab-after-image) center / cover no-repeat;
    pointer-events: none;
  }
}

@media screen and (max-width: 999px) {
  .rab-pack-continuation .rab-pack-before-after {
    background: var(--rab-before-image) center / cover no-repeat;
  }
}

.rab-pack-stories{margin-top:150px}
.rab-pack-stories h2,.rab-pack-mini-faq h2{position:relative;display:inline-block;margin:0;padding:0 0 13px;color:#e94e1b;font:800 18px/1.15 "new-rubrik",Arial,sans-serif}
.rab-pack-stories h2:after,.rab-pack-mini-faq h2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:999px;background:#e94e1b}
.rab-pack-stories-intro{max-width:none!important;margin:40px 0 38px!important;font:italic 400 18px/1.28 "new-rubrik",Arial,sans-serif!important;color:#00202c}
.rab-pack-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rab-pack-story-card{min-width:0;min-height:360px;padding:18px 18px 20px;border-radius:12px;background:#fff}
.rab-pack-story-media{width:100%;aspect-ratio:4/5;overflow:hidden;background:#dce2e5}
.rab-pack-story-media img{display:block;width:100%;height:100%;object-fit:cover}
.rab-pack-story-media.is-1 img{object-position:30% 50%}
.rab-pack-story-copy{padding:16px 2px 0;color:#00202c;font-style:italic}
.rab-pack-story-copy strong{display:block;margin:0 0 7px;font-size:14px;line-height:1.1;font-weight:800}
.rab-pack-story-copy p{max-width:none!important;margin:0!important;font:italic 400 18px/1.22 "new-rubrik",Arial,sans-serif!important}
.rab-pack-mini-faq{margin-top:88px;padding-bottom:40px}
.rab-pack-mini-faq-list{margin-top:40px}
.rab-pack-mini-faq-list article{margin:0 0 28px}
.rab-pack-mini-faq-list h3{margin:0 0 7px;font:800 18px/1.18 "new-rubrik",Arial,sans-serif;color:#00202c;text-transform:none!important;letter-spacing:normal!important}
.rab-pack-mini-faq-list p{max-width:none!important;margin:0!important;font:italic 400 18px/1.28 "new-rubrik",Arial,sans-serif!important;color:#00202c}
.rab-pack-mini-faq-list a{color:inherit;text-decoration:none}
.rab-pack-mini-faq-list article:last-child a{font-weight:600}
.rab-pack-mini-faq-list a:hover{color:#e94e1b}
@media(max-width:989px){
.rab-pack-continuation{height:auto}
}
.rab-pack-mobile-copy{display:none}
@media(max-width:989px){
.rab-pack-desktop-copy{display:none!important}
.rab-pack-mobile-copy{display:inline!important}
}



/* Fond neutre pleine page sous le bandeau et autour du footer. */
html,body.rab-theme{background:#f8fafb!important}
#MainContent .rab-pack1-white-stage{background:#f8fafb!important}
body.rab-theme .rab-footer,body.rab-theme .shopify-section-group-footer-group,body.rab-theme .rab-site-shell{background-color:#f8fafb!important}


/* Ambiance propre à la fiche Pack : même image et même traitement que le thème de référence. */
body.rab-theme:has(.rab-pack1-section) .rab-site-shell{position:relative;isolation:isolate}
body.rab-theme:has(.rab-pack1-section) .rab-site-shell::before{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:837px;background:url("/cdn/shop/files/run-art-box-boite-visuel-ambiance_flou.webp?v=1790890202") center/cover no-repeat;filter:grayscale(1) brightness(.72);pointer-events:none}
body.rab-theme:has(.rab-pack1-section) .rab-header{position:relative;z-index:20}
body.rab-theme:has(.rab-pack1-section) .rab-main{position:relative;z-index:1}


/* Fiche Pack : ambiance pleine largeur, contenu bas sur la grille commune et fond neutre au footer. */
body.rab-theme:has(.rab-pack1-section) .rab-site-shell::before{left:50%;width:100vw;transform:translateX(-50%)}
body.rab-theme:has(.rab-pack1-section) .rab-ambient{display:none!important}
@media(min-width:1200px){
.rab-pack-continuation :is(.rab-pack-details,.rab-pack-next,.rab-pack-artists,.rab-pack-stories,.rab-pack-mini-faq){width:1120px;max-width:calc(100vw - 96px)}
.rab-pack-continuation .rab-pack-details{grid-template-columns:minmax(0,1fr) 375px}
}


/* Compense le décalage vertical desktop du cadre, sans déplacer son contenu. */
@media(min-width:933px) and (orientation:landscape){
body.rab-theme:has(.rab-pack1-section) .rab-site-shell::before{top:-15px;height:852px}
}


/* Fiche Pack : filet actif du lien PACKS. */
body.rab-theme:has(.rab-pack1-section) .rab-header__nav a[href="/collections/packs"]::after{background:#e94e1b!important}


/* Nettoyage responsive de la partie basse de la fiche Pack. */
body.rab-theme:has(.rab-pack1-section){
  --rab-pack-section-width:min(var(--rab-content-width,1120px),calc(100vw - (2 * var(--rab-gutter,48px))));
  --rab-pack-card-radius:32px;
}
.rab-pack-continuation :is(.rab-pack-details,.rab-pack-next,.rab-pack-artists,.rab-pack-stories,.rab-pack-mini-faq){
  width:var(--rab-pack-section-width);
  max-width:none;
}
.rab-pack-continuation .rab-pack-details{grid-template-columns:minmax(0,1fr) 375px;gap:18px}
.rab-pack-continuation :is(.rab-pack-usage-media,.rab-pack-content-media){width:var(--rab-pack-section-width);max-width:none}
.rab-pack-continuation .rab-pack-usage-media{grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr) minmax(0,1.22fr) minmax(0,.92fr)}
.rab-pack-continuation .rab-pack-content-media{grid-template-columns:minmax(0,1.7fr) minmax(0,.98fr) minmax(0,1.98fr) minmax(0,1fr)}
.rab-pack-continuation :is(.rab-pack-next,.rab-pack-practical,.rab-pack-artist-visual,.rab-pack-story-card,.rab-pack-usage-media .rab-pack-placeholder,.rab-pack-content-media .rab-pack-placeholder){border-radius:var(--rab-pack-card-radius)}
.rab-pack-continuation .rab-pack-story-media{border-radius:18px}
.rab-pack-continuation :is(.rab-pack-detail-tabs button::after,.rab-pack-artists h2::after,.rab-pack-stories h2::after,.rab-pack-mini-faq h2::after){height:var(--rab-rule-thickness,5px);background-color:var(--rab-orange,#e94e1b)}
.rab-pack-continuation :is(.rab-pack-next-tab,.rab-pack-practical-tab){background:var(--rab-orange,#e94e1b)}
.rab-pack-continuation .rab-pack-next-sticker-1{left:-3px}
.rab-pack-continuation .rab-pack-next-sticker-2{left:57px}
.rab-pack-continuation .rab-pack-next-sticker-4{right:-36px}

@media(min-width:750px) and (max-width:1199px) and (orientation:landscape){
  body.rab-theme:has(.rab-pack1-section){--rab-pack-section-width:min(850px,calc(100vw - 80px))}
  .rab-pack-continuation .rab-pack-details{grid-template-columns:minmax(0,1fr) minmax(250px,32%);gap:14px}
  .rab-pack-continuation .rab-pack-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,34px)}
  .rab-pack-continuation .rab-pack-detail-tabs button{width:auto!important;font-size:clamp(14px,1.75vw,18px)}
  .rab-pack-continuation .rab-pack-practical{min-height:0}
  .rab-pack-continuation :is(.rab-pack-usage-media,.rab-pack-content-media){grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .rab-pack-continuation :is(.rab-pack-usage-media .rab-pack-placeholder,.rab-pack-content-media .rab-pack-placeholder){height:auto!important;aspect-ratio:4/3}
  .rab-pack-continuation .rab-pack-next{height:auto;min-height:390px}
  .rab-pack-continuation .rab-pack-next-content{width:min(620px,calc(100% - 120px));padding-bottom:54px}
  .rab-pack-continuation .rab-pack-next-sticker{max-width:24%}
  .rab-pack-continuation .rab-pack-artist-grid{gap:42px}
  .rab-pack-continuation .rab-pack-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}

@media(max-width:989px) and (orientation:portrait){
  body.rab-theme:has(.rab-pack1-section){--rab-pack-section-width:min(520px,calc(100vw - 44px));--rab-pack-card-radius:28px}
  .rab-pack-continuation{padding-top:38px}
  .rab-pack-continuation .rab-pack-details{grid-template-columns:minmax(0,1fr);gap:72px}
  .rab-pack-continuation .rab-pack-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:34px}
  .rab-pack-continuation .rab-pack-detail-tabs button{width:auto!important;padding-bottom:11px;font-size:clamp(12px,3.3vw,16px);line-height:1.05;text-align:center!important}
  .rab-pack-continuation .rab-pack-detail-panel :is(h3,p),.rab-pack-continuation :is(.rab-pack-artists-intro,.rab-pack-stories-intro,.rab-pack-artist-card p,.rab-pack-story-copy p,.rab-pack-mini-faq-list h3,.rab-pack-mini-faq-list p){font-size:clamp(16px,4.2vw,18px)!important}
  .rab-pack-continuation .rab-pack-practical{width:100%;min-height:0}
  .rab-pack-continuation .rab-pack-practical-content{padding:44px clamp(22px,7vw,36px) 28px}
  .rab-pack-continuation .rab-pack-next{height:auto;min-height:0;margin-top:110px;margin-bottom:24px}
  .rab-pack-continuation .rab-pack-next-content{width:calc(100% - 64px);padding:58px 0 54px}
  .rab-pack-continuation .rab-pack-next-content h2{font-size:clamp(21px,5.4vw,25px)}
  .rab-pack-continuation .rab-pack-next-content p{font-size:clamp(16px,4.2vw,18px)!important}
  .rab-pack-continuation .rab-pack-next-sticker{display:none}
  .rab-pack-continuation .rab-pack-artists{margin-top:100px}
  .rab-pack-continuation .rab-pack-artist-grid{grid-template-columns:minmax(0,1fr);gap:54px}
  .rab-pack-continuation .rab-pack-artist-visual{height:auto;aspect-ratio:1.8/1}
  .rab-pack-continuation .rab-pack-stories{margin-top:110px}
  .rab-pack-continuation .rab-pack-story-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .rab-pack-continuation .rab-pack-story-card{min-height:0}
  .rab-pack-continuation .rab-pack-mini-faq{margin-top:72px;padding-bottom:30px}
  .rab-pack-continuation :is(.rab-pack-usage-media,.rab-pack-content-media){width:100%;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:54px}
  .rab-pack-continuation :is(.rab-pack-usage-media .rab-pack-placeholder,.rab-pack-content-media .rab-pack-placeholder){height:auto!important;aspect-ratio:4/3}
}


/* Finitions des formats intermédiaires et mobiles. */
@media(min-width:750px) and (max-width:1199px) and (orientation:landscape){
  .rab-pack-continuation .rab-pack-detail-tabs{grid-template-columns:repeat(3,max-content);justify-content:space-between;gap:0}
  .rab-pack-continuation :is(.rab-pack-detail-panel h3,.rab-pack-detail-panel p,.rab-pack-practical p,.rab-pack-next-content p,.rab-pack-artists-intro,.rab-pack-artist-card p,.rab-pack-artist-link,.rab-pack-stories-intro,.rab-pack-story-copy p,.rab-pack-mini-faq-list h3,.rab-pack-mini-faq-list p){font-size:16px!important}
}
@media(max-width:749px){
  #MainContent .rab-pack1-continuation-shell{margin-top:calc(clamp(175px,14.65vw,215px) + 200px)}
}


/* Fiche Pack : démarcation visuel/fond descendue de 20 px, contenu bas inchangé. */
#MainContent .rab-pack1-transition{top:calc(var(--rab-pack1-white-top) - 72px)!important}
#MainContent .rab-pack1-white-stage{top:calc(var(--rab-pack1-white-top) + 20px)!important}
#MainContent .rab-pack1-continuation-shell{margin-top:calc(clamp(175px,14.65vw,215px) + 20px)}
.rab-pack-continuation{padding-top:22px}
body.rab-theme:has(.rab-pack1-section) .rab-site-shell::before{height:857px}
@media(min-width:933px) and (orientation:landscape){
  body.rab-theme:has(.rab-pack1-section) .rab-site-shell::before{height:872px}
}
@media(max-width:989px) and (orientation:portrait){
  .rab-pack-continuation{padding-top:18px}
}
@media(max-width:749px){
  #MainContent .rab-pack1-continuation-shell{margin-top:calc(clamp(175px,14.65vw,215px) + 220px)}
}



/* Fiche Pack : partie basse remontée de 45 px, hors mobile. */
@media(min-width:750px){
  .rab-pack-continuation{top:-45px;margin-bottom:-45px;background:transparent}
}


/* Fiche Pack : filets des blocs pratiques et Et après alignés sur le style commun. */
.rab-pack-continuation :is(.rab-pack-practical-tab,.rab-pack-next-tab){
  top:-12px;
  width:43%;
  max-width:158px;
  height:24px;
  border-radius:999px;
  background:var(--rab-orange,#e94e1b);
}


/* Fiche Pack : Informations pratiques aligné sur la largeur du bloc prix. */
@media(min-width:1200px){
  .rab-pack-continuation .rab-pack-details{grid-template-columns:minmax(0,1fr) minmax(0,31.85%)}
}
@media(min-width:750px) and (max-width:1199px) and (orientation:landscape){
  .rab-pack-continuation .rab-pack-details{grid-template-columns:minmax(0,1fr) minmax(0,31.85%)}
}
.rab-pack-continuation .rab-pack-practical{text-align:center}
.rab-pack-continuation .rab-pack-practical-tab{left:50%;transform:translateX(-50%)}


/* Fiche Pack : footer au-dessus du fond neutre après la remontée du contenu. */
body.rab-theme:has(.rab-pack1-section) .shopify-section-group-footer-group{position:relative;z-index:4}


/* Fiche Pack : bloc Informations pratiques plus bas et texte centré sous le filet. */
@media(min-width:1200px){
  .rab-pack-continuation .rab-pack-practical{height:540px;min-height:0}
  .rab-pack-continuation .rab-pack-practical-content{position:absolute;inset:12px 0 0;display:flex;flex-direction:column;justify-content:center;padding:0 28px}
}
@media(min-width:750px) and (max-width:1199px) and (orientation:landscape){
  .rab-pack-continuation .rab-pack-practical-content{display:flex;flex-direction:column;justify-content:center;min-height:100%;box-sizing:border-box}
}


/* Centrage optique du dernier texte dans Informations pratiques. */
@media(min-width:1200px){
  .rab-pack-continuation .rab-pack-practical-content > :last-child{margin-bottom:0!important}
}


/* Fiche Pack : prolongement neutre sous le bandeau sur tablette, sans déplacer le contenu. */
@media(min-width:750px) and (max-width:1199px){
  body.rab-theme:has(.rab-pack1-section) .rab-pack1-continuation-shell::before{
    content:"";
    position:absolute;
    top:-45px;
    left:0;
    right:0;
    height:45px;
    background:#f8fafb;
    pointer-events:none;
  }
}


/* Fiche Pack : rebond commun des visuels artistes cliquables. */
@media(hover:hover) and (pointer:fine){
  .rab-pack-continuation .rab-pack-artist-visual:hover .rab-pack-artist-badge,
  .rab-pack-continuation .rab-pack-artist-visual:focus-visible .rab-pack-artist-badge{
    animation:rab-pack-artist-card-bounce .72s cubic-bezier(.25,.72,.35,1);
  }
}

@media(max-width:749px){.rab-pack-detail-tabs button:nth-child(3)::after{content:"CONTENU DU\A PACK";white-space:pre}}
@media(max-width:749px){.rab-pack-continuation .rab-pack-detail-tabs button:nth-child(3)::after{content:"CONTENU DU\A PACK";white-space:pre}}@keyframes rab-pack-artist-card-bounce{
  0%,100%{transform:translate(-50%,0)}
  34%{transform:translate(-50%,-18px)}
  54%{transform:translate(-50%,0)}
  72%{transform:translate(-50%,-7px)}
  86%{transform:translate(-50%,0)}
  94%{transform:translate(-50%,-3px)}
}
@media(prefers-reduced-motion:reduce){
  .rab-pack-continuation .rab-pack-artist-badge{animation:none!important}
}


/* Onglet Utilisation : texte demandé en regular italique. */
.rab-pack-continuation .rab-pack-usage-copy{
  font-weight:400;
  font-style:italic;
}


/* Onglets Pack : le filet suit exactement la largeur du libellé sans déplacer les onglets. */
.rab-pack-detail-tabs button::after{width:max-content;overflow:hidden;white-space:nowrap;color:transparent;font:inherit;line-height:1}
.rab-pack-detail-tabs button:nth-child(1)::after{content:"DESCRIPTION"}
.rab-pack-detail-tabs button:nth-child(2)::after{content:"UTILISATION"}
.rab-pack-detail-tabs button:nth-child(3)::after{content:"CONTENU DU PACK"}

/* Fiche Pack : bandeau de séparation descendu de 20 px. */
.rab-site-shell:has(.rab-pack1-section)::before{height:892px}
/* Mini et 11 pouces paysage : césure dédiée du deuxième paragraphe du bloc prix. */
.rab-pack-info-break-after-de{display:none}
.rab-pack1-info__collab-mini11{display:none}
@media (min-width:1000px) and (max-width:1199px) and (orientation:landscape){
  .rab-pack-info-break-after-de{display:block}
  .rab-pack1-info__collab-default{display:none}
  .rab-pack1-info__collab-mini11{display:inline}
  .rab-pack1-info__dash{--rab-pack1-dash-space:8px}
  #MainContent .rab-pack1-section .rab-pack1-info__body > p:not([class]){margin-top:10px}
  #MainContent .rab-pack1-section .rab-pack1-info .rab-pack1-info__price{margin-top:8px}
  .rab-pack-continuation :is(.rab-pack-detail-panel h3,.rab-pack-detail-panel p,.rab-pack-practical p,.rab-pack-next-content p,.rab-pack-artists-intro,.rab-pack-artist-card p,.rab-pack-artist-link,.rab-pack-stories-intro,.rab-pack-story-copy p,.rab-pack-mini-faq-list h3,.rab-pack-mini-faq-list p){font-size:15px!important}
  .rab-pack-continuation .rab-pack-next{height:auto;min-height:350px}
  .rab-pack-continuation .rab-pack-next-content{width:min(540px,calc(100% - 180px))}
  .rab-pack-continuation .rab-pack-next-sticker-5{right:220px}
  .rab-pack-continuation .rab-pack-next-sticker-4{right:-56px}
  .rab-pack-continuation .rab-pack-next-sticker-2{left:-18px}
  .rab-pack-continuation .rab-pack-story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .rab-pack-continuation .rab-pack-usage-media{grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr) minmax(0,1.22fr) minmax(0,.92fr)}
  .rab-pack-continuation .rab-pack-content-media{grid-template-columns:minmax(0,1.7fr) minmax(0,.98fr) minmax(0,1.98fr) minmax(0,1fr)}
  .rab-pack-continuation :is(.rab-pack-usage-media,.rab-pack-content-media){gap:18px}
  .rab-pack-continuation .rab-pack-video-placeholder .rab-pack-placeholder{height:auto!important;aspect-ratio:380/260}
  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-small{height:auto!important;aspect-ratio:1/1}
  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-square{height:auto!important;aspect-ratio:1/1}
  .rab-pack-continuation .rab-pack-usage-media > .rab-pack-visual-tall{height:auto!important;aspect-ratio:225/520}
  .rab-pack-continuation .rab-pack-content-left{height:auto!important;aspect-ratio:1/1}
  .rab-pack-continuation .rab-pack-content-small{height:190px!important;aspect-ratio:auto!important}
  .rab-pack-continuation .rab-pack-content-wide{height:auto!important;aspect-ratio:385/300}
  .rab-pack-continuation .rab-pack-content-tall{height:auto!important;aspect-ratio:195/480}
@media screen and (min-width:1000px){
  .rab-pack-continuation .rab-pack-content-media{position:relative}
  .rab-pack-content-right-top{display:block!important;position:absolute;right:0;bottom:calc(100% + 24px);width:calc((100% - 54px) / 5.66);height:300px!important}
@media screen and (min-width:1000px){.rab-pack-continuation .rab-pack-content-media{display:block!important;position:relative!important;width:1156px!important;max-width:100%!important;height:480px!important;margin-top:72px!important}.rab-pack-continuation .rab-pack-content-media .rab-pack-placeholder{position:absolute!important;margin:0!important;aspect-ratio:auto!important}.rab-pack-continuation .rab-pack-content-left{left:0!important;bottom:0!important;width:330px!important;height:330px!important}.rab-pack-continuation .rab-pack-content-small{left:348px!important;bottom:0!important;width:190px!important;height:190px!important}.rab-pack-continuation .rab-pack-content-wide{left:556px!important;bottom:0!important;width:385px!important;height:300px!important}.rab-pack-continuation .rab-pack-content-tall{right:0!important;bottom:0!important;width:195px!important;height:480px!important}.rab-pack-continuation .rab-pack-content-right-top{right:0!important;bottom:504px!important;width:195px!important;height:300px!important}}
@media screen and (min-width:1000px){.rab-pack-continuation .rab-pack-usage-media{display:block!important;position:relative!important;width:1156px!important;max-width:none!important;height:520px!important;margin-top:72px!important}.rab-pack-continuation .rab-pack-usage-media>.rab-pack-placeholder,.rab-pack-continuation .rab-pack-usage-media .rab-pack-video-placeholder{position:absolute!important;margin:0!important;aspect-ratio:auto!important}.rab-pack-continuation .rab-pack-usage-media .rab-pack-video-placeholder{left:0!important;bottom:0!important;width:330px!important;height:330px!important}.rab-pack-continuation .rab-pack-usage-media>.rab-pack-visual-small{left:348px!important;bottom:0!important;width:190px!important;height:190px!important}.rab-pack-continuation .rab-pack-usage-media>.rab-pack-visual-square{left:556px!important;bottom:0!important;width:385px!important;height:300px!important}.rab-pack-continuation .rab-pack-usage-media>.rab-pack-visual-tall{right:0!important;bottom:0!important;width:195px!important;height:520px!important}.rab-pack-continuation .rab-pack-usage-media>.rab-pack-visual-video-top{left:0!important;bottom:354px!important;width:330px!important;height:100px!important}}


}

  .rab-pack-continuation .rab-pack-detail-tabs{grid-template-columns:repeat(3,max-content);justify-content:start;gap:42px}
  .rab-pack-continuation .rab-pack-detail-panels{width:520px;max-width:100%}
  .rab-pack-continuation .rab-pack-detail-panel br{display:inline;content:" "}
  .rab-pack-continuation .rab-pack-detail-panel br::after{content:" "}
}
.rab-pack1-continuation-shell{top:20px;margin-bottom:20px}
.rab-site-shell:has(.rab-pack1-section)::before{height:892px!important}
.rab-site-shell:has(.rab-pack1-section)::before{height:912px!important}
.rab-pack1-continuation-shell{top:40px;margin-bottom:40px}
.rab-site-shell:has(.rab-pack1-section)::before{height:852px!important}
.rab-pack1-continuation-shell{top:-20px;margin-bottom:-20px}
.rab-pack-copy-break{display:none}
@media (min-width:1000px){.rab-pack-copy-break{display:block}}
/* Ordinateur et 13 pouces : largeur maîtrisée des textes des trois onglets. */
@media (min-width:1200px){
  .rab-pack-continuation .rab-pack-detail-panels{width:600px;max-width:100%}
  .rab-pack-copy-break{display:block}
  .rab-pack-continuation .rab-pack-detail-panel br{display:inline;content:" "}
  .rab-pack-continuation .rab-pack-detail-panel br::after{content:" "}
}
.rab-site-shell:has(.rab-pack1-section)::before{height:862px!important}
.rab-pack1-continuation-shell{top:-10px;margin-bottom:-10px}

/* Fiche Pack desktop : fond du pourtour révélé par le centrage du canvas. */
@media (min-width: 1200px) {
  html:has(#MainContent .rab-pack1-section),
  body.rab-theme:has(#MainContent .rab-pack1-section) {
    background-color: #101010 !important;
  }
}


/* Fiche Pack#1 mobile : prix, carrousel, puis duo de visuels titré. */
@media (max-width: 749px) {
  .rab-pack1-layout > .rab-pack1-column:not(.rab-pack1-column--carousel) {
    order: 1;
  }

  .rab-pack1-layout > .rab-pack1-column--carousel {
    order: 2;
  }

  .rab-pack1-layout > .rab-pack1-feature {
    order: 3;
  }
}


/* L'ordre mobile doit primer sur les anciens réglages embarqués de la fiche. */
@media (max-width: 749px) {
  .rab-pack1-layout > .rab-pack1-column:not(.rab-pack1-column--carousel) {
    order: 1 !important;
  }

  .rab-pack1-layout > .rab-pack1-column--carousel {
    order: 2 !important;
  }

  .rab-pack1-layout > .rab-pack1-feature {
    order: 3 !important;
  }
}


@media (max-width: 749px) {
  body.rab-theme .rab-pack1-section .rab-pack1-layout > .rab-pack1-column:not(.rab-pack1-column--carousel) {
    order: 1 !important;
  }

  body.rab-theme .rab-pack1-section .rab-pack1-layout > .rab-pack1-column--carousel {
    order: 2 !important;
  }

  body.rab-theme .rab-pack1-section .rab-pack1-layout > .rab-pack1-feature {
    order: 3 !important;
  }
}

/* Fiche Pack sur ordinateur : conserver les gestes horizontaux dans le carrousel. */
@media (min-width: 1200px) {
  html:has(#MainContent .rab-pack1-section) {
    overflow-x: clip;
    overscroll-behavior-x: none;
  }
}
