.packs{text-align:center;background-color:#764695}.packs__heading{color:var(--color-text-light);margin-bottom:16px}.packs__lowercase{text-transform:lowercase}.packs__subheading{color:var(--color-text-light);letter-spacing:1px;margin-bottom:40px;font-family:Bebas Neue,sans-serif;font-size:28px;font-weight:300}.packs__carousel{justify-content:center;align-items:center;gap:20px;display:flex}.packs__arrow{background:var(--color-brand-tertiary);border:var(--border-thick);width:55px;height:55px;color:var(--color-black);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-base);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-bottom:2px;font-size:1.4rem;font-weight:900;line-height:1;display:flex}.packs__arrow:hover{background:var(--color-text-light);box-shadow:none}.packs__track{justify-content:center;align-items:center;gap:24px;display:flex;overflow:hidden}.packs__card{border:var(--border-thick);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);background:#5261aa;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:450px;min-width:450px;padding:32px 24px;transition:all .4s;display:flex}.packs__card--active{opacity:1;transform:scale(1)}.packs__card--side{opacity:.5;transform:scale(.85)}.packs__card:hover{box-shadow:var(--shadow-xl)}.packs__name{font-family:var(--font-heading);color:var(--color-text-light);text-shadow:6px 6px 0px var(--color-black);letter-spacing:2px;font-size:38px}img.packs__icon{object-fit:contain;width:200px;height:200px;display:block}.packs__icon{margin:0}.packs__hashtag{color:var(--color-text-light);border:3px solid var(--color-black);box-shadow:3px 3px 0px 0px var(--color-black);border-radius:var(--radius-pill);letter-spacing:1px;background:#764695;padding:4px 12px;font-family:Bebas Neue,sans-serif;font-size:20px}.packs__desc{font-size:var(--fs-body);color:#5c2884;background:var(--color-text-light);border:3px solid var(--color-black);border-radius:var(--radius-card);box-shadow:6px 6px 0px 0px var(--color-black);text-align:left;flex-direction:column;gap:12px;max-width:100%;padding:14px 18px;display:flex}.packs__includes{flex-direction:column;align-items:flex-start;gap:0;width:100%;padding-left:40px;display:flex}.packs__include-item{letter-spacing:1px;color:var(--color-text-light);align-items:center;gap:20px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;display:flex}.packs__check{color:#fff;-webkit-text-stroke:1px var(--color-black);text-shadow:4px 4px 0px var(--color-black);flex-shrink:0;font-size:1.8rem;font-weight:900}.packs__btn{margin-top:0}.packs__dots{justify-content:center;gap:12px;margin-top:32px;display:flex}.packs__dot{border:2px solid var(--color-black);background:var(--color-text-light);cursor:pointer;width:14px;height:14px;transition:var(--transition-base);border-radius:50%}.packs__dot--active{background:var(--color-brand-tertiary);box-shadow:2px 2px 0px 0px var(--color-black)}.packs__hint{display:none}.packs__hint span{background:var(--color-text-light);border:2px solid var(--color-black);opacity:.55;border-radius:50%;width:9px;height:9px}.packs__hint span:nth-child(2){opacity:1}.packs__scroller{display:none}@media (max-width:1200px){.packs__card--side{display:none}}@media (max-width:768px){.packs__heading{text-align:center;font-size:42px!important}.packs__subheading{text-align:center;margin-bottom:20px;font-size:22px}}@media (max-width:1024px){.packs__scroller{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;padding:16px 8% 28px;scroll-padding-inline:8%;display:flex;overflow-x:auto}.packs__scroller::-webkit-scrollbar{display:none}.packs__scroller .packs__card{scroll-snap-align:center;text-align:left;grid-template-rows:auto auto auto auto;grid-template-columns:90px 1fr;align-items:start;gap:8px 14px;width:84vw;min-width:0;max-width:360px;padding:24px 20px;display:grid}.packs__scroller img.packs__icon{grid-row:1/3;align-self:center;width:90px;height:90px}.packs__scroller .packs__name{text-shadow:3px 3px 0px var(--color-black);align-self:end;font-size:26px}.packs__scroller .packs__hashtag{align-self:start;font-size:15px}.packs__scroller .packs__desc{grid-column:1/-1;padding:12px 14px;font-size:.85rem}.packs__scroller .packs__includes{grid-column:1/-1;padding-left:10px}.packs__scroller .packs__include-item{gap:10px;font-size:.95rem}.packs__scroller .packs__check{font-size:1.3rem}.packs__scroller .packs__btn{grid-column:1/-1;justify-self:start}.packs__hint{justify-content:center;gap:9px;margin-top:14px;display:flex}}
