html,body,main.main-container{
  max-width:100% !important;
  overflow-x:hidden !important;
}
yc-section.packs-featured{
  display:block !important;
  position:relative;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  color:#121212;
  overflow:hidden;
  box-sizing:border-box;
}
.packs-featured{
  --pf-accent:#121212;
  --pf-bg:#fff;
  --pf-card:#fff;
  --pf-text:#121212;
  --pf-muted:#6b6b6b;
  position:relative;
  overflow:hidden;
  background:#fff;
  color:var(--pf-text);
  isolation:isolate;
}
.pf-backdrop{
  position:absolute;
  inset:0;
  z-index:0;
}
.pf-ambient{
  display:none;
}
.pf-shell{
  --pf-card-w:clamp(252px, 33vw, 345px);
  position:relative;
  z-index:1;
  width:100%;
  padding:clamp(48px, 8vw, 90px) clamp(12px, 3vw, 24px) clamp(36px, 6vw, 64px);
}
.pf-header{
  position:relative;
  z-index:2;
  width:min(760px,100%);
  margin:0 auto;
  text-align:center;
}
.pf-title{
  display:inline-block;
  margin:0;
  color:#121212;
  font-size:clamp(2.37rem, 5.4vw, 3.05rem);
  font-weight:800;
  letter-spacing:0.04em;
  text-transform:uppercase;
  text-decoration:none;
  line-height:1.25;
}
.pf-desc{
  max-width:620px;
  margin:16px auto 0;
  color:var(--pf-muted);
  font-size:clamp(16px, 2.2vw, 20px);
  line-height:1.65;
}
.pf-stage{
  position:relative;
  z-index:2;
  width:min(1600px,100%);
  height:calc(var(--pf-card-w) * 1.7 + 72px);
  margin:clamp(16px, 3vw, 30px) auto 0;
  perspective:1200px;
  touch-action:pan-y;
  user-select:none;
}
.pf-glow{
  position:absolute;
  left:50%;
  top:50%;
  width:var(--pf-orbit-w, 660px);
  max-width:100%;
  height:calc(var(--pf-card-w) * 0.95);
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(0,0,0,0.05);
  box-shadow:0 0 60px rgba(0,0,0,0.03);
  pointer-events:none;
}
.pf-glow::before{
  content:"";
  position:absolute;
  inset:12% 10%;
  border-radius:50%;
  border:1px solid rgba(0,0,0,0.04);
}
.pf-orbit{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}
.pf-card{
  position:absolute;
  left:50%;
  top:50%;
  width:var(--pf-card-w);
  transform:translate(-50%,-50%);
  transform-style:preserve-3d;
  will-change:transform,opacity;
}
.pf-link{
  display:block;
  color:inherit;
  text-decoration:none;
  outline:none;
}
.pf-frame{
  position:relative;
  width:100%;
  padding:calc(var(--pf-card-w) * 0.045);
  padding-bottom:calc(var(--pf-card-w) * 0.07 + 4px);
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:calc(var(--pf-card-w) * 0.1);
  background:#fff;
  box-shadow:0 14px 36px rgba(0,0,0,0.08);
}
.pf-card.is-front{
  z-index:30 !important;
}
.pf-card.is-front .pf-frame{
  background:#fff;
  isolation:isolate;
  border-color:rgba(0,0,0,0.14);
  box-shadow:0 20px 44px rgba(0,0,0,0.12);
}
.pf-card:not(.is-front) .pf-info,
.pf-card:not(.is-front) .pf-add{
  opacity:0 !important;
  visibility:hidden;
}
.pf-photo{
  position:relative;
  width:100%;
  aspect-ratio:1 / 0.92;
  overflow:hidden;
  border-radius:calc(var(--pf-card-w) * 0.074);
  background:#f4f4f4;
}
.pf-photo img,
.pf-photo-empty{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  pointer-events:none;
}
.pf-add{
  position:absolute;
  right:8px;
  bottom:8px;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:#6d28d9;
  color:#fff;
  font-size:26px;
  line-height:1;
  pointer-events:none;
  opacity:0;
  transform:scale(0.6);
  transition:transform 0.25s ease, opacity 0.3s ease, background 0.25s ease, color 0.25s ease;
}
.pf-card.is-front .pf-add{
  opacity:1;
  transform:scale(1);
}
.pf-info{
  padding:12px 4px 0;
}
.pf-name{
  margin:0 0 4px;
  overflow:hidden;
  color:#121212;
  font-size:clamp(13px, calc(var(--pf-card-w) * 0.068), 16px);
  font-weight:700;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pf-hint{
  margin:0 0 8px;
  overflow:hidden;
  color:#8a8a8a;
  font-size:11px;
  line-height:1.4;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pf-price{
  margin:0;
  display:flex;
  align-items:baseline;
  gap:7px;
  font-size:clamp(13px, calc(var(--pf-card-w) * 0.065), 15px);
  font-weight:700;
}
.pf-price-now{
  color:var(--pf-accent);
}
.pf-price-old{
  color:#9a9a9a;
  font-size:11px;
  font-weight:600;
  text-decoration:line-through;
  white-space:nowrap;
}

@media (hover:hover){
  .pf-card.is-front:hover .pf-add{
    transform:scale(1.1);
    background:#4c1d95;
    color:#fff;
  }
}
@media (pointer:coarse){
  .pf-add{
    width:58px;
    height:58px;
    font-size:28px;
    background:#6d28d9;
    color:#fff;
  }
  .pf-card.is-front .pf-add{
    opacity:1;
    transform:scale(1);
  }
}
@media (max-width:768px){
  .pf-title{
    font-size:clamp(2.2rem, 8vw, 3.05rem);
  }
  .pf-shell{
    --pf-card-w:clamp(200px, 58vw, 250px);
  }
  .pf-stage{
    height:calc(var(--pf-card-w) * 1.85 + 36px);
    overflow:visible;
  }
  .pf-orbit,
  .pf-card{
    transform-style:flat;
  }
}