@media (max-width: 1500px) {
  .hero-grid {
    gap: 75px;
    padding-top: clamp(20px, 8vw, 65px);
    padding-bottom: clamp(50px, 8vw, 75px);
  }
  section.blk {
    padding-top: clamp(64px, 9vw, 75px);
    padding-bottom: clamp(64px, 9vw, 75px);
  }
  .amitav-c .amitav-grid {
    gap: 75px;
  }
  h3 {
    font-size: clamp(20px, 3vw, 25px);
  }
}
@media (max-width: 1400px) {
  h1 {
    font-size: clamp(32px, 6.2vw, 50px);
  }
  h2 {
    font-size: clamp(30px, 4vw, 40px);
  }
  .strip-cell h4 {
    font-size: 14px;
  }
  .logo img {
    width: 225px;
  }
  a,
  p,
  li,
  label,
  body {
    font-size: 16px;
  }
  .hero-grid {
    gap: 75px;
    padding-top: clamp(20px, 5vw, 50px);
    padding-bottom: clamp(50px, 8vw, 75px);
  }
  section.blk {
    padding-top: clamp(30px, 9vw, 50px);
    padding-bottom: clamp(30px, 9vw, 50px);
  }
  .amitav-c .amitav-grid {
    gap: 50px;
  }
  .chart {
    padding: clamp(20px, 3vw, 75px);
  }
  .chart-foot p {
    font-size: clamp(18px, 2.2vw, 18px);
  }
  .f-btn {
    font-size: 14px;
  }
  .sec-head {
    max-width: 70em;
    margin-bottom: 35px;
  }
  .cta-row p {
    font-size: clamp(18px, 2.2vw, 20px);
    max-width: 100%;
  }
  .celeb-pic-c .celeb-cal .celeb-cal-single {
    aspect-ratio: 4/5;
  }
}
@media (max-width: 1300px) {
  header .wrap {
    padding: 15px 50px;
  }
  .wrap {
    padding: 0 50px;
  }
  .line.l1 a {
    font-size: clamp(40px, 8.4vw, 85px);
  }
  .hero-grid {
    gap: 50px;
  }
  .piece {
    padding: 20px;
  }
}
@media (max-width: 940px) {
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .hero-art {
    order: -1;
  }
  .cta-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .field-row {
    grid-template-columns: 1fr;
  }
  .pieces {
    grid-template-columns: repeat(2, 1fr);
  }
  .banner-text {
    text-align: center;
  }
  .hero-ctas {
    justify-content: center;
  }
  .strip-in {
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }
  .sec-head {
    max-width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
  .chart-rule {
    gap: 15px;
    margin-bottom: clamp(26px, 2vw, 30px);
  }
  .chart-foot {
    margin-top: clamp(28px, 5vw, 48px);
    padding-top: 25px;
    gap: 18px;
    color: var(--ink-soft);
    text-align: center;
  }
  .chart-foot p {
    width: 100%;
    text-align: center;
  }
  .chart .f-btn {
    margin: 0 auto;
  }
  .cta-row {
    margin-top: clamp(40px, 3vw, 64px);
    padding-top: clamp(28px, 1.4vw, 40px);
    justify-content: center;
  }
  .amitav-c .amitav-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .amitav-c .amitav-grid .amitav-video {
    aspect-ratio: 4/2;
  }
  .band .band-txt {
    align-items: center;
    text-align: center;
  }
  .band .band-txt h3 {
    max-width: 70%;
  }
  .store-ctas .f-btn {
    width: 100%;
    max-width: 100%;
  }
  footer {
    padding: 50px 0 0px;
  }
  footer .logo img {
    width: 250px;
  }
  header .wrap .btn-grp {
    gap: 0px;
  }
  .slick-dots {
    bottom: -36px;
  }
}
@media (max-width: 860px) {
  .strip-in {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 820px) {
  .hdr-tel {
    display: none;
  }
  .g-big {
    grid-column: span 2;
    grid-row: span 2;
  }
  .g-wide {
    grid-column: span 2;
  }
  .g-tall {
    grid-row: span 1;
  }
  .cw {
    grid-template-columns: repeat(2, 1fr);
  }
  header .wrap {
    padding: 15px 20px;
  }
  .wrap {
    padding: 0 20px;
  }
}
@media (max-width: 760px) {
  .reasons {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .stores {
    grid-template-columns: 1fr;
  }
  header .f-btn.whats-btn span {
    display: none;
  }
  .celeb-pic-c .celeb-cal .celeb-cal-single .celeb-cal-single-intro {
    padding: 15px;
    min-height: 80px;
  }
  .celeb-pic-c .celeb-cal .celeb-cal-single .celeb-cal-single-intro h5 {
    font-weight: 500;
  }
}
@media (max-width: 720px) {
  .mbar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--line);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    border-top: 1px solid var(--line);
  }
  .mbar a {
    background: var(--shell);
    color: var(--ink);
    padding: 16px 8px;
    text-align: center;
    font-size: 11.5px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 500;
  }
  .mbar a.p {
    background: var(--onyx);
    color: var(--shell);
  }
}
@media (max-width: 640px) {
  .pieces {
    grid-template-columns: 1fr;
  }
  .f-btn {
    max-width: 100%;
    width: 100%;
  }
  .chart-foot p {
    width: 100%;
  }
  .amitav-c .amitav-grid .amitav-video {
    aspect-ratio: 4/5;
  }
  .amitav-c .amitav-grid {
    gap: 20px;
  }
  .gal {
    grid-template-columns: repeat(1, 1fr);
  }
  .gal .gal-single {
    aspect-ratio: 4/3;
  }
  .cta-row p {
    text-align: center;
  }
  .hero-art {
    padding-bottom: 0;
  }
  .hero-art .frame {
    padding: 10px;
  }
  .strip {
    padding: 35px 0;
  }
  .strip-cell h4 {
    font-size: 16px;
    margin-bottom: 2px;
  }
  .strip-in {
    gap: 15px;
  }
  .promise li {
    gap: 10px;
  }
  .band .band-txt h3 {
    max-width: 100%;
  }
  footer .privacy-terms {
    padding: 20px 0;
  }
  .logo img {
    width: 200px;
  }
  .field-row {
    gap: 0;
  }
  .or {
    font-size: 14px;
  }
  .field {
    margin-bottom: 15px;
  }
  .field label {
    margin-bottom: 3px;
  }
  .all-brands .brand-marquee-item img {
    height: 125px;
  }
}
@media (max-width: 560px) {
  .vids {
    grid-template-columns: 1fr;
  }
  .vid {
    aspect-ratio: 4/5;
  }
}
@media (max-width: 520px) {
  .strip-in {
    grid-template-columns: 1fr;
  }
  .cw {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}/*# sourceMappingURL=responsive.css.map */