:root {
  --o-active-w: 75%;
  --o-side-w: 55%;
  --radius: 10px;
  --blue-rgb: 10 110 180;
  --pink-rgb: 202 22 96;
  --purp-rgb: 114 48 104;
}
h2.carouselH2{transform:translateY(60px);}
#carousel-options{padding:80px 0;}
#carousel-options h2{margin-bottom:0;color:var(--white);max-width:calc(100vw - 20px)!important;text-align:center!important}
#carousel-options p.goldSub{font-size:1.1rem;color:var(--white);width:70ch!important;max-width:calc(100vw - 20px)!important;margin-top:10px;margin-bottom:40px;text-align:center!important}
.carousel-options{position:relative;max-width:900px;margin:0px auto 80px auto;user-select:none;}
.carousel-options__viewport{position:relative;height:420px;touch-action:pan-y;}
.carousel-options__track{position:relative;height:100%;}
.card-options{position:absolute;top:0;left:50%;width:var(--side-w);max-width:600px;height:auto;transform:translateX(-50%);border-radius:15px;overflow:hidden;box-sizing:border-box;transition:transform 420ms cubic-bezier(.2,.8,.2,1),width 0ms cubic-bezier(.2,.8,.2,1),opacity 420ms ease,filter 420ms ease,z-index 0ms linear 0ms;}
.card-options img{width:100%;height:300px;object-fit:cover;object-position:top;display:block;z-index:-1;}
.cardHeading-options {position:relative;padding:20px 30px;padding-bottom:30px;color:var(--white);text-align:center;}
.cardHeading-options::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -70%,rgba(40,38,42,0) 50%,rgba(40,38,42,0.5) 100%);z-index:0;pointer-events:none;opacity:0.8;}
.cardHeading-options a,.cardHeading-options .subTitle,.cardHeading-options p{position:relative;z-index:2;color:var(--white);}
.cardHeading-options p{margin-top:20px;margin-bottom:0;padding:0;line-height:1.2;font-weight:100!important;}

.cardHeading-options span.price{font-size:1.6rem;display:block;margin-top:0px;padding:0}
.cardHeading-options span.subTitle::after {display:block;padding-top:20px;content:'Find out more →';}
/*.card-options a::after{content:' →';}
.card-options a:hover{text-decoration:underline} */
.card-options h3{margin:0;padding-top:3px;font-size:1.6rem;font-family:'bold'}
.cardBody-options{padding:20px 30px 30px;color:var(--white);overflow:hidden;max-height:calc(100% - 300px - 72px);-webkit-overflow-scrolling:touch;display:none;}
a .card-options {transition:border filter ease 0.75s}
a .card-options:hover {filter:brightness(1.2);border:transparent solid 2px}
  .cardHeading-options span.option-description {display:block;margin:0;border-radius:5px;padding-bottom:10px}
  span.option-description {padding:0 10px}
.cardHeading-options .fixed-height {min-height:260px}
 p.fixed-height  strong {display:block;margin:5px 0;padding:0;line-height:1.4}
 .fixed-height {display:block;margin:5px;padding:0;line-height:1.4!important}
.cardHeading-options p{text-align:left}
.lineup-icon {
  display: flex;
  align-items: center;      /* vertical alignment */
  gap: 0.5rem;padding: 20px 0;
  margin-bottom: 1rem;margin-top:0px;transform:translate(-30px, -20px);width:calc(100% + 60px);display:block;background:rgba(40,36,42,0.3);border-bottom:2px solid rgba(0, 0, 0, 0.1);
  
}
  
  .lineup-icon strong {
    display:block;
    align-items: center;
    justify-content: center;
  
    border-radius: 50%;
    
    color: rgba(0,0,0,0.3);
    font-size: 7.1rem;
    font-family:'heading';position:absolute;top:-35px;left:15px;z-index:-1;
  }
  .lineup-icon em {font-size:1.6rem;font-style: normal;color: var(--h2)}
  .lineup-icon:before {
    font-style: normal;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color:  var(--h2);
  }
  p.options {color:var(--white);text-align:center;font-family:'bold';color:var(--h2);padding:0 20px }
  h2.options {color:var(--white);padding-top:80px}
  .addPad {padding:40px}
 
  
  .A, .B, .C, .D {display:inline-block}
  .A strong:after, .A em:after {content:'A';}
  .B strong:after, .B em:after {content:'B';}
  .C strong:after, .C em:after {content:'C';}
  .D strong:after, .D em:after {content:'D';}
  .fixed-height strong {color:var(--h2);shadow:var(--shadow)}
  .fixed-height span {text-align:center;width:100%;display:block}
  
  
@media (max-width:520px){
  .cardHeading-options .fixed-height {min-height:340px}
.cardHeading-options{padding:16px 20px;}
.cardBody-options{padding:16px 20px 20px}

.cardBody-options p{margin-bottom:8px;}

}

.card-options.is-active{width:var(--o-active-w);transform:translateX(-50%) scale(1);z-index:3;opacity:1;filter:none;box-shadow:0 16px 50px rgba(20,20,20,0.8);}
.card-options.is-left{transform:translateX(-50%) translateX(-50%) scale(.75);z-index:1;opacity:.5;filter:blur(2px);box-shadow:0 10px 22px rgba(0,0,0,.12);}
.card-options.is-right{transform:translateX(-50%) translateX(50%) scale(.75);z-index:1;opacity:.5;filter:blur(2px);box-shadow:0 10px 22px rgba(0,0,0,.12);}
.card-options:not(.is-active) .cardBody-options p{font-size:0.9em;margin-bottom:6px;}
.card-options:not(.is-active) .cardHeading-options *{font-size:0.9em}
.card-options:not(.is-active) .cardHeading-options .lineup-icon:before{font-size:1.4em}
.card-options:not(.is-active) .cardHeading-options .lineup-icon strong {font-size:5em;top:0}
.card-options:not(.is-active){pointer-events:none;}
.card-options.is-active{pointer-events:auto;}
.nav-options{position:absolute;bottom:-48px;transform:translateY(-50%);width:clamp(44px,8vw,80px);height:clamp(44px,8vw,80px);border:none;border-radius:999px;background:none;color:var(--white);font-size:44px;cursor:pointer;display:grid;place-items:center;transition:background 0.25s ease-in-out;z-index:100;opacity:0.8}
.nav-options--prev{left:10px;}
.nav-options--next{right:10px;}
.nav-options--prev:hover{opacity:1;text-shadow:white 0 0 5px}
.nav-options--next:hover{opacity:1;text-shadow:white 0 0 5px}
.nav-options:active{transform:translateY(-50%) scale(.96);}