/** Shopify CDN: Minification failed

Line 4200:0 All "@import" rules must come first

**/

    .little-roar-page {
      --cream: #fff8ee;
      --cream-2: #f8eddf;
      --forest: #154f46;
      --forest-dark: #0f3d37;
      --sage: #819878;
      --coral: #e7744f;
      --peach: #f7d6c0;
      --yellow: #f8c341;
      --ink: #173e39;
      --line: rgba(21, 79, 70, .22);
      --shadow: 0 18px 45px rgba(46, 34, 21, .12);
    }

    :where(.little-roar-page) * { box-sizing: border-box; }
    .little-roar-page { scroll-behavior: smooth; }
    .little-roar-page {
      margin: 0;
      color: var(--ink);
      background:
        radial-gradient(circle at 50% 0%, #fffdf8 0%, var(--cream-2) 62%, #ead9c7 100%);
      font-family: "Nunito", ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    :where(.little-roar-page) button, :where(.little-roar-page) a { font: inherit; }
    :where(.little-roar-page) a { color: inherit; text-decoration: none; }

    :where(.little-roar-page) .page-shell {
      min-height: 100vh;
      display: grid;
      place-items: start center;
      padding: 0;
    }

    :where(.little-roar-page) .storefront {
      width: min(100%, 760px);
      min-height: 100vh;
      background: var(--cream);
      overflow: hidden;
      position: relative;
    }

    :where(.little-roar-page) .announcement {
      min-height: 46px;
      padding: 11px 16px;
      background: var(--forest);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      text-align: center;
      font-size: clamp(.76rem, 3vw, .95rem);
      font-weight: 800;
      letter-spacing: .01em;
    }
    :where(.little-roar-page) .announcement strong { color: var(--yellow); }
    :where(.little-roar-page) .announcement .mark { color: var(--coral); font-size: 1.1em; }

    :where(.little-roar-page) .nav {
      min-height: 84px;
      display: grid;
      grid-template-columns: 44px 1fr 44px;
      align-items: center;
      gap: 12px;
      padding: 12px 20px;
      background: rgba(255,248,238,.94);
      backdrop-filter: blur(16px);
      position: sticky;
      top: 0;
      z-index: 20;
      border-bottom: 1px solid rgba(21,79,70,.07);
    }

    :where(.little-roar-page) .icon-btn {
      width: 44px;
      height: 44px;
      border: 0;
      background: transparent;
      color: var(--forest);
      display: grid;
      place-items: center;
      border-radius: 50%;
      cursor: pointer;
    }
    :where(.little-roar-page) .icon-btn:hover { background: rgba(21,79,70,.07); }

    :where(.little-roar-page) .menu-lines,
    :where(.little-roar-page) .menu-lines::before,
    :where(.little-roar-page) .menu-lines::after {
      width: 27px;
      height: 3px;
      border-radius: 10px;
      background: currentColor;
      display: block;
      content: "";
    }
    :where(.little-roar-page) .menu-lines { position: relative; }
    :where(.little-roar-page) .menu-lines::before { position: absolute; top: -9px; }
    :where(.little-roar-page) .menu-lines::after { position: absolute; top: 9px; }

    :where(.little-roar-page) .logo {
      justify-self: center;
      text-align: center;
      line-height: .83;
      font-weight: 900;
      letter-spacing: -.055em;
      font-size: clamp(2rem, 8vw, 3.35rem);
      user-select: none;
    }
    :where(.little-roar-page) .logo .little {
      display: block;
      font-size: .72em;
      color: var(--sage);
    }
    :where(.little-roar-page) .logo .little::first-letter { color: var(--coral); }
    :where(.little-roar-page) .logo .roar { color: var(--forest); }
    :where(.little-roar-page) .logo .dot { color: var(--yellow); }

    :where(.little-roar-page) .cart-icon {
      width: 28px;
      height: 24px;
      border: 3px solid currentColor;
      border-top: 0;
      border-radius: 3px 3px 6px 6px;
      position: relative;
    }
    :where(.little-roar-page) .cart-icon::before {
      content: "";
      position: absolute;
      left: 5px;
      right: 5px;
      top: -10px;
      height: 12px;
      border: 3px solid currentColor;
      border-bottom: 0;
      border-radius: 10px 10px 0 0;
    }

    :where(.little-roar-page) .hero {
      padding: 0 18px 30px;
    }

    :where(.little-roar-page) .hero-media {
      margin: 0;
      position: relative;
      border-radius: 0 0 34px 34px;
      overflow: hidden;
      box-shadow: var(--shadow);
      background: #ddd;
      aspect-ratio: 4 / 3.45;
    }
    :where(.little-roar-page) .hero-media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center 44%;
    }
    :where(.little-roar-page) .hero-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(9,37,33,.15), transparent 35%);
      pointer-events: none;
    }

    :where(.little-roar-page) .watch {
      position: absolute;
      right: 15px;
      bottom: 15px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 8px 13px 8px 8px;
      background: rgba(255,255,255,.95);
      color: var(--ink);
      border: 1px solid rgba(21,79,70,.12);
      border-radius: 999px;
      box-shadow: 0 8px 24px rgba(21,79,70,.18);
      font-size: .86rem;
      font-weight: 900;
    }
    :where(.little-roar-page) .watch .play {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--forest);
      color: white;
      padding-left: 3px;
    }
    :where(.little-roar-page) .watch strong { color: var(--coral); }

    :where(.little-roar-page) .hero-copy {
      position: relative;
      padding: 24px 3px 0;
      text-align: center;
    }

    :where(.little-roar-page) .audience-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 100%;
      padding: 10px 18px;
      border-radius: 999px;
      background: linear-gradient(90deg, #fde2d3, #f8cfb5);
      color: var(--coral);
      font-size: clamp(.76rem, 3.1vw, .95rem);
      font-weight: 900;
      margin-bottom: 13px;
    }

    :where(.little-roar-page) h1 {
      max-width: 680px;
      margin: 0 auto;
      font-size: clamp(2.15rem, 10vw, 4.8rem);
      line-height: .98;
      letter-spacing: -.055em;
      font-weight: 900;
      color: var(--forest-dark);
    }
    :where(.little-roar-page) .highlight {
      display: inline-block;
      position: relative;
      z-index: 0;
      white-space: nowrap;
    }
    :where(.little-roar-page) .highlight::before {
      content: "";
      position: absolute;
      left: -4%;
      right: -4%;
      bottom: .05em;
      height: .38em;
      background: var(--yellow);
      border-radius: 7px 16px 7px 12px;
      transform: rotate(-1.5deg);
      z-index: -1;
    }

    :where(.little-roar-page) .subcopy {
      max-width: 610px;
      margin: 16px auto 0;
      color: #374c48;
      font-size: clamp(.98rem, 3.8vw, 1.2rem);
      line-height: 1.48;
      font-weight: 600;
    }

    :where(.little-roar-page) .cta {
      width: min(100%, 590px);
      min-height: 62px;
      margin: 21px auto 0;
      border: 0;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--forest), #0f4039);
      color: #fff;
      box-shadow: 0 12px 24px rgba(21,79,70,.23);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      font-size: clamp(1.05rem, 4vw, 1.35rem);
      font-weight: 900;
      cursor: pointer;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    :where(.little-roar-page) .cta:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(21,79,70,.28); }
    :where(.little-roar-page) .cta:active { transform: translateY(0); }

    :where(.little-roar-page) .value-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin: 16px auto 0;
      max-width: 650px;
    }
    :where(.little-roar-page) .value-chip {
      min-height: 82px;
      border: 1.5px solid var(--line);
      border-radius: 21px;
      background: rgba(255,255,255,.52);
      padding: 10px 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      text-align: left;
      line-height: 1.06;
      font-size: clamp(.67rem, 2.6vw, .87rem);
      font-weight: 800;
    }
    :where(.little-roar-page) .value-chip .bubble {
      width: 38px;
      height: 38px;
      flex: 0 0 38px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 1.06rem;
      font-weight: 900;
    }
    :where(.little-roar-page) .value-chip:nth-child(1) .bubble { background: var(--forest); }
    :where(.little-roar-page) .value-chip:nth-child(2) .bubble { background: var(--coral); }
    :where(.little-roar-page) .value-chip:nth-child(3) .bubble { background: var(--yellow); color: var(--forest); }
    :where(.little-roar-page) .value-chip b { display: block; font-size: 1.2em; }

    :where(.little-roar-page) .doodle {
      position: absolute;
      pointer-events: none;
      opacity: .85;
      font-size: 1.25rem;
      transform: rotate(-12deg);
    }
    :where(.little-roar-page) .doodle.one { left: 10px; top: 78px; color: var(--sage); letter-spacing: -5px; }
    :where(.little-roar-page) .doodle.two { right: 12px; top: 80px; color: var(--coral); transform: rotate(12deg); }

    @media (max-width: 460px) {
      :where(.little-roar-page) .announcement { min-height: 42px; padding: 8px 10px; }
      :where(.little-roar-page) .nav { min-height: 76px; padding: 9px 14px; }
      :where(.little-roar-page) .hero { padding-inline: 12px; }
      :where(.little-roar-page) .hero-media { border-radius: 0 0 28px 28px; aspect-ratio: 4 / 3.7; }
      :where(.little-roar-page) .hero-copy { padding-top: 20px; }
      :where(.little-roar-page) .subcopy { margin-top: 12px; }
      :where(.little-roar-page) .cta { min-height: 58px; margin-top: 17px; }
      :where(.little-roar-page) .value-chip { flex-direction: column; text-align: center; min-height: 94px; }
    }

    @media (min-width: 761px) {
      :where(.little-roar-page) .storefront {
        margin: 28px 0;
        min-height: auto;
        border-radius: 42px;
        box-shadow: 0 28px 80px rgba(66,45,27,.17);
        border: 1px solid rgba(21,79,70,.08);
      }
      :where(.little-roar-page) .announcement { border-radius: 42px 42px 0 0; }
      :where(.little-roar-page) .hero { padding-inline: 30px; padding-bottom: 40px; }
    }


    /* Product selection section */
    :where(.little-roar-page) .shop-section {
      padding: 54px 18px 64px;
      background:
        radial-gradient(circle at 0 10%, rgba(231,116,79,.10), transparent 24%),
        radial-gradient(circle at 100% 70%, rgba(129,152,120,.16), transparent 28%),
        #fffaf2;
      border-top: 1px solid rgba(21,79,70,.08);
      position: relative;
      overflow: hidden;
    }
    :where(.little-roar-page) .section-kicker {
      width: fit-content;
      margin: 0 auto 12px;
      padding: 8px 18px;
      border-radius: 999px;
      background: var(--forest);
      color: white;
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    :where(.little-roar-page) .section-title {
      max-width: 680px;
      margin: 0 auto;
      text-align: center;
      color: var(--forest-dark);
      font-size: clamp(2rem, 8vw, 4rem);
      line-height: 1;
      letter-spacing: -.05em;
      font-weight: 900;
    }
    :where(.little-roar-page) .section-subtitle {
      max-width: 620px;
      margin: 12px auto 26px;
      text-align: center;
      color: rgba(23,62,57,.74);
      font-size: clamp(.98rem, 3.6vw, 1.15rem);
      line-height: 1.45;
    }
    :where(.little-roar-page) .offer-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      max-width: 1050px;
      margin: 0 auto;
    }
    :where(.little-roar-page) .offer-card {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 42%;
      min-height: 260px;
      border: 2px solid rgba(21,79,70,.14);
      border-radius: 28px;
      overflow: hidden;
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 34px rgba(46,34,21,.07);
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }
    :where(.little-roar-page) .offer-card:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(46,34,21,.10); }
    :where(.little-roar-page) .offer-card.is-selected { border-color: var(--coral); box-shadow: 0 16px 38px rgba(231,116,79,.16); }
    :where(.little-roar-page) .offer-copy { padding: 24px 8px 22px 22px; align-self: center; z-index: 2; }
    :where(.little-roar-page) .offer-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 10px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(129,152,120,.15);
      color: var(--forest);
      font-size: .72rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-tag { background: rgba(231,116,79,.13); color: var(--coral); }
    :where(.little-roar-page) .offer-name {
      margin: 0;
      color: var(--forest-dark);
      font-size: clamp(1.6rem, 7vw, 2.5rem);
      line-height: .96;
      letter-spacing: -.05em;
      font-weight: 900;
    }
    :where(.little-roar-page) .offer-desc { margin: 10px 0 13px; color: rgba(23,62,57,.72); line-height: 1.25; font-weight: 700; }
    :where(.little-roar-page) .offer-price { display: flex; align-items: baseline; gap: 8px; color: var(--forest-dark); }
    :where(.little-roar-page) .offer-price strong { font-size: 2rem; font-weight: 900; }
    :where(.little-roar-page) .offer-price del { color: rgba(23,62,57,.45); font-weight: 800; }
    :where(.little-roar-page) .save-pill {
      display: inline-block;
      margin-top: 9px;
      padding: 6px 11px;
      border-radius: 999px;
      background: var(--coral);
      color: white;
      font-size: .78rem;
      font-weight: 900;
    }
    :where(.little-roar-page) .product-cutout {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center bottom;
      mix-blend-mode: multiply;
      padding: 14px 10px 0 0;
    }
    :where(.little-roar-page) .mini-lifestyle { object-fit: cover; object-position: center; padding: 0; mix-blend-mode: normal; }
    :where(.little-roar-page) .offer-card.mini-showcase {
      grid-template-columns: 1fr;
      grid-template-rows: auto minmax(200px, 1fr);
      background: linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(255,252,248,.96) 48%, #fff1e4 100%);
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-copy {
      padding: 24px 22px 14px;
      align-self: start;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual {
      position: relative;
      min-height: 210px;
      margin-top: 4px;
      background:
        linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,245,237,.82) 20%, rgba(255,233,217,1) 100%);
      border-top: 1px solid rgba(231,116,79,.10);
      overflow: hidden;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual::before {
      content: "";
      position: absolute;
      left: -4%;
      right: -4%;
      top: -30px;
      height: 64px;
      background: rgba(255,255,255,.86);
      border-radius: 0 0 50% 50% / 0 0 100% 100%;
      z-index: 1;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout {
      position: relative;
      z-index: 2;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 40%;
      padding: 0;
      mix-blend-mode: normal;
    }
    :where(.little-roar-page) .product-cutout.orange { filter: sepia(.75) saturate(2.8) hue-rotate(335deg) brightness(.96); }
    :where(.little-roar-page) .product-cutout.blue { filter: sepia(.72) saturate(3.5) hue-rotate(155deg) brightness(.88); }
    :where(.little-roar-page) .bundle-visual { position: relative; min-height: 245px; }
    :where(.little-roar-page) .bundle-visual img { position: absolute; bottom: 0; width: 67%; height: 94%; object-fit: contain; mix-blend-mode: multiply; }
    :where(.little-roar-page) .bundle-visual .one { left: -5%; filter: sepia(.75) saturate(2.8) hue-rotate(335deg) brightness(.96); }
    :where(.little-roar-page) .bundle-visual .two { right: -8%; filter: sepia(.72) saturate(3.5) hue-rotate(155deg) brightness(.88); }
    :where(.little-roar-page) .best-seller {
      position: absolute;
      top: 14px;
      right: 14px;
      z-index: 3;
      padding: 8px 10px;
      border-radius: 14px;
      background: var(--coral);
      color: white;
      font-size: .68rem;
      line-height: 1.05;
      font-weight: 900;
      text-transform: uppercase;
      text-align: center;
      box-shadow: 0 8px 18px rgba(231,116,79,.24);
    }
    :where(.little-roar-page) .product-facts {
      max-width: 1050px;
      margin: 16px auto 0;
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 8px;
      padding: 12px;
      border: 1px solid rgba(21,79,70,.12);
      border-radius: 22px;
      background: rgba(255,255,255,.74);
    }
    :where(.little-roar-page) .fact { text-align: center; padding: 8px 5px; font-size: .76rem; font-weight: 800; color: rgba(23,62,57,.72); }
    :where(.little-roar-page) .fact b { display: block; margin-bottom: 3px; color: var(--forest-dark); font-size: .92rem; }

    :where(.little-roar-page) .colors-panel {
      margin: 48px -18px -64px;
      padding: 46px 18px 58px;
      background: linear-gradient(180deg,#eef8ee 0%,#f7fff7 60%,#eaf4e7 100%);
      border-top: 1px solid rgba(21,79,70,.08);
    }
    :where(.little-roar-page) .color-scroller {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(112px, 1fr);
      gap: 10px;
      overflow-x: auto;
      padding: 4px 2px 14px;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      max-width: 1080px;
      margin: 0 auto;
    }
    :where(.little-roar-page) .color-scroller::-webkit-scrollbar { display: none; }
    :where(.little-roar-page) .color-option {
      scroll-snap-align: start;
      min-height: 132px;
      padding: 14px 8px 11px;
      border: 2px solid rgba(21,79,70,.11);
      border-radius: 20px;
      background: rgba(255,255,255,.88);
      text-align: center;
      cursor: pointer;
      transition: border-color .18s ease, transform .18s ease;
    }
    :where(.little-roar-page) .color-option:hover { transform: translateY(-2px); }
    :where(.little-roar-page) .color-option.is-selected { border-color: var(--forest); box-shadow: 0 10px 22px rgba(21,79,70,.12); }
    :where(.little-roar-page) .swatch {
      width: 62px;
      height: 62px;
      margin: 0 auto 9px;
      border-radius: 19px 19px 24px 24px;
      position: relative;
      box-shadow: inset 0 -8px 14px rgba(0,0,0,.08), 0 7px 15px rgba(46,34,21,.08);
    }
    :where(.little-roar-page) .swatch::before, :where(.little-roar-page) .swatch::after {
      content: '';
      position: absolute;
      top: -7px;
      width: 18px;
      height: 18px;
      background: inherit;
      border-radius: 5px 14px 4px 12px;
      transform: rotate(35deg);
    }
    :where(.little-roar-page) .swatch::before { left: 8px; }
    :where(.little-roar-page) .swatch::after { right: 8px; transform: rotate(55deg); }
    :where(.little-roar-page) .color-option span:last-child { display: block; color: var(--forest-dark); font-weight: 900; font-size: .76rem; line-height: 1.08; }
    :where(.little-roar-page) .glow-card { background: #102f2a; border-color: #8eff36; color: white; }
    :where(.little-roar-page) .glow-card span:last-child { color: white; }
    :where(.little-roar-page) .glow-card .swatch { box-shadow: 0 0 22px #8eff36, inset 0 -8px 14px rgba(0,0,0,.12); }
    :where(.little-roar-page) .glow-note {
      max-width: 720px;
      margin: 14px auto 0;
      padding: 16px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      border-radius: 22px;
      background: rgba(255,255,255,.7);
      border: 1px solid rgba(21,79,70,.12);
      color: var(--forest-dark);
      font-weight: 800;
    }
    :where(.little-roar-page) .glow-note small { display: block; margin-top: 2px; color: rgba(23,62,57,.68); font-weight: 700; }
    :where(.little-roar-page) .glow-badge { flex: 0 0 auto; padding: 10px 12px; border-radius: 14px; background: var(--forest); color: white; font-size: .72rem; font-weight: 900; text-align: center; }
    :where(.little-roar-page) .selection-summary {
      max-width: 1050px;
      margin: 20px auto 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 16px;
      border-radius: 20px;
      background: var(--forest);
      color: white;
      font-weight: 800;
    }
    :where(.little-roar-page) .selection-summary button { border: 0; border-radius: 14px; background: var(--yellow); color: var(--forest-dark); padding: 11px 14px; font-weight: 900; cursor: pointer; }

    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-grid { grid-template-columns: repeat(3, 1fr); }
      :where(.little-roar-page) .offer-card { grid-template-columns: 1fr; min-height: 420px; }
      :where(.little-roar-page) .offer-copy { padding: 24px 22px 0; }
      :where(.little-roar-page) .product-cutout { height: 220px; padding: 0 12px 10px; }
      :where(.little-roar-page) .bundle-visual { min-height: 230px; }
      :where(.little-roar-page) .color-scroller { grid-auto-flow: initial; grid-template-columns: repeat(6, 1fr); overflow: visible; }
    }

  

    /* Big Roar integrated lifestyle card */
    :where(.little-roar-page) .offer-card.big-showcase {
      grid-template-columns: 1fr;
      grid-template-rows: auto minmax(210px, 1fr);
      background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,252,248,.98) 48%, #fff1e4 100%);
    }
    :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
      padding: 24px 22px 14px;
      align-self: start;
    }
    :where(.little-roar-page) .offer-card.big-showcase .card-visual {
      position: relative;
      min-height: 220px;
      margin-top: 4px;
      overflow: hidden;
      border-top: 1px solid rgba(231,116,79,.10);
      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,245,237,.82) 20%, rgba(255,233,217,1) 100%);
    }
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::before {
      content: "";
      position: absolute;
      left: -4%;
      right: -4%;
      top: -30px;
      height: 64px;
      z-index: 1;
      background: rgba(255,255,255,.86);
      border-radius: 0 0 50% 50% / 0 0 100% 100%;
      pointer-events: none;
    }
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      position: relative;
      z-index: 2;
      display: block;
      width: 100%;
      height: 100%;
      min-height: 220px;
      padding: 0;
      object-fit: cover;
      object-position: center 30%;
      mix-blend-mode: normal;
      filter: none;
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.big-showcase { grid-template-rows: auto 260px; min-height: 455px; }
      :where(.little-roar-page) .offer-card.big-showcase .card-visual,
      :where(.little-roar-page) .offer-card.big-showcase .product-cutout { min-height: 260px; }
    }


    /* Keep Mini and Big image areas perfectly identical */
    :where(.little-roar-page) .offer-card.mini-showcase,
    :where(.little-roar-page) .offer-card.big-showcase {
      grid-template-columns: 1fr;
      grid-template-rows: auto 210px;
      min-height: 0;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
    :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
      min-height: 174px;
      padding: 24px 22px 14px;
      align-self: start;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual {
      width: 100%;
      height: 210px;
      min-height: 210px;
      margin-top: 4px;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout,
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      width: 100%;
      height: 210px;
      min-height: 210px;
      padding: 0;
      object-fit: cover;
      mix-blend-mode: normal;
      filter: none;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout { object-position: center 40%; }
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout { object-position: center 30%; }

    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.mini-showcase,
      :where(.little-roar-page) .offer-card.big-showcase {
        grid-template-rows: auto 220px;
        min-height: 420px;
      }
      :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
      :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
        min-height: 196px;
      }
      :where(.little-roar-page) .offer-card.mini-showcase .card-visual,
      :where(.little-roar-page) .offer-card.big-showcase .card-visual,
      :where(.little-roar-page) .offer-card.mini-showcase .product-cutout,
      :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
        height: 220px;
        min-height: 220px;
      }
    }

    /* v8: preserve the full lifestyle photos without cropping */
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding: 0;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout,
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center bottom;
      padding: 0;
      background: transparent;
    }


    /* v9: make the lifestyle images feel built into the card */
    :where(.little-roar-page) .offer-card.mini-showcase,
    :where(.little-roar-page) .offer-card.big-showcase {
      overflow: hidden;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding: 10px 10px 0;
      background:
        radial-gradient(120% 78% at 50% 4%, rgba(255,255,255,.96) 0%, rgba(255,249,244,.92) 42%, rgba(255,238,225,.98) 100%),
        linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,243,233,.75) 26%, rgba(255,232,214,1) 100%);
      isolation: isolate;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual::after,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::after {
      content: "";
      position: absolute;
      left: 14px;
      right: 14px;
      bottom: 0;
      height: 28px;
      border-radius: 22px 22px 0 0;
      background: linear-gradient(180deg, rgba(248,243,232,0) 0%, rgba(248,243,232,.7) 65%, rgba(248,243,232,.96) 100%);
      z-index: 1;
      pointer-events: none;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout,
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      position: relative;
      z-index: 2;
      display: block;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      align-self: flex-end;
      object-fit: contain;
      object-position: center bottom;
      filter: drop-shadow(0 10px 18px rgba(0,0,0,.06));
      transform: translateY(2px);
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout {
      max-height: 198px;
    }
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      max-height: 198px;
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.mini-showcase .card-visual,
      :where(.little-roar-page) .offer-card.big-showcase .card-visual {
        padding: 12px 12px 0;
      }
      :where(.little-roar-page) .offer-card.mini-showcase .product-cutout,
      :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
        max-height: 208px;
      }
    }

  

    /* v10: true full-width integrated lifestyle images */
    :where(.little-roar-page) .offer-card.mini-showcase,
    :where(.little-roar-page) .offer-card.big-showcase {
      display: flex !important;
      flex-direction: column;
      min-height: 0 !important;
      background: rgba(255,255,255,.94);
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
    :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
      min-height: 0 !important;
      padding: 24px 22px 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,252,248,.96) 100%);
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual {
      position: relative;
      width: 100%;
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
      overflow: hidden;
      border-top: 0;
      background: transparent !important;
      isolation: auto;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual::before,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 34px;
      z-index: 3;
      background: linear-gradient(180deg, rgba(255,252,248,.98) 0%, rgba(255,252,248,.54) 48%, rgba(255,252,248,0) 100%);
      pointer-events: none;
      border-radius: 0;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual::after,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::after,
    :where(.little-roar-page) .offer-card.mini-showcase .visual-fade,
    :where(.little-roar-page) .offer-card.big-showcase .visual-fade {
      display: none !important;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout,
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      position: relative;
      z-index: 1;
      display: block;
      width: 100% !important;
      max-width: none !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      object-fit: initial !important;
      object-position: initial !important;
      transform: none !important;
      filter: none !important;
      box-shadow: none !important;
      mix-blend-mode: normal !important;
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.mini-showcase,
      :where(.little-roar-page) .offer-card.big-showcase {
        min-height: 420px !important;
      }
      :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
      :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
        padding: 24px 22px 18px;
      }
    }

  

    /* v11: image becomes a natural continuation of the card, like the provided mockup */
    :where(.little-roar-page) .offer-card.mini-showcase,
    :where(.little-roar-page) .offer-card.big-showcase {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto auto;
      align-content: start;
      overflow: hidden;
      background: #fffdf9;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
    :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
      padding: 22px 20px 10px;
      background: transparent;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      min-height: auto;
      background: transparent;
      border-top: 0;
      overflow: hidden;
      line-height: 0;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual::before,
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual::after,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::before,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::after {
      content: none !important;
      display: none !important;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout,
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      display: block;
      width: 100%;
      height: auto;
      min-height: 0;
      max-height: none;
      object-fit: contain;
      object-position: center top;
      padding: 0;
      margin: 0;
      transform: none;
      filter: none;
      background: transparent;
      border-radius: 0;
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
      :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
        padding: 24px 22px 12px;
      }
    }

  

    /* v12: conversion-focused offer hierarchy */
    :where(.little-roar-page) .offer-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
      max-width: 1050px;
      margin: 0 auto;
    }

    :where(.little-roar-page) .offer-card.mini-showcase,
    :where(.little-roar-page) .offer-card.big-showcase {
      display: flex !important;
      flex-direction: column;
      min-width: 0;
      min-height: 0 !important;
      overflow: hidden;
      border: 1.5px solid rgba(21,79,70,.14);
      border-radius: 24px;
      background: #fffdfa;
      box-shadow: 0 12px 28px rgba(41,55,48,.08);
    }
    :where(.little-roar-page) .offer-card.mini-showcase:hover,
    :where(.little-roar-page) .offer-card.big-showcase:hover {
      transform: translateY(-3px);
      box-shadow: 0 18px 34px rgba(41,55,48,.12);
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
    :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-areas:
        "tag price"
        "name price"
        "desc desc";
      gap: 4px 8px;
      padding: 16px 14px 10px;
      min-height: 136px;
      background: linear-gradient(180deg,#fffdfa 0%,#fffaf5 100%);
      z-index: 2;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-tag,
    :where(.little-roar-page) .offer-card.big-showcase .offer-tag { grid-area: tag; justify-self: start; margin: 0; }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-name,
    :where(.little-roar-page) .offer-card.big-showcase .offer-name {
      grid-area: name;
      font-size: clamp(1.35rem,5vw,2rem);
      line-height: .95;
      align-self: end;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-desc,
    :where(.little-roar-page) .offer-card.big-showcase .offer-desc {
      grid-area: desc;
      margin: 5px 0 0;
      font-size: .78rem;
      line-height: 1.25;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-price,
    :where(.little-roar-page) .offer-card.big-showcase .offer-price {
      grid-area: price;
      align-self: start;
      justify-self: end;
      padding-top: 1px;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-price strong,
    :where(.little-roar-page) .offer-card.big-showcase .offer-price strong { font-size: 1.55rem; }

    :where(.little-roar-page) .offer-card.mini-showcase .card-visual,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual {
      display: block !important;
      width: 100%;
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden;
      background: transparent !important;
      border: 0;
      line-height: 0;
      flex: 1 0 auto;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual::before,
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual::after,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::before,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::after,
    :where(.little-roar-page) .offer-card.mini-showcase .visual-fade,
    :where(.little-roar-page) .offer-card.big-showcase .visual-fade { display:none !important; content:none !important; }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout,
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      display:block;
      width:100% !important;
      height:auto !important;
      min-height:0 !important;
      max-height:none !important;
      object-fit:contain !important;
      object-position:center top !important;
      margin:0 !important;
      padding:0 !important;
      border-radius:0;
      transform:none !important;
      filter:none !important;
      mix-blend-mode:normal !important;
    }

    :where(.little-roar-page) .offer-card.bundle {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(180px,.95fr);
      min-height: 300px;
      overflow: hidden;
      border: 0;
      border-radius: 28px;
      background: linear-gradient(180deg,#15332f 0%,#163532 38%,#15312e 68%,#0f2a27 100%);
      box-shadow: 0 20px 48px rgba(20,63,57,.22);
      color: white;
    }
    :where(.little-roar-page) .offer-card.bundle.is-selected {
      border: 3px solid #ffd35f;
      box-shadow: 0 22px 52px rgba(20,63,57,.26), 0 0 0 5px rgba(255,211,95,.16);
    }
    :where(.little-roar-page) .offer-card.bundle .best-seller {
      top: 14px;
      right: 14px;
      padding: 8px 12px;
      border-radius: 999px;
      background:#ffd35f;
      color:#173e39;
      box-shadow:none;
      font-size:.69rem;
      line-height:1;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-copy {
      position: relative;
      z-index: 3;
      align-self: center;
      padding: 34px 18px 30px 24px;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-tag {
      margin-bottom:12px;
      background:rgba(255,255,255,.14);
      color:#fff;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-name {
      color:#fff;
      font-size:clamp(2rem,9vw,3.35rem);
      line-height:.9;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-desc {
      color:rgba(255,255,255,.82);
      margin:13px 0 14px;
      font-size:.95rem;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-price { color:#fff; }
    :where(.little-roar-page) .offer-card.bundle .offer-price strong { font-size:2.65rem; }
    :where(.little-roar-page) .offer-card.bundle .offer-price del { color:rgba(255,255,255,.55); }
    :where(.little-roar-page) .offer-card.bundle .save-pill {
      margin-top:12px;
      background:#ffd35f;
      color:#173e39;
      padding:8px 12px;
    }
    :where(.little-roar-page) .bundle-benefits {
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      margin-top:15px;
    }
    :where(.little-roar-page) .bundle-benefits span {
      padding:7px 10px;
      border-radius:999px;
      background:rgba(255,255,255,.11);
      color:#fff;
      font-size:.72rem;
      font-weight:800;
    }
    :where(.little-roar-page) .bundle-cta {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:46px;
      margin-top:17px;
      padding:0 18px;
      border:0;
      border-radius:15px;
      background:#ffcf4f;
      color:#173e39;
      font:inherit;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 10px 22px rgba(0,0,0,.16);
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      position:relative;
      min-height:300px;
      overflow:hidden;
      align-self:stretch;
      background:linear-gradient(180deg,#15332f 0%,#163532 38%,#15312e 68%,#0f2a27 100%);
      line-height:0;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual::before {
      content:"Mini + Big";
      position:absolute;
      left:50%;
      top:24px;
      transform:translateX(-50%);
      z-index:4;
      white-space:nowrap;
      padding:7px 11px;
      border-radius:999px;
      background:rgba(255,255,255,.13);
      color:#fff;
      font-size:.72rem;
      font-weight:900;
      backdrop-filter: blur(4px);
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center center;
      filter:none;
      mix-blend-mode:normal;
    }

    @media (max-width: 520px) {
      :where(.little-roar-page) .offer-grid { gap:10px; }
      :where(.little-roar-page) .offer-card.mini-showcase,
      :where(.little-roar-page) .offer-card.big-showcase { border-radius:21px; }
      :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
      :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
        grid-template-columns:1fr;
        grid-template-areas:"tag" "name" "price" "desc";
        min-height:154px;
        padding:14px 12px 9px;
      }
      :where(.little-roar-page) .offer-card.mini-showcase .offer-price,
      :where(.little-roar-page) .offer-card.big-showcase .offer-price { justify-self:start; }
      :where(.little-roar-page) .offer-card.mini-showcase .offer-price strong,
      :where(.little-roar-page) .offer-card.big-showcase .offer-price strong { font-size:1.45rem; }
      :where(.little-roar-page) .offer-card.mini-showcase .offer-desc,
      :where(.little-roar-page) .offer-card.big-showcase .offer-desc { font-size:.7rem; }
      :where(.little-roar-page) .offer-card.bundle {
        grid-template-columns:1fr;
        min-height:0;
      }
      :where(.little-roar-page) .offer-card.bundle .offer-copy { padding:28px 22px 22px; }
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height:225px; }
      :where(.little-roar-page) .offer-card.bundle .bundle-photo { width:100%; height:100%; object-fit:cover; }
    }

    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-grid { gap:18px; }
      :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
      :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
        padding:20px 18px 12px;
        min-height:150px;
      }
      :where(.little-roar-page) .offer-card.bundle { min-height:340px; }
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height:340px; }
      :where(.little-roar-page) .offer-card.bundle .offer-copy { padding:42px 26px 38px 38px; }
    }

  

    /* v13: clearer select controls + seamless Mini pink treatment */
    :where(.little-roar-page) .offer-card.mini-showcase,
    :where(.little-roar-page) .offer-card.big-showcase {
      position: relative;
    }
    :where(.little-roar-page) .card-select {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 8;
      min-width: 68px;
      padding: 8px 12px;
      border: 1.5px solid rgba(21,79,70,.18);
      border-radius: 999px;
      background: rgba(255,255,255,.94);
      color: var(--forest-dark);
      font: inherit;
      font-size: .72rem;
      font-weight: 900;
      line-height: 1;
      cursor: pointer;
      box-shadow: 0 8px 18px rgba(35,58,49,.10);
      backdrop-filter: blur(8px);
      transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
    }
    :where(.little-roar-page) .card-select:hover { transform: translateY(-1px); }
    :where(.little-roar-page) .offer-card.is-selected .card-select {
      background: var(--forest);
      border-color: var(--forest);
      color: #fff;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
    :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
      padding-top: 48px !important;
    }
    :where(.little-roar-page) .offer-card.mini-showcase,
    :where(.little-roar-page) .offer-card.mini-showcase .offer-copy {
      background: #f2e2e2 !important;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .card-visual {
      background: #f2e2e2 !important;
    }
    :where(.little-roar-page) .offer-card.mini-showcase .product-cutout {
      display: block;
      background: #f2e2e2 !important;
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .card-select {
        top: 14px;
        right: 14px;
        padding: 9px 14px;
        font-size: .76rem;
      }
      :where(.little-roar-page) .offer-card.mini-showcase .offer-copy,
      :where(.little-roar-page) .offer-card.big-showcase .offer-copy {
        padding-top: 52px !important;
      }
    }



    /* v14: Big Roar image and background matched to the new peach artwork */
    :where(.little-roar-page) .offer-card.big-showcase,
    :where(.little-roar-page) .offer-card.big-showcase .offer-copy,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual,
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      background: #f5c4a0 !important;
    }
    :where(.little-roar-page) .offer-card.big-showcase .card-visual {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      line-height: 0;
    }
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::before,
    :where(.little-roar-page) .offer-card.big-showcase .card-visual::after {
      content: none !important;
      display: none !important;
    }
    :where(.little-roar-page) .offer-card.big-showcase .product-cutout {
      display: block;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      object-fit: contain !important;
      object-position: center top !important;
      margin: 0 !important;
      padding: 0 !important;
      transform: none !important;
      filter: none !important;
    }



    /* v18: exact dark-teal continuation from the bundle image */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: linear-gradient(180deg,#15332f 0%,#163532 38%,#15312e 68%,#0f2a27 100%) !important;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-copy {
      margin-right:-1px;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      margin-left:-1px;
    }



    /* v19: exact sampled bundle-image background with invisible seam */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #163532 !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle {
      column-gap: 0 !important;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-copy {
      margin: 0 -2px 0 0 !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      margin: 0 0 0 -2px !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      display: block !important;
      width: calc(100% + 2px) !important;
      height: 100% !important;
      margin-left: -2px !important;
      object-fit: cover !important;
      object-position: center center !important;
      background: #163532 !important;
    }



    /* v20: exact seamless bundle background sampled from the image */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #153330 !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      margin-left: -2px;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      width: calc(100% + 3px) !important;
      margin-left: -1px;
    }


    /* v20: multi-colour selection cart */
    :where(.little-roar-page) .color-option { position: relative; }
    :where(.little-roar-page) .color-option::after {
      content: "+";
      position: absolute;
      top: 8px;
      right: 8px;
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: rgba(21,79,70,.10);
      color: var(--forest-dark);
      font-size: 1rem;
      font-weight: 900;
    }
    :where(.little-roar-page) .color-option.is-selected::after {
      content: "✓";
      background: var(--forest);
      color: white;
    }
    :where(.little-roar-page) .selection-summary {
      display: block;
      padding: 16px;
      background: #173e39;
    }
    :where(.little-roar-page) .selection-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }
    :where(.little-roar-page) .selection-head strong { font-size: 1rem; }
    :where(.little-roar-page) .selection-head small { color: rgba(255,255,255,.68); font-weight: 700; }
    :where(.little-roar-page) .selection-items { display: grid; gap: 9px; }
    :where(.little-roar-page) .selection-empty {
      padding: 12px;
      border: 1px dashed rgba(255,255,255,.25);
      border-radius: 14px;
      color: rgba(255,255,255,.72);
      text-align: center;
      font-size: .84rem;
    }
    :where(.little-roar-page) .selection-row {
      display: grid;
      grid-template-columns: minmax(0,1fr) auto auto;
      align-items: center;
      gap: 10px;
      padding: 10px 11px;
      border-radius: 14px;
      background: rgba(255,255,255,.09);
      border: 1px solid rgba(255,255,255,.10);
    }
    :where(.little-roar-page) .selection-info { min-width: 0; }
    :where(.little-roar-page) .selection-info b {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: .85rem;
    }
    :where(.little-roar-page) .selection-info small { color: rgba(255,255,255,.68); font-weight: 700; }
    :where(.little-roar-page) .qty-control {
      display: inline-grid;
      grid-template-columns: 28px 28px 28px;
      align-items: center;
      overflow: hidden;
      border-radius: 10px;
      background: rgba(255,255,255,.12);
    }
    :where(.little-roar-page) .qty-control button,
    :where(.little-roar-page) .delete-item {
      border: 0;
      min-width: 28px;
      height: 30px;
      padding: 0;
      border-radius: 0;
      background: transparent;
      color: white;
      font: inherit;
      font-weight: 900;
      cursor: pointer;
    }
    :where(.little-roar-page) .qty-control span { text-align: center; font-size: .82rem; }
    :where(.little-roar-page) .delete-item {
      width: 32px;
      border-radius: 10px;
      background: rgba(255,255,255,.11);
      font-size: 1rem;
    }
    :where(.little-roar-page) .selection-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-top: 13px;
      padding-top: 13px;
      border-top: 1px solid rgba(255,255,255,.13);
    }
    :where(.little-roar-page) .selection-total small { display:block; color:rgba(255,255,255,.62); font-weight:700; }
    :where(.little-roar-page) .selection-total strong { font-size: 1.25rem; }
    :where(.little-roar-page) .selection-summary .add-cart-btn {
      border: 0;
      border-radius: 14px;
      background: var(--yellow);
      color: var(--forest-dark);
      padding: 11px 14px;
      font-weight: 900;
      cursor: pointer;
    }
    @media (max-width: 520px) {
      :where(.little-roar-page) .selection-row { grid-template-columns: minmax(0,1fr) auto; }
      :where(.little-roar-page) .delete-item { grid-column: 2; }
      :where(.little-roar-page) .qty-control { grid-row: 1 / span 2; grid-column: 2; margin-right: 38px; }
    }



    /* v21: premium multi-selection configurator */
    :where(.little-roar-page) .color-option::after {
      content: "+";
      top: 9px;
      right: 9px;
      width: 27px;
      height: 27px;
      border: 1px solid rgba(21,79,70,.14);
      background: rgba(255,255,255,.88);
      box-shadow: 0 5px 14px rgba(23,62,57,.08);
      font-size: .95rem;
      line-height: 1;
      transition: transform .18s ease, background .18s ease, color .18s ease;
    }
    :where(.little-roar-page) .color-option:hover::after { transform: scale(1.06); }
    :where(.little-roar-page) .color-option.is-selected::after {
      content: "✓";
      background: var(--forest);
      color: #fff;
      border-color: var(--forest);
      box-shadow: 0 6px 15px rgba(21,79,70,.20);
    }

    :where(.little-roar-page) .selection-summary {
      display: block;
      padding: 18px;
      border: 1px solid rgba(21,79,70,.13);
      border-radius: 26px;
      background:
        radial-gradient(circle at 100% 0%, rgba(255,211,95,.16), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,249,240,.96));
      color: var(--forest-dark);
      box-shadow: 0 18px 44px rgba(34,64,57,.10);
    }
    :where(.little-roar-page) .selection-head {
      align-items: flex-start;
      margin-bottom: 15px;
      padding: 2px 2px 0;
    }
    :where(.little-roar-page) .selection-head > div { display:grid; gap:3px; }
    :where(.little-roar-page) .selection-head strong {
      font-size: 1.08rem;
      letter-spacing: -.02em;
      color: var(--forest-dark);
    }
    :where(.little-roar-page) .selection-head small {
      color: rgba(23,62,57,.62);
      font-size: .76rem;
      line-height: 1.35;
      font-weight: 750;
    }
    :where(.little-roar-page) .selection-items { display:grid; gap:10px; }
    :where(.little-roar-page) .selection-empty {
      padding: 18px 14px;
      border: 1px dashed rgba(21,79,70,.22);
      border-radius: 18px;
      background: rgba(255,255,255,.64);
      color: rgba(23,62,57,.66);
      font-size: .82rem;
      line-height: 1.4;
    }
    :where(.little-roar-page) .selection-row {
      display:grid;
      grid-template-columns: 38px minmax(0,1fr) auto auto;
      align-items:center;
      gap:11px;
      padding: 11px 11px 11px 12px;
      border:1px solid rgba(21,79,70,.11);
      border-radius:18px;
      background:rgba(255,255,255,.86);
      box-shadow:0 8px 20px rgba(41,63,57,.055);
    }
    :where(.little-roar-page) .selection-swatch {
      width:38px;
      height:38px;
      border-radius:13px;
      border:3px solid #fff;
      box-shadow:0 0 0 1px rgba(21,79,70,.12), 0 5px 12px rgba(23,62,57,.10);
    }
    :where(.little-roar-page) .selection-info { min-width:0; display:grid; gap:3px; }
    :where(.little-roar-page) .selection-info b {
      display:flex;
      align-items:baseline;
      flex-wrap:wrap;
      gap:5px;
      overflow:visible;
      white-space:normal;
      font-size:.84rem;
      line-height:1.2;
      color:var(--forest-dark);
    }
    :where(.little-roar-page) .selection-info b .product-name { font-weight:900; }
    :where(.little-roar-page) .selection-info b .separator { color:rgba(23,62,57,.32); }
    :where(.little-roar-page) .selection-info b .colour-name { color:rgba(23,62,57,.72); font-weight:800; }
    :where(.little-roar-page) .selection-meta {
      display:flex;
      flex-wrap:wrap;
      gap:5px 9px;
      color:rgba(23,62,57,.56);
      font-size:.7rem;
      font-weight:750;
    }
    :where(.little-roar-page) .selection-meta .line-total { color:var(--forest); font-weight:900; }
    :where(.little-roar-page) .qty-control {
      display:inline-grid;
      grid-template-columns:31px 30px 31px;
      align-items:center;
      height:34px;
      overflow:hidden;
      border:1px solid rgba(21,79,70,.13);
      border-radius:12px;
      background:#f7f2e9;
    }
    :where(.little-roar-page) .qty-control button {
      min-width:31px;
      height:34px;
      border:0;
      background:transparent;
      color:var(--forest-dark);
      font-size:1.05rem;
      font-weight:900;
      cursor:pointer;
      transition:background .16s ease;
    }
    :where(.little-roar-page) .qty-control button:hover { background:rgba(21,79,70,.08); }
    :where(.little-roar-page) .qty-control span {
      text-align:center;
      color:var(--forest-dark);
      font-size:.82rem;
      font-weight:900;
    }
    :where(.little-roar-page) .delete-item {
      display:grid;
      place-items:center;
      width:34px;
      height:34px;
      padding:0;
      border:1px solid rgba(193,77,54,.12);
      border-radius:12px;
      background:rgba(231,116,79,.08);
      color:#b74f39;
      cursor:pointer;
      transition:background .16s ease, transform .16s ease;
    }
    :where(.little-roar-page) .delete-item:hover { background:rgba(231,116,79,.15); transform:translateY(-1px); }
    :where(.little-roar-page) .delete-item svg { width:16px; height:16px; stroke:currentColor; }
    :where(.little-roar-page) .selection-footer {
      margin-top:15px;
      padding-top:15px;
      border-top:1px solid rgba(21,79,70,.11);
    }
    :where(.little-roar-page) .selection-total small {
      display:block;
      margin-bottom:2px;
      color:rgba(23,62,57,.55);
      font-size:.7rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.07em;
    }
    :where(.little-roar-page) .selection-total strong {
      color:var(--forest-dark);
      font-size:1.45rem;
      letter-spacing:-.03em;
    }
    :where(.little-roar-page) .selection-summary .add-cart-btn {
      min-height:46px;
      padding:12px 17px;
      border-radius:15px;
      background:var(--yellow);
      color:var(--forest-dark);
      box-shadow:0 9px 20px rgba(215,169,39,.22);
      font-size:.84rem;
      letter-spacing:-.01em;
    }
    :where(.little-roar-page) .selection-summary .add-cart-btn:disabled {
      opacity:.48;
      box-shadow:none;
      cursor:not-allowed;
    }
    @media (max-width:520px) {
      :where(.little-roar-page) .selection-summary { padding:14px; border-radius:22px; }
      :where(.little-roar-page) .selection-row {
        grid-template-columns:34px minmax(0,1fr) auto;
        gap:9px;
        padding:10px;
      }
      :where(.little-roar-page) .selection-swatch { width:34px; height:34px; border-radius:11px; }
      :where(.little-roar-page) .selection-info { grid-column:2; }
      :where(.little-roar-page) .qty-control { grid-column:2; justify-self:start; margin:4px 0 0; }
      :where(.little-roar-page) .delete-item { grid-column:3; grid-row:1 / span 2; align-self:center; }
      :where(.little-roar-page) .selection-footer { align-items:stretch; }
      :where(.little-roar-page) .selection-summary .add-cart-btn { flex:1; }
    }



    /* v22: exact bundle background match to image edge */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #15322f !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle {
      border: 0 !important;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-copy {
      position: relative;
      z-index: 3;
      box-shadow: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      position: relative;
      z-index: 1;
      box-shadow: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      background: #15322f;
    }

  

    /* v23: bundle seam smoothing + crop image from left */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #173532 !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      margin-left: -2px;
      overflow: hidden;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 64% center;
      background: #173532;
      transform: scale(1.035);
    }

  

    /* v24: creative image-based colour selector */
    :where(.little-roar-page) .sr-only {
      position:absolute!important;
      width:1px;height:1px;padding:0;margin:-1px;
      overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
    }
    :where(.little-roar-page) .colors-poster-wrap {
      max-width: 1080px;
      margin: 0 auto;
      display: grid;
      gap: 14px;
    }
    :where(.little-roar-page) .multi-pick-note {
      margin: 0 auto;
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(255,255,255,.82);
      border: 1px solid rgba(21,79,70,.10);
      color: rgba(23,62,57,.78);
      font-size: .84rem;
      font-weight: 800;
      text-align: center;
      box-shadow: 0 10px 24px rgba(46,34,21,.05);
    }
    :where(.little-roar-page) .palette-board {
      position: relative;
      border-radius: 28px;
      overflow: hidden;
      border: 1px solid rgba(21,79,70,.10);
      background: #f6efe5;
      box-shadow: 0 18px 40px rgba(46,34,21,.08);
      line-height: 0;
    }
    :where(.little-roar-page) .palette-board-image {
      display: block;
      width: 100%;
      height: auto;
    }
    :where(.little-roar-page) .palette-board .color-option {
      position: absolute;
      margin: 0;
      padding: 0;
      min-height: 0;
      border: 0;
      border-radius: 24px;
      background: transparent;
      box-shadow: none;
      cursor: pointer;
      transform: none;
      outline: none;
    }
    :where(.little-roar-page) .palette-board .color-option:hover {
      background: rgba(255,255,255,.04);
      box-shadow: inset 0 0 0 2px rgba(255,255,255,.55), 0 0 0 2px rgba(21,79,70,.12);
    }
    :where(.little-roar-page) .palette-board .color-option::after {
      content: '+';
      position: absolute;
      top: 10px;
      right: 10px;
      width: 28px;
      height: 28px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      background: rgba(255,255,255,.94);
      border: 1px solid rgba(21,79,70,.12);
      box-shadow: 0 8px 14px rgba(21,79,70,.12);
      color: var(--forest-dark);
      font-size: 1rem;
      font-weight: 900;
      line-height: 1;
    }
    :where(.little-roar-page) .palette-board .color-option.is-selected {
      box-shadow: inset 0 0 0 3px rgba(21,79,70,.88), 0 0 0 3px rgba(255,255,255,.86);
      background: rgba(21,79,70,.03);
    }
    :where(.little-roar-page) .palette-board .color-option.is-selected::after {
      content: '✓';
      background: var(--forest);
      color: #fff;
      border-color: var(--forest);
    }
    :where(.little-roar-page) .palette-board .hit-green  { left: 1.5%;  top: 6.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-blue   { left: 21%;   top: 6.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-pink   { left: 40.2%; top: 6.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-brown  { left: 59.5%; top: 6.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-purple { left: 79%;   top: 6.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-red    { left: 1.5%;  top: 55.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-gray   { left: 21%;   top: 55.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-black  { left: 40.2%; top: 55.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-orange { left: 59.5%; top: 55.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .palette-board .hit-ivory  { left: 79%;   top: 55.5%; width: 15.5%; height: 37%; }
    :where(.little-roar-page) .glow-note {
      align-items: center;
    }
    :where(.little-roar-page) .glow-select {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 52px;
      padding: 10px 12px;
      border: 1px solid rgba(21,79,70,.12);
      border-radius: 16px;
      background: rgba(255,255,255,.92);
      box-shadow: 0 10px 22px rgba(41,63,57,.08);
      color: var(--forest-dark);
      font-weight: 800;
      cursor: pointer;
    }
    :where(.little-roar-page) .glow-select b { display:block; font-size:.82rem; line-height:1.05; }
    :where(.little-roar-page) .glow-select small { display:block; font-size:.66rem; color:rgba(23,62,57,.58); line-height:1.15; }
    :where(.little-roar-page) .glow-select .glow-dot {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #7eff2d;
      box-shadow: 0 0 0 4px rgba(126,255,45,.15), 0 0 18px rgba(126,255,45,.55);
    }
    :where(.little-roar-page) .glow-select.is-selected {
      border-color: var(--forest);
      box-shadow: 0 12px 26px rgba(41,63,57,.12);
    }
    :where(.little-roar-page) .glow-select.is-selected::after {
      content: '✓';
      margin-left: 4px;
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: var(--forest);
      color: #fff;
      font-size: .82rem;
      font-weight: 900;
    }
    @media (max-width: 700px) {
      :where(.little-roar-page) .multi-pick-note { font-size: .78rem; line-height: 1.35; }
      :where(.little-roar-page) .palette-board { border-radius: 22px; }
      :where(.little-roar-page) .palette-board .color-option { border-radius: 18px; }
      :where(.little-roar-page) .palette-board .color-option::after {
        top: 7px; right: 7px; width: 24px; height: 24px; font-size: .88rem;
      }
      :where(.little-roar-page) .glow-note {
        flex-direction: column;
        align-items: stretch;
      }
      :where(.little-roar-page) .glow-select { width: 100%; justify-content: center; }
    }

    /* v24: bundle image fully visible and background blended */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #15322f !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      margin-left: 0 !important;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      width: 100% !important;
      height: 100% !important;
      margin-left: 0 !important;
      object-fit: contain !important;
      object-position: center center !important;
      transform: none !important;
      background: transparent !important;
    }

  

    /* v25: bundle photo fills the card vertically with no empty bands */
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      position: relative;
      display: block !important;
      min-height: 300px;
      height: auto;
      overflow: hidden;
      padding: 0 !important;
      line-height: 0;
      background: #15322f !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      position: absolute;
      inset: 0;
      display: block;
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      object-fit: cover !important;
      object-position: 56% center !important;
      transform: none !important;
      border-radius: 0 !important;
      background: #15322f !important;
    }
    @media (max-width: 520px) {
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height: 280px; }
      :where(.little-roar-page) .offer-card.bundle .bundle-photo { object-position: left center !important; }
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height: 340px; }
    }

  

    /* v29: final bundle smooth-fit fix */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #153230 !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle {
      overflow: hidden;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-copy {
      box-shadow: none !important;
      border-right: 0 !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      position: relative;
      margin-left: 0 !important;
      min-height: 300px;
      display: flex !important;
      align-items: stretch !important;
      justify-content: center !important;
      overflow: hidden !important;
      line-height: 0;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      position: relative !important;
      inset: auto !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
      transform: none !important;
      margin: 0 !important;
      background: #153230 !important;
      filter: none !important;
    }
    @media (max-width: 520px) {
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height: 240px !important; }
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height: 340px !important; }
    }

  

    /* v30: bundle fills top-bottom, keeps left visible by using widened source */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #153230 !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle {
      overflow: hidden;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      position: relative;
      min-height: 300px !important;
      overflow: hidden !important;
      line-height: 0;
      display: block !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      max-height: none !important;
      object-fit: cover !important;
      object-position: left center !important;
      margin: 0 !important;
      transform: none !important;
      background: #153230 !important;
      filter: none !important;
    }
    @media (max-width: 520px) {
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height: 235px !important; }
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height: 340px !important; }
    }

  

    /* v32: final bundle image positioning fix */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #153230 !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle {
      overflow: hidden;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      position: relative;
      min-height: 300px !important;
      overflow: hidden !important;
      line-height: 0;
      display: block !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      max-height: none !important;
      object-fit: cover !important;
      object-position: left center !important;
      margin: 0 !important;
      transform: none !important;
      background: #153230 !important;
      filter: none !important;
    }
    @media (max-width: 520px) {
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height: 235px !important; }
    }
    @media (min-width: 720px) {
      :where(.little-roar-page) .offer-card.bundle .bundle-visual { min-height: 340px !important; }
    }

  

    /* v33: structurally correct square bundle image — no side cropping */
    :where(.little-roar-page) .offer-card.bundle,
    :where(.little-roar-page) .offer-card.bundle .offer-copy,
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      background: #153230 !important;
      background-image: none !important;
    }
    :where(.little-roar-page) .offer-card.bundle {
      grid-template-columns: minmax(270px, .82fr) minmax(340px, 1fr) !important;
      align-items: stretch;
      min-height: 0 !important;
      overflow: hidden;
    }
    :where(.little-roar-page) .offer-card.bundle .offer-copy {
      align-self: stretch !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      box-shadow: none !important;
      border: 0 !important;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-visual {
      position: relative;
      width: 100%;
      min-height: 0 !important;
      aspect-ratio: 1 / 1;
      overflow: hidden !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0;
    }
    :where(.little-roar-page) .offer-card.bundle .bundle-photo {
      position: absolute !important;
      inset: 0 !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      max-width: none !important;
      max-height: none !important;
      object-fit: cover !important;
      object-position: center center !important;
      margin: 0 !important;
      transform: none !important;
      filter: none !important;
      background: #153230 !important;
    }
    @media (max-width: 700px) {
      :where(.little-roar-page) .offer-card.bundle {
        grid-template-columns: 1fr !important;
      }
      :where(.little-roar-page) .offer-card.bundle .bundle-visual {
        width: 100%;
        aspect-ratio: 1 / 1;
      }
    }

  

    /* v34: perfectly aligned colour selection hotspots */
    :where(.little-roar-page) .palette-board .color-option {
      border-radius: 22px !important;
      overflow: visible;
    }
    :where(.little-roar-page) .palette-board .color-option::after {
      top: 9px !important;
      right: 9px !important;
      width: 28px !important;
      height: 28px !important;
      font-size: 1rem !important;
      transform: none !important;
    }
    :where(.little-roar-page) .palette-board .color-option.is-selected,
    :where(.little-roar-page) .palette-board .color-option:hover {
      outline-offset: 0;
    }
    :where(.little-roar-page) .palette-board .hit-green,
    :where(.little-roar-page) .palette-board .hit-blue,
    :where(.little-roar-page) .palette-board .hit-pink,
    :where(.little-roar-page) .palette-board .hit-brown,
    :where(.little-roar-page) .palette-board .hit-purple,
    :where(.little-roar-page) .palette-board .hit-red,
    :where(.little-roar-page) .palette-board .hit-gray,
    :where(.little-roar-page) .palette-board .hit-black,
    :where(.little-roar-page) .palette-board .hit-orange,
    :where(.little-roar-page) .palette-board .hit-ivory {
      width: 15% !important;
      height: 35.5% !important;
    }
    :where(.little-roar-page) .palette-board .hit-green  { left: 2% !important; top: 7.5% !important; }
    :where(.little-roar-page) .palette-board .hit-blue   { left: 21.5% !important; top: 7.5% !important; }
    :where(.little-roar-page) .palette-board .hit-pink   { left: 40.5% !important; top: 7.5% !important; }
    :where(.little-roar-page) .palette-board .hit-brown  { left: 59.5% !important; top: 7.5% !important; }
    :where(.little-roar-page) .palette-board .hit-purple { left: 79% !important; top: 7.5% !important; }
    :where(.little-roar-page) .palette-board .hit-red    { left: 2% !important; top: 56.5% !important; }
    :where(.little-roar-page) .palette-board .hit-gray   { left: 21.5% !important; top: 56.5% !important; }
    :where(.little-roar-page) .palette-board .hit-black  { left: 40.5% !important; top: 56.5% !important; }
    :where(.little-roar-page) .palette-board .hit-orange { left: 59.5% !important; top: 56.5% !important; }
    :where(.little-roar-page) .palette-board .hit-ivory  { left: 79% !important; top: 56.5% !important; }
    @media (max-width: 700px) {
      :where(.little-roar-page) .palette-board .color-option {
        border-radius: 17px !important;
      }
      :where(.little-roar-page) .palette-board .color-option::after {
        top: 7px !important;
        right: 7px !important;
        width: 24px !important;
        height: 24px !important;
        font-size: .88rem !important;
      }
    }

  

    /* v35: exact symmetric 5 × 2 colour-selection grid */
    :where(.little-roar-page) .palette-board {
      --hit-width: 15.6%;
      --hit-height: 38%;
      --row-one: 5.2%;
      --row-two: 54.2%;
      --col-one: 5.0%;
      --col-step: 18.0%;
    }
    :where(.little-roar-page) .palette-board .color-hit {
      width: var(--hit-width) !important;
      height: var(--hit-height) !important;
      border-radius: 22px !important;
      overflow: visible !important;
    }
    :where(.little-roar-page) .palette-board .color-hit::after {
      top: 9px !important;
      right: 9px !important;
      width: 28px !important;
      height: 28px !important;
      display: grid !important;
      place-items: center !important;
      padding: 0 !important;
      margin: 0 !important;
      transform: none !important;
      line-height: 1 !important;
      box-sizing: border-box !important;
    }
    :where(.little-roar-page) .palette-board .hit-green,
    :where(.little-roar-page) .palette-board .hit-blue,
    :where(.little-roar-page) .palette-board .hit-pink,
    :where(.little-roar-page) .palette-board .hit-brown,
    :where(.little-roar-page) .palette-board .hit-purple { top: var(--row-one) !important; }
    :where(.little-roar-page) .palette-board .hit-red,
    :where(.little-roar-page) .palette-board .hit-gray,
    :where(.little-roar-page) .palette-board .hit-black,
    :where(.little-roar-page) .palette-board .hit-orange,
    :where(.little-roar-page) .palette-board .hit-ivory { top: var(--row-two) !important; }

    :where(.little-roar-page) .palette-board .hit-green,
    :where(.little-roar-page) .palette-board .hit-red { left: var(--col-one) !important; }
    :where(.little-roar-page) .palette-board .hit-blue,
    :where(.little-roar-page) .palette-board .hit-gray { left: calc(var(--col-one) + var(--col-step)) !important; }
    :where(.little-roar-page) .palette-board .hit-pink,
    :where(.little-roar-page) .palette-board .hit-black { left: calc(var(--col-one) + (2 * var(--col-step))) !important; }
    :where(.little-roar-page) .palette-board .hit-brown,
    :where(.little-roar-page) .palette-board .hit-orange { left: calc(var(--col-one) + (3 * var(--col-step))) !important; }
    :where(.little-roar-page) .palette-board .hit-purple,
    :where(.little-roar-page) .palette-board .hit-ivory { left: calc(var(--col-one) + (4 * var(--col-step))) !important; }

    @media (max-width: 700px) {
      :where(.little-roar-page) .palette-board .color-hit {
        border-radius: 17px !important;
      }
      :where(.little-roar-page) .palette-board .color-hit::after {
        top: 7px !important;
        right: 7px !important;
        width: 24px !important;
        height: 24px !important;
        font-size: .88rem !important;
      }
    }

  

    /* v36: playful audience + benefits section */
    :where(.little-roar-page) .every-roar-section {
      position: relative;
      max-width: 1050px;
      margin: 34px auto 0;
      padding: 34px 16px 18px;
      overflow: hidden;
      border-radius: 34px;
      background:
        radial-gradient(circle at 8% 12%, rgba(255,207,79,.14), transparent 22%),
        radial-gradient(circle at 92% 18%, rgba(239,126,96,.15), transparent 24%),
        linear-gradient(145deg,#0f3a35 0%,#0d4a43 52%,#103b37 100%);
      box-shadow: 0 24px 70px rgba(12,54,49,.18);
      color: #fff;
      isolation: isolate;
    }
    :where(.little-roar-page) .every-roar-section::before,
    :where(.little-roar-page) .every-roar-section::after {
      content:"";
      position:absolute;
      width:150px;
      height:150px;
      border-radius:50%;
      border:2px dashed rgba(255,207,79,.18);
      z-index:-1;
    }
    :where(.little-roar-page) .every-roar-section::before { left:-78px; top:72px; }
    :where(.little-roar-page) .every-roar-section::after { right:-76px; bottom:92px; }
    :where(.little-roar-page) .roar-kicker {
      width:max-content;
      max-width:100%;
      margin:0 auto 10px;
      padding:8px 15px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:999px;
      background:rgba(255,255,255,.08);
      box-shadow:inset 0 1px rgba(255,255,255,.08);
      font-size:.76rem;
      font-weight:950;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    :where(.little-roar-page) .every-roar-title {
      margin:0;
      text-align:center;
      font-size:clamp(2rem,7vw,4.3rem);
      line-height:.94;
      letter-spacing:-.045em;
      font-weight:950;
      text-wrap:balance;
    }
    :where(.little-roar-page) .every-roar-title span {
      display:inline-block;
      color:#ffc957;
      transform:rotate(-2deg);
      text-shadow:0 5px 0 rgba(120,70,12,.25);
    }
    :where(.little-roar-page) .every-roar-subtitle {
      max-width:620px;
      margin:12px auto 24px;
      text-align:center;
      color:rgba(255,255,255,.82);
      font-size:clamp(.94rem,2vw,1.15rem);
      font-weight:700;
    }
    :where(.little-roar-page) .roar-audience-grid {
      display:grid;
      grid-template-columns:1fr;
      gap:14px;
    }
    :where(.little-roar-page) .roar-audience-card {
      position:relative;
      overflow:hidden;
      border-radius:27px;
      background:#f8f0df;
      border:5px solid var(--card-accent);
      box-shadow:0 14px 30px rgba(0,0,0,.17);
      color:#103d38;
      transform:translateZ(0);
    }
    :where(.little-roar-page) .roar-audience-card:nth-child(1){--card-accent:#f3bd47;}
    :where(.little-roar-page) .roar-audience-card:nth-child(2){--card-accent:#6bc6bf;}
    :where(.little-roar-page) .roar-audience-card:nth-child(3){--card-accent:#ee8068;}
    :where(.little-roar-page) .roar-audience-card::before {
      content:"";
      position:absolute;
      inset:auto -25px -37px;
      height:95px;
      border-radius:50% 50% 0 0;
      background:#fff7e8;
      z-index:2;
    }
    :where(.little-roar-page) .roar-audience-image {
      position:relative;
      height:270px;
      overflow:hidden;
      background:#174b45;
    }
    :where(.little-roar-page) .roar-audience-image img {
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      object-position:center;
    }
    :where(.little-roar-page) .roar-audience-card:nth-child(1) .roar-audience-image img{object-position:46% center;}
    :where(.little-roar-page) .roar-audience-card:nth-child(2) .roar-audience-image img{object-position:50% center;}
    :where(.little-roar-page) .roar-audience-card:nth-child(3) .roar-audience-image img{object-position:53% center;}
    :where(.little-roar-page) .audience-bubble {
      position:absolute;
      left:14px;
      top:14px;
      z-index:3;
      padding:8px 11px;
      border-radius:15px 15px 15px 5px;
      background:#ef8066;
      color:#fff;
      font-size:.72rem;
      line-height:1.05;
      font-weight:950;
      transform:rotate(-4deg);
      box-shadow:0 8px 18px rgba(0,0,0,.15);
    }
    :where(.little-roar-page) .audience-copy {
      position:relative;
      z-index:3;
      padding:21px 18px 24px;
      text-align:center;
    }
    :where(.little-roar-page) .audience-icon {
      display:grid;
      place-items:center;
      width:55px;
      height:55px;
      margin:-49px auto 8px;
      border-radius:50%;
      background:var(--card-accent);
      border:5px solid #fff7e8;
      font-size:1.45rem;
      box-shadow:0 7px 16px rgba(0,0,0,.16);
    }
    :where(.little-roar-page) .audience-copy h3 {
      margin:0 0 6px;
      font-size:1.55rem;
      line-height:1;
      font-weight:950;
      letter-spacing:-.025em;
    }
    :where(.little-roar-page) .audience-copy p {
      margin:0;
      font-size:.9rem;
      line-height:1.38;
      color:rgba(16,61,56,.76);
      font-weight:700;
    }
    :where(.little-roar-page) .roar-benefits {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:9px;
      margin-top:16px;
      padding:12px;
      border:1px dashed rgba(255,207,79,.42);
      border-radius:25px;
      background:rgba(4,39,35,.42);
    }
    :where(.little-roar-page) .roar-benefit {
      display:grid;
      grid-template-columns:43px 1fr;
      gap:9px;
      align-items:center;
      min-width:0;
      padding:9px;
      border-radius:18px;
      background:rgba(255,255,255,.055);
    }
    :where(.little-roar-page) .roar-benefit-icon {
      display:grid;
      place-items:center;
      width:43px;
      height:43px;
      border-radius:15px;
      background:var(--yellow);
      color:#164b44;
      font-size:1.18rem;
      box-shadow:0 7px 16px rgba(0,0,0,.14);
    }
    :where(.little-roar-page) .roar-benefit b {
      display:block;
      margin-bottom:2px;
      font-size:.84rem;
      line-height:1.05;
      font-weight:950;
    }
    :where(.little-roar-page) .roar-benefit small {
      display:block;
      color:rgba(255,255,255,.7);
      font-size:.68rem;
      line-height:1.25;
      font-weight:650;
    }
    :where(.little-roar-page) .roar-confetti {
      position:absolute;
      pointer-events:none;
      font-weight:900;
      color:#ffc957;
      opacity:.9;
    }
    :where(.little-roar-page) .roar-confetti.c1{left:3%;top:18%;transform:rotate(-18deg);font-size:1.25rem;}
    :where(.little-roar-page) .roar-confetti.c2{right:4%;top:15%;transform:rotate(15deg);font-size:1.35rem;}
    :where(.little-roar-page) .roar-confetti.c3{right:8%;bottom:21%;font-size:1.25rem;}
    @media (min-width:720px){
      :where(.little-roar-page) .every-roar-section{padding:43px 28px 22px;}
      :where(.little-roar-page) .roar-audience-grid{grid-template-columns:repeat(3,1fr);gap:13px;}
      :where(.little-roar-page) .roar-audience-image{height:300px;}
      :where(.little-roar-page) .roar-benefits{grid-template-columns:repeat(5,1fr);}
      :where(.little-roar-page) .roar-benefit{grid-template-columns:47px 1fr;padding:11px 9px;}
      :where(.little-roar-page) .roar-benefit-icon{width:47px;height:47px;}
    }
    @media (max-width:430px){
      :where(.little-roar-page) .every-roar-section{margin-left:-6px;margin-right:-6px;border-radius:28px;padding-left:11px;padding-right:11px;}
      :where(.little-roar-page) .roar-audience-image{height:242px;}
      :where(.little-roar-page) .roar-benefits{grid-template-columns:1fr;}
      :where(.little-roar-page) .roar-benefit{grid-template-columns:46px 1fr;}
    }

  

    /* v37: audience section aligned with the rest of the landing page */
    :where(.little-roar-page) .every-roar-section {
      max-width: 1050px !important;
      margin: 42px auto 0 !important;
      padding: 34px 16px 18px !important;
      overflow: visible !important;
      border: 1px solid rgba(21,79,70,.10) !important;
      border-radius: 32px !important;
      background:
        radial-gradient(circle at 8% 10%, rgba(255,207,79,.20), transparent 20%),
        radial-gradient(circle at 93% 8%, rgba(239,126,96,.16), transparent 22%),
        linear-gradient(180deg,#fff8eb 0%,#f2f8ee 100%) !important;
      box-shadow: 0 18px 48px rgba(21,79,70,.10) !important;
      color: var(--forest-dark) !important;
    }
    :where(.little-roar-page) .every-roar-section::before,
    :where(.little-roar-page) .every-roar-section::after {
      border-color: rgba(21,79,70,.12) !important;
    }
    :where(.little-roar-page) .roar-kicker {
      color: var(--forest-dark) !important;
      border-color: rgba(21,79,70,.13) !important;
      background: rgba(255,255,255,.78) !important;
      box-shadow: 0 7px 18px rgba(21,79,70,.08) !important;
    }
    :where(.little-roar-page) .every-roar-title {
      color: var(--forest-dark) !important;
      font-size: clamp(2rem,7vw,4rem) !important;
    }
    :where(.little-roar-page) .every-roar-title span {
      color: var(--coral) !important;
      text-shadow: none !important;
      position: relative;
      z-index: 0;
    }
    :where(.little-roar-page) .every-roar-title span::after {
      content:"";
      position:absolute;
      left:-5%; right:-5%; bottom:.02em;
      height:.32em;
      border-radius:999px;
      background:var(--yellow);
      z-index:-1;
      transform:rotate(-2deg);
    }
    :where(.little-roar-page) .every-roar-subtitle {
      color: rgba(23,62,57,.72) !important;
      margin-bottom: 21px !important;
    }
    :where(.little-roar-page) .roar-audience-grid { gap: 12px !important; }
    :where(.little-roar-page) .roar-audience-card {
      border-width: 3px !important;
      border-radius: 24px !important;
      box-shadow: 0 10px 24px rgba(21,79,70,.12) !important;
      background: #fffaf1 !important;
    }
    :where(.little-roar-page) .roar-audience-card::before { background:#fffaf1 !important; }
    :where(.little-roar-page) .roar-audience-image { height: 225px !important; }
    :where(.little-roar-page) .audience-copy { padding: 18px 15px 20px !important; }
    :where(.little-roar-page) .audience-icon {
      width: 48px !important;
      height: 48px !important;
      margin-top: -42px !important;
      border-width: 4px !important;
      font-size: 1.2rem !important;
    }
    :where(.little-roar-page) .audience-copy h3 { font-size: 1.35rem !important; }
    :where(.little-roar-page) .audience-copy p { font-size: .82rem !important; }
    :where(.little-roar-page) .roar-benefits {
      margin-top: 14px !important;
      padding: 10px !important;
      border: 0 !important;
      border-radius: 24px !important;
      background: linear-gradient(135deg,var(--forest),#103f3a) !important;
      box-shadow: 0 13px 28px rgba(21,79,70,.18) !important;
    }
    :where(.little-roar-page) .roar-benefit {
      padding: 8px !important;
      border: 1px solid rgba(255,255,255,.08) !important;
      background: rgba(255,255,255,.055) !important;
    }
    :where(.little-roar-page) .roar-benefit-icon {
      width: 39px !important;
      height: 39px !important;
      border-radius: 13px !important;
      font-size: 1rem !important;
    }
    :where(.little-roar-page) .roar-benefit b { font-size: .80rem !important; }
    :where(.little-roar-page) .roar-benefit small { font-size: .64rem !important; }
    :where(.little-roar-page) .roar-confetti { color: var(--coral) !important; }
    @media (max-width:430px){
      :where(.little-roar-page) .every-roar-section {
        margin: 34px -2px 0 !important;
        padding: 28px 10px 12px !important;
        border-radius: 27px !important;
      }
      :where(.little-roar-page) .roar-audience-image { height: 218px !important; }
      :where(.little-roar-page) .roar-benefits { grid-template-columns: 1fr 1fr !important; }
      :where(.little-roar-page) .roar-benefit:last-child { grid-column: 1 / -1; }
    }
    @media (min-width:720px){
      :where(.little-roar-page) .every-roar-section { padding: 42px 25px 20px !important; }
      :where(.little-roar-page) .roar-audience-image { height: 285px !important; }
    }

  

    /* v38: clean, readable benefits layout */
    :where(.little-roar-page) .roar-benefits {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 12px !important;
      padding: 14px !important;
      align-items: stretch !important;
    }
    :where(.little-roar-page) .roar-benefit {
      min-width: 0 !important;
      min-height: 92px !important;
      display: grid !important;
      grid-template-columns: 54px minmax(0,1fr) !important;
      align-items: center !important;
      gap: 12px !important;
      padding: 14px !important;
      border-radius: 18px !important;
      background: rgba(255,255,255,.08) !important;
      border: 1px solid rgba(255,255,255,.12) !important;
    }
    :where(.little-roar-page) .roar-benefit:nth-child(4) { grid-column: 1 / 2; }
    :where(.little-roar-page) .roar-benefit:nth-child(5) { grid-column: 2 / 3; }
    :where(.little-roar-page) .roar-benefit-icon {
      width: 54px !important;
      height: 54px !important;
      border-radius: 16px !important;
      font-size: 1.28rem !important;
      flex: 0 0 54px !important;
    }
    :where(.little-roar-page) .roar-benefit b {
      display: block !important;
      margin: 0 0 5px !important;
      color: #fff !important;
      font-size: .96rem !important;
      line-height: 1.08 !important;
      font-weight: 900 !important;
    }
    :where(.little-roar-page) .roar-benefit small {
      display: block !important;
      color: rgba(255,255,255,.82) !important;
      font-size: .75rem !important;
      line-height: 1.35 !important;
      font-weight: 650 !important;
    }
    @media (max-width: 820px) {
      :where(.little-roar-page) .roar-benefits { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
      :where(.little-roar-page) .roar-benefit:nth-child(4),
      :where(.little-roar-page) .roar-benefit:nth-child(5) { grid-column: auto !important; }
      :where(.little-roar-page) .roar-benefit:last-child { grid-column: 1 / -1 !important; }
    }
    @media (max-width: 520px) {
      :where(.little-roar-page) .roar-benefits {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        padding: 10px !important;
      }
      :where(.little-roar-page) .roar-benefit,
      :where(.little-roar-page) .roar-benefit:last-child {
        grid-column: auto !important;
        min-height: 76px !important;
        grid-template-columns: 48px minmax(0,1fr) !important;
        gap: 11px !important;
        padding: 11px 12px !important;
      }
      :where(.little-roar-page) .roar-benefit-icon {
        width: 48px !important;
        height: 48px !important;
        border-radius: 14px !important;
        font-size: 1.15rem !important;
      }
      :where(.little-roar-page) .roar-benefit b { font-size: .9rem !important; }
      :where(.little-roar-page) .roar-benefit small { font-size: .72rem !important; }
    }



    /* v39: premium benefits strip */
    :where(.little-roar-page) .roar-benefits {
      position: relative !important;
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 10px !important;
      padding: 12px !important;
      border: 1px solid rgba(255,255,255,.10) !important;
      border-radius: 28px !important;
      background:
        radial-gradient(circle at 15% 15%, rgba(255,201,70,.10), transparent 30%),
        linear-gradient(145deg,#123f39 0%,#0d332f 100%) !important;
      box-shadow: 0 18px 34px rgba(19,62,57,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
      overflow: hidden !important;
    }
    :where(.little-roar-page) .roar-benefits::before {
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 35%,transparent 70%,rgba(255,255,255,.03));
    }
    :where(.little-roar-page) .roar-benefit {
      position: relative !important;
      min-width: 0 !important;
      min-height: 150px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: flex-start !important;
      gap: 13px !important;
      padding: 16px 15px 15px !important;
      border-radius: 21px !important;
      background: linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045)) !important;
      border: 1px solid rgba(255,255,255,.10) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
      overflow:hidden !important;
    }
    :where(.little-roar-page) .roar-benefit::after {
      content:"";
      position:absolute;
      width:70px;
      height:70px;
      right:-28px;
      bottom:-32px;
      border-radius:50%;
      background:rgba(255,201,70,.055);
    }
    :where(.little-roar-page) .roar-benefit:nth-child(4),
    :where(.little-roar-page) .roar-benefit:nth-child(5),
    :where(.little-roar-page) .roar-benefit:last-child { grid-column: auto !important; }
    :where(.little-roar-page) .roar-benefit-icon {
      width: 52px !important;
      height: 52px !important;
      display:grid !important;
      place-items:center !important;
      flex: 0 0 52px !important;
      border-radius: 17px !important;
      background: linear-gradient(145deg,#ffd35c,#ffbd31) !important;
      border: 1px solid rgba(255,255,255,.45) !important;
      box-shadow: 0 9px 20px rgba(255,190,49,.20), inset 0 1px 0 rgba(255,255,255,.55) !important;
      color:#15483f !important;
      font-size:0 !important;
    }
    :where(.little-roar-page) .roar-benefit-icon svg {
      width:27px;
      height:27px;
      fill:none;
      stroke:currentColor;
      stroke-width:2.6;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    :where(.little-roar-page) .roar-benefit-icon svg path:not(.icon-detail),
    :where(.little-roar-page) .roar-benefit-icon svg rect:not(.icon-detail) { fill:rgba(255,255,255,.26); }
    :where(.little-roar-page) .roar-benefit-icon .icon-detail { fill:none !important; }
    :where(.little-roar-page) .roar-benefit b {
      display:block !important;
      margin:0 0 6px !important;
      color:#fff !important;
      font-size:.92rem !important;
      line-height:1.05 !important;
      font-weight:900 !important;
      letter-spacing:-.015em !important;
    }
    :where(.little-roar-page) .roar-benefit small {
      display:block !important;
      color:rgba(255,255,255,.72) !important;
      font-size:.70rem !important;
      line-height:1.42 !important;
      font-weight:650 !important;
    }
    @media (max-width: 900px) {
      :where(.little-roar-page) .roar-benefits { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
      :where(.little-roar-page) .roar-benefit { min-height: 112px !important; flex-direction:row !important; align-items:center !important; }
      :where(.little-roar-page) .roar-benefit:last-child { grid-column:1 / -1 !important; }
    }
    @media (max-width: 520px) {
      :where(.little-roar-page) .roar-benefits {
        grid-template-columns:1fr !important;
        gap:9px !important;
        padding:10px !important;
        border-radius:24px !important;
      }
      :where(.little-roar-page) .roar-benefit,
      :where(.little-roar-page) .roar-benefit:last-child {
        grid-column:auto !important;
        min-height:86px !important;
        flex-direction:row !important;
        align-items:center !important;
        gap:13px !important;
        padding:12px 13px !important;
        border-radius:18px !important;
      }
      :where(.little-roar-page) .roar-benefit-icon {
        width:50px !important;
        height:50px !important;
        flex-basis:50px !important;
        border-radius:16px !important;
      }
      :where(.little-roar-page) .roar-benefit-icon svg { width:25px;height:25px; }
      :where(.little-roar-page) .roar-benefit b { font-size:.92rem !important; margin-bottom:4px !important; }
      :where(.little-roar-page) .roar-benefit small { font-size:.73rem !important; line-height:1.35 !important; }
    }



    /* v41: interactive Every Roar section */
    :where(.little-roar-page) .roar-audience-card {
      cursor: pointer;
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
      isolation: isolate;
    }
    :where(.little-roar-page) .roar-audience-card:hover,
    :where(.little-roar-page) .roar-audience-card:focus-within,
    :where(.little-roar-page) .roar-audience-card.is-active {
      transform: translateY(-7px);
      box-shadow: 0 20px 42px rgba(21,79,70,.20) !important;
    }
    :where(.little-roar-page) .roar-audience-card .roar-audience-image img {
      transition: transform .55s cubic-bezier(.2,.75,.2,1), filter .35s ease;
    }
    :where(.little-roar-page) .roar-audience-card:hover .roar-audience-image img,
    :where(.little-roar-page) .roar-audience-card.is-active .roar-audience-image img {
      transform: scale(1.045);
      filter: saturate(1.05) contrast(1.02);
    }
    :where(.little-roar-page) .audience-select {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      margin-top:13px;
      padding:9px 13px;
      border:1px solid rgba(16,61,56,.14);
      border-radius:999px;
      background:#fff;
      color:#103d38;
      font:inherit;
      font-size:.75rem;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 6px 14px rgba(21,79,70,.08);
      transition:background .2s ease,color .2s ease,transform .2s ease;
    }
    :where(.little-roar-page) .audience-select::after { content:'→'; transition:transform .2s ease; }
    :where(.little-roar-page) .roar-audience-card:hover .audience-select::after,
    :where(.little-roar-page) .roar-audience-card.is-active .audience-select::after { transform:translateX(3px); }
    :where(.little-roar-page) .roar-audience-card.is-active .audience-select {
      background:#173e39;
      color:#fff;
    }
    :where(.little-roar-page) .audience-extra {
      display:grid;
      grid-template-rows:0fr;
      opacity:0;
      transition:grid-template-rows .3s ease,opacity .25s ease,margin .3s ease;
      margin-top:0;
    }
    :where(.little-roar-page) .audience-extra > span { overflow:hidden; }
    :where(.little-roar-page) .roar-audience-card.is-active .audience-extra {
      grid-template-rows:1fr;
      opacity:1;
      margin-top:10px;
    }
    :where(.little-roar-page) .audience-extra small {
      display:block;
      padding-top:9px;
      border-top:1px dashed rgba(16,61,56,.18);
      color:rgba(16,61,56,.72);
      font-size:.72rem;
      font-weight:800;
      line-height:1.35;
    }
    :where(.little-roar-page) .roar-benefit {
      cursor:pointer;
      transition:transform .22s ease, background .22s ease, border-color .22s ease;
    }
    :where(.little-roar-page) .roar-benefit:hover,
    :where(.little-roar-page) .roar-benefit.is-active {
      transform:translateY(-3px);
      background:rgba(255,255,255,.11) !important;
      border-color:rgba(255,207,79,.35) !important;
    }
    :where(.little-roar-page) .roar-benefit-icon { transition:transform .25s ease; }
    :where(.little-roar-page) .roar-benefit:hover .roar-benefit-icon,
    :where(.little-roar-page) .roar-benefit.is-active .roar-benefit-icon { transform:rotate(-5deg) scale(1.08); }
    @media (prefers-reduced-motion: reduce) {
      :where(.little-roar-page) .roar-audience-card,:where(.little-roar-page) .roar-audience-image img,:where(.little-roar-page) .audience-extra,:where(.little-roar-page) .audience-select,:where(.little-roar-page) .roar-benefit,:where(.little-roar-page) .roar-benefit-icon { transition:none !important; }
    }



/* Simple Kids Edition */
.little-roar-page { background:#f7eddf; }
:where(.little-roar-page) .storefront { max-width: 820px; }
:where(.little-roar-page) .announcement { min-height:38px; padding:8px 12px; }
:where(.little-roar-page) .nav { min-height:72px; }
:where(.little-roar-page) .hero { padding:0 14px 68px; }
:where(.little-roar-page) .hero-media { border-radius:0 0 38px 38px; box-shadow:0 12px 28px rgba(46,34,21,.10); }
:where(.little-roar-page) .hero-copy { padding-top:36px; }
:where(.little-roar-page) .audience-pill { margin-bottom:18px; padding:8px 15px; }
:where(.little-roar-page) h1 { max-width:560px; font-size:clamp(3rem,13vw,6.2rem); line-height:.88; }
:where(.little-roar-page) .subcopy { max-width:420px; margin-top:22px; font-size:clamp(1.1rem,4.2vw,1.35rem); }
:where(.little-roar-page) .cta { width:min(100%,440px); min-height:68px; margin-top:26px; font-size:1.25rem; }
:where(.little-roar-page) .value-grid { max-width:500px; gap:12px; margin-top:22px; }
:where(.little-roar-page) .value-chip { min-height:92px; flex-direction:column; text-align:center; border:0; background:#fff; box-shadow:0 9px 22px rgba(46,34,21,.07); font-size:.78rem; }
:where(.little-roar-page) .value-chip .bubble { width:58px; height:58px; border-radius:20px; display:grid; place-items:center; margin-bottom:2px; background:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 10px 18px rgba(46,34,21,.08); color:inherit!important; }
:where(.little-roar-page) .value-chip:nth-child(1) .bubble { background:linear-gradient(135deg,#f7fffb 0%,#dcefe6 100%)!important; }
:where(.little-roar-page) .value-chip:nth-child(2) .bubble { background:linear-gradient(135deg,#fff1ea 0%,#f6d0bf 100%)!important; }
:where(.little-roar-page) .value-chip:nth-child(3) .bubble { background:linear-gradient(135deg,#fff8da 0%,#f6e49f 100%)!important; }
:where(.little-roar-page) .value-chip .bubble svg { width:34px; height:34px; display:block; }
:where(.little-roar-page) .shop-section { padding:78px 18px 86px; }
:where(.little-roar-page) .section-kicker { font-size:.72rem; }
:where(.little-roar-page) .section-title { max-width:560px; }
:where(.little-roar-page) .section-subtitle { margin-bottom:32px; }
:where(.little-roar-page) .offer-grid { gap:18px; }
:where(.little-roar-page) .offer-card { box-shadow:0 10px 25px rgba(46,34,21,.07); }
:where(.little-roar-page) .offer-card.mini-showcase .offer-copy,:where(.little-roar-page) .offer-card.big-showcase .offer-copy { min-height:118px; }
:where(.little-roar-page) .offer-name { font-size:clamp(1.65rem,6vw,2.45rem)!important; }
:where(.little-roar-page) .offer-card.bundle .offer-copy { padding-top:54px; }
:where(.little-roar-page) .colors-panel { margin-top:72px; padding-top:70px; }
:where(.little-roar-page) .multi-pick-note { max-width:340px; margin:0 auto 22px; text-align:center; font-weight:900; }
:where(.little-roar-page) .selection-summary { margin-top:26px; }
:where(.little-roar-page) .every-roar-section { padding-top:90px; }
:where(.little-roar-page) .roar-audience-grid { gap:16px; }
:where(.little-roar-page) .roar-audience-card { border-radius:28px; overflow:hidden; }
:where(.little-roar-page) .audience-copy { padding:14px 10px 18px!important; text-align:center; }
:where(.little-roar-page) .audience-copy h3 { margin:0; font-size:1.4rem; }
:where(.little-roar-page) .roar-benefits { grid-template-columns:repeat(3,1fr)!important; max-width:560px; margin:28px auto 0; }
:where(.little-roar-page) .simple-benefit { min-height:94px; display:flex!important; flex-direction:column; justify-content:center; align-items:center; gap:6px; text-align:center; }
:where(.little-roar-page) .simple-benefit-icon { width:50px; height:50px; border-radius:18px; display:grid; place-items:center; background:rgba(255,255,255,.78); box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 16px rgba(21,79,70,.08); }
:where(.little-roar-page) .simple-benefit-icon svg { width:28px; height:28px; display:block; }
:where(.little-roar-page) .float-dino { position:absolute; z-index:4; pointer-events:none; opacity:.22; transition:transform .12s linear; will-change:transform; }
:where(.little-roar-page) .float-dino svg { width:100%; height:100%; display:block; filter:drop-shadow(0 12px 20px rgba(21,79,70,.08)); }
:where(.little-roar-page) .dino-a { top:920px; left:-24px; width:138px; color:#8fae98; }
:where(.little-roar-page) .dino-b { top:1680px; right:-28px; width:132px; color:#e2a07e; }
:where(.little-roar-page) .dino-c { top:2440px; left:18px; width:88px; color:#e9c358; }
:where(.little-roar-page) .dino-d { top:3120px; right:6px; width:126px; color:#98b6a0; }
@media(max-width:520px){
  :where(.little-roar-page) .hero { padding-inline:10px; }
  :where(.little-roar-page) .hero-copy { padding-top:30px; }
  :where(.little-roar-page) .value-grid { gap:8px; }
  :where(.little-roar-page) .value-chip { min-height:86px; border-radius:20px; padding:9px 4px; }
  :where(.little-roar-page) .shop-section { padding:64px 12px 72px; }
  :where(.little-roar-page) .offer-grid { gap:10px; }
  :where(.little-roar-page) .offer-card.bundle .offer-copy { padding:48px 20px 22px; }
  :where(.little-roar-page) .roar-audience-grid { grid-template-columns:repeat(3,1fr)!important; gap:8px; }
  :where(.little-roar-page) .roar-audience-card { border-radius:18px; }
  :where(.little-roar-page) .roar-audience-image { min-height:130px!important; }
  :where(.little-roar-page) .audience-copy h3 { font-size:.95rem; }
  :where(.little-roar-page) .roar-benefits { gap:8px!important; }
  :where(.little-roar-page) .simple-benefit { padding:10px 4px!important; font-size:.78rem; }
  :where(.little-roar-page) .simple-benefit-icon { width:44px; height:44px; border-radius:15px; }
  :where(.little-roar-page) .simple-benefit-icon svg { width:24px; height:24px; }
  :where(.little-roar-page) .value-chip .bubble { width:50px; height:50px; border-radius:17px; }
  :where(.little-roar-page) .value-chip .bubble svg { width:30px; height:30px; }
}


/* High-converting customer video section */
:where(.little-roar-page) .video-section {
  position:relative;
  padding:88px 18px 96px;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 8%,rgba(248,195,65,.15),transparent 24%),
    radial-gradient(circle at 94% 84%,rgba(231,116,79,.13),transparent 27%),
    #fff8ee;
  border-top:1px solid rgba(21,79,70,.08);
  scroll-margin-top:74px;
}
:where(.little-roar-page) .video-section::before {
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border:2px dashed rgba(21,79,70,.09);
  border-radius:50%;
  left:-115px;
  top:80px;
}
:where(.little-roar-page) .video-heading { position:relative; z-index:2; text-align:center; max-width:600px; margin:0 auto 34px; }
:where(.little-roar-page) .video-heading .section-kicker { background:var(--coral); }
:where(.little-roar-page) .video-heading .section-title { margin-top:12px; }
:where(.little-roar-page) .video-heading p {
  max-width:410px;
  margin:15px auto 0;
  color:rgba(23,62,57,.70);
  font-size:1.02rem;
  line-height:1.45;
  font-weight:700;
}
:where(.little-roar-page) .video-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  max-width:1050px;
  margin:0 auto;
}
:where(.little-roar-page) .video-card {
  position:relative;
  aspect-ratio:9/16;
  overflow:hidden;
  border-radius:27px;
  border:1px solid rgba(21,79,70,.12);
  background:#183f39;
  box-shadow:0 18px 38px rgba(46,34,21,.12);
  cursor:pointer;
  isolation:isolate;
  transition:transform .22s ease,box-shadow .22s ease;
}
:where(.little-roar-page) .video-card:hover { transform:translateY(-5px); box-shadow:0 24px 46px rgba(46,34,21,.17); }
:where(.little-roar-page) .video-placeholder {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.13),transparent 28%),
    linear-gradient(155deg,#efb99d 0%,#e78965 46%,#163d37 100%);
}
:where(.little-roar-page) .video-card:nth-child(2) .video-placeholder {
  background:radial-gradient(circle at 48% 27%,rgba(255,255,255,.15),transparent 26%),linear-gradient(155deg,#aec5b1 0%,#759782 48%,#143c36 100%);
}
:where(.little-roar-page) .video-card:nth-child(3) .video-placeholder {
  background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.15),transparent 26%),linear-gradient(155deg,#f8d376 0%,#e6a94d 46%,#173e39 100%);
}
:where(.little-roar-page) .video-placeholder::before {
  content:"";
  width:58%;
  aspect-ratio:1;
  border-radius:46% 54% 44% 56% / 54% 42% 58% 46%;
  border:2px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  transform:rotate(-8deg);
}
:where(.little-roar-page) .video-card:nth-child(2) .video-placeholder::before { transform:rotate(9deg); }
:where(.little-roar-page) .video-card:nth-child(3) .video-placeholder::before { transform:rotate(-3deg); }
:where(.little-roar-page) .video-top-label {
  position:absolute;
  left:13px;
  top:13px;
  z-index:3;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.91);
  color:var(--forest-dark);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
:where(.little-roar-page) .video-play {
  position:absolute;
  left:50%;
  top:47%;
  z-index:4;
  width:66px;
  height:66px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,.95);
  color:var(--forest-dark);
  box-shadow:0 14px 30px rgba(0,0,0,.20);
}
:where(.little-roar-page) .video-play svg { width:24px; height:24px; margin-left:4px; }
:where(.little-roar-page) .video-caption {
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:0;
  padding:54px 15px 17px;
  background:linear-gradient(transparent,rgba(9,34,31,.86));
  color:#fff;
}
:where(.little-roar-page) .video-caption b { display:block; font-size:1rem; line-height:1.1; }
:where(.little-roar-page) .video-caption span { display:block; margin-top:4px; color:rgba(255,255,255,.76); font-size:.74rem; font-weight:800; }
:where(.little-roar-page) .video-trust {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  max-width:720px;
  margin:28px auto 0;
  padding:14px 15px 14px 14px;
  overflow:hidden;
  border:1px solid rgba(21,79,70,.13);
  border-radius:24px;
  background:
    radial-gradient(circle at 7% 0%,rgba(248,195,65,.22),transparent 31%),
    linear-gradient(120deg,rgba(255,255,255,.98),rgba(255,247,232,.96));
  box-shadow:0 14px 32px rgba(46,34,21,.09),inset 0 1px 0 rgba(255,255,255,.95);
  color:var(--forest-dark);
  text-align:left;
}
:where(.little-roar-page) .video-trust::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--coral),var(--gold),var(--forest));
}
:where(.little-roar-page) .video-trust-mark {
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:4px solid rgba(255,255,255,.84);
  border-radius:19px;
  background:linear-gradient(145deg,#f18a63,var(--coral));
  box-shadow:0 8px 18px rgba(231,116,79,.24);
  color:#fff;
  transform:rotate(-3deg);
}
:where(.little-roar-page) .video-trust-mark svg { width:31px; height:31px; }
:where(.little-roar-page) .video-trust-copy { display:flex; min-width:0; flex-direction:column; }
:where(.little-roar-page) .video-trust-eyebrow {
  margin-bottom:3px;
  color:#af7915;
  font-size:.64rem;
  line-height:1;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}
:where(.little-roar-page) .video-trust-copy strong {
  font-family:Georgia,'Times New Roman',serif;
  color:var(--forest-dark);
  font-size:clamp(1.02rem,2.2vw,1.3rem);
  line-height:1.08;
  letter-spacing:-.02em;
}
:where(.little-roar-page) .video-trust-note {
  margin-top:4px;
  color:rgba(23,62,57,.68);
  font-size:.75rem;
  line-height:1.25;
  font-weight:800;
}
:where(.little-roar-page) .video-trust-dino {
  position:relative;
  display:grid;
  width:112px;
  min-width:112px;
  place-items:center;
  isolation:isolate;
  transform:rotate(2deg);
}
:where(.little-roar-page) .video-trust-dino::before {
  position:absolute;
  z-index:-1;
  width:78px;
  height:66px;
  border-radius:48% 52% 45% 55%;
  background:linear-gradient(145deg,rgba(248,214,192,.86),rgba(248,195,65,.34));
  box-shadow:0 8px 20px rgba(174,120,18,.13);
  content:"";
  transform:rotate(-7deg);
}
:where(.little-roar-page) .video-trust-dino img {
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 7px 7px rgba(15,61,55,.17));
}
@media(max-width:640px){
  :where(.little-roar-page) .video-section { padding:68px 12px 76px; }
  :where(.little-roar-page) .video-heading { margin-bottom:26px; }
  :where(.little-roar-page) .video-grid {
    grid-auto-flow:column;
    grid-auto-columns:78%;
    grid-template-columns:none;
    overflow-x:auto;
    gap:12px;
    padding:4px 2px 18px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  :where(.little-roar-page) .video-grid::-webkit-scrollbar { display:none; }
  :where(.little-roar-page) .video-card { scroll-snap-align:center; border-radius:25px; }
  :where(.little-roar-page) .video-trust { gap:11px; margin-top:18px; padding:12px; border-radius:21px; }
  :where(.little-roar-page) .video-trust-mark { width:50px; height:50px; border-radius:16px; }
  :where(.little-roar-page) .video-trust-mark svg { width:27px; height:27px; }
  :where(.little-roar-page) .video-trust-dino { width:94px; min-width:94px; }
  :where(.little-roar-page) .video-trust-dino::before { width:66px; height:56px; }
}
@media(max-width:410px){
  :where(.little-roar-page) .video-trust { grid-template-columns:auto minmax(0,1fr); }
  :where(.little-roar-page) .video-trust-dino {
    grid-column:2;
    justify-self:end;
    width:88px;
    min-width:88px;
    margin-top:-6px;
    margin-right:2px;
  }
}



/* High-converting reviews section */
:where(.little-roar-page) .review-section {
  position:relative;
  padding:88px 18px 96px;
  background:
    radial-gradient(circle at 12% 14%, rgba(248,195,65,.13), transparent 22%),
    radial-gradient(circle at 90% 8%, rgba(129,152,120,.12), transparent 24%),
    #fffdf8;
  border-top:1px solid rgba(21,79,70,.08);
  overflow:hidden;
}
:where(.little-roar-page) .review-section::before,
:where(.little-roar-page) .review-section::after {
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
:where(.little-roar-page) .review-section::before {
  width:190px; height:190px; right:-110px; top:36px;
  border:2px dashed rgba(21,79,70,.08);
}
:where(.little-roar-page) .review-section::after {
  width:150px; height:150px; left:-70px; bottom:60px;
  background:radial-gradient(circle, rgba(247,214,192,.45) 0%, rgba(247,214,192,0) 72%);
}
:where(.little-roar-page) .review-heading {
  position:relative; z-index:2; text-align:center; max-width:720px; margin:0 auto 30px;
}
:where(.little-roar-page) .review-heading .section-kicker { background:var(--forest); color:#fff; }
:where(.little-roar-page) .review-heading .section-title { margin-top:12px; }
:where(.little-roar-page) .review-heading p {
  max-width:520px; margin:15px auto 0; color:rgba(23,62,57,.72); font-size:1rem; line-height:1.5; font-weight:700;
}
:where(.little-roar-page) .review-meta {
  position:relative; z-index:2; max-width:890px; margin:0 auto 28px; display:grid; grid-template-columns:1.15fr .85fr; gap:14px;
}
:where(.little-roar-page) .rating-overview, :where(.little-roar-page) .review-proof {
  border:1px solid rgba(21,79,70,.1); border-radius:26px; background:rgba(255,255,255,.88); box-shadow:0 12px 28px rgba(46,34,21,.08);
}
:where(.little-roar-page) .rating-overview { padding:18px 20px; display:flex; align-items:center; gap:16px; }
:where(.little-roar-page) .rating-big {
  flex:0 0 auto; min-width:112px; min-height:112px; border-radius:28px;
  display:grid; place-items:center; background:linear-gradient(145deg,#fff5de 0%,#ffe59d 100%); color:var(--forest-dark); box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
:where(.little-roar-page) .rating-big strong { display:block; font-size:2.3rem; line-height:.9; }
:where(.little-roar-page) .rating-big span { display:block; margin-top:5px; font-size:.76rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
:where(.little-roar-page) .rating-copy { min-width:0; }
:where(.little-roar-page) .stars-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
:where(.little-roar-page) .stars {
  color:#f3b526; letter-spacing:.12em; font-size:1rem; font-weight:900;
}
:where(.little-roar-page) .rating-copy b { display:block; color:var(--forest-dark); font-size:1.08rem; line-height:1.15; }
:where(.little-roar-page) .rating-copy small { display:block; margin-top:6px; color:rgba(23,62,57,.68); font-size:.84rem; line-height:1.45; font-weight:800; }
:where(.little-roar-page) .review-proof { padding:16px 18px; display:grid; gap:10px; align-content:center; }
:where(.little-roar-page) .proof-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
:where(.little-roar-page) .proof-label { color:var(--forest-dark); font-size:.83rem; font-weight:900; }
:where(.little-roar-page) .proof-bar { height:8px; flex:1; border-radius:999px; background:rgba(21,79,70,.08); overflow:hidden; }
:where(.little-roar-page) .proof-fill { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--forest) 0%, #2a6f63 100%); }
:where(.little-roar-page) .review-grid {
  position:relative; z-index:2; max-width:1050px; margin:0 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;
}
:where(.little-roar-page) .review-card {
  position:relative; min-width:0; border:1px solid rgba(21,79,70,.11); border-radius:26px; background:rgba(255,255,255,.94); padding:16px 16px 15px; box-shadow:0 12px 28px rgba(46,34,21,.07);
}
:where(.little-roar-page) .review-card[hidden] { display:none !important; }
:where(.little-roar-page) .review-card:focus { outline:3px solid rgba(248,195,65,.76); outline-offset:4px; }
:where(.little-roar-page) .review-card:has(.review-media) { padding:0; overflow:hidden; }
:where(.little-roar-page) .review-card-body { padding:16px 16px 15px; }
:where(.little-roar-page) .review-card:not(:has(.review-media)) .review-card-body { padding:0; }
:where(.little-roar-page) .review-media {
  position:relative; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(145deg,#fff1e8 0%,#f6d9c8 47%,#eeb99c 100%);
}
:where(.little-roar-page) .review-media--video { background:linear-gradient(145deg,#e8f4ed 0%,#c9dfd1 48%,#9ebdaf 100%); }
:where(.little-roar-page) .review-media img,
:where(.little-roar-page) .review-media video { width:100%; height:100%; display:block; object-fit:cover; }
:where(.little-roar-page) .review-media-placeholder { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:7px; padding:18px; color:var(--forest-dark); text-align:center; }
:where(.little-roar-page) .review-media-placeholder::before { content:""; position:absolute; inset:12px; border:2px dashed rgba(21,79,70,.19); border-radius:20px; }
:where(.little-roar-page) .review-media-placeholder > * { position:relative; z-index:1; }
:where(.little-roar-page) .review-media-icon { display:grid; width:46px; height:46px; place-items:center; border-radius:16px; background:rgba(255,255,255,.76); box-shadow:0 8px 20px rgba(46,34,21,.08); }
:where(.little-roar-page) .review-media-icon svg { width:24px; height:24px; }
:where(.little-roar-page) .review-media-placeholder b { font-size:.85rem; line-height:1.15; }
:where(.little-roar-page) .review-media-placeholder small { color:rgba(23,62,57,.64); font-size:.7rem; font-weight:800; }
:where(.little-roar-page) .review-media-badge { position:absolute; left:12px; top:12px; padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.92); color:var(--forest-dark); box-shadow:0 5px 14px rgba(46,34,21,.08); font-size:.65rem; font-weight:950; letter-spacing:.04em; text-transform:uppercase; }
:where(.little-roar-page) .review-card.tall { grid-row:span 2; }
:where(.little-roar-page) .review-card.wide { grid-column:span 2; }
:where(.little-roar-page) .review-card.photo-card { padding:12px; overflow:hidden; }
:where(.little-roar-page) .review-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
:where(.little-roar-page) .review-user { display:flex; align-items:center; gap:10px; min-width:0; }
:where(.little-roar-page) .avatar {
  width:44px; height:44px; border-radius:16px; flex:0 0 auto; display:grid; place-items:center;
  background:linear-gradient(135deg,#eef8ee 0%, #d4e8db 100%); color:var(--forest-dark); font-weight:900;
}
:where(.little-roar-page) .review-card:nth-child(3n) .avatar { background:linear-gradient(135deg,#fff0e8 0%, #f7d2c1 100%); }
:where(.little-roar-page) .review-card:nth-child(4n) .avatar { background:linear-gradient(135deg,#fff8db 0%, #f5e39b 100%); }
:where(.little-roar-page) .user-copy { min-width:0; }
:where(.little-roar-page) .user-copy b { display:block; color:var(--forest-dark); font-size:.94rem; line-height:1.1; }
:where(.little-roar-page) .user-copy span { display:block; margin-top:3px; color:rgba(23,62,57,.66); font-size:.75rem; font-weight:800; }
:where(.little-roar-page) .verified-pill {
  flex:0 0 auto; padding:7px 9px; border-radius:999px; background:rgba(21,79,70,.07); color:var(--forest); font-size:.67rem; font-weight:900; letter-spacing:.03em;
}
:where(.little-roar-page) .review-stars { color:#f3b526; letter-spacing:.09em; font-size:.86rem; font-weight:900; margin-bottom:8px; }
:where(.little-roar-page) .review-title { color:var(--forest-dark); font-size:1rem; line-height:1.2; font-weight:900; margin-bottom:7px; }
:where(.little-roar-page) .review-text { color:rgba(23,62,57,.77); font-size:.86rem; line-height:1.52; font-weight:700; }
:where(.little-roar-page) .review-bubble {
  border-radius:24px 24px 24px 10px; background:linear-gradient(145deg,#fff6ef 0%, #fff 100%); padding:15px 15px 14px; border:1px solid rgba(231,116,79,.18);
}
:where(.little-roar-page) .review-bubble::after {
  content:""; position:absolute; left:24px; bottom:-10px; width:20px; height:20px; background:linear-gradient(145deg,#fff6ef 0%, #fff 100%); border-left:1px solid rgba(231,116,79,.18); border-bottom:1px solid rgba(231,116,79,.18); transform:rotate(-45deg); border-radius:0 0 0 8px;
}
:where(.little-roar-page) .review-bubble > * { position:relative; z-index:1; }
:where(.little-roar-page) .photo-shell {
  position:relative; border-radius:22px; overflow:hidden; aspect-ratio:4/4.8; margin-bottom:13px;
  background:linear-gradient(160deg,#f6d3c0 0%, #f0b28f 44%, #17403a 100%);
}
:where(.little-roar-page) .photo-card:nth-child(2n) .photo-shell { background:linear-gradient(160deg,#dcefe5 0%, #98b7a1 44%, #143b35 100%); }
:where(.little-roar-page) .photo-card:nth-child(3n) .photo-shell { background:linear-gradient(160deg,#fff3cf 0%, #efc76d 44%, #173e39 100%); }
:where(.little-roar-page) .photo-shell::before {
  content:""; position:absolute; inset:14px; border-radius:28px; border:2px solid rgba(255,255,255,.22);
}
:where(.little-roar-page) .photo-shell::after {
  content:"Photo review"; position:absolute; left:12px; top:12px; padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.92); color:var(--forest-dark); font-size:.66rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase;
}
:where(.little-roar-page) .photo-dino {
  position:absolute; left:50%; top:50%; width:58%; transform:translate(-50%,-43%); color:rgba(255,255,255,.92);
}
:where(.little-roar-page) .photo-dino svg { width:100%; height:auto; display:block; }
:where(.little-roar-page) .review-more-wrap { position:relative; z-index:2; display:grid; justify-items:center; gap:8px; margin:26px auto 0; }
:where(.little-roar-page) .review-more-button {
  display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:9px; padding:13px 18px 13px 21px; border:2px solid var(--forest); border-radius:18px; background:#fff; color:var(--forest); box-shadow:0 10px 24px rgba(21,79,70,.11); cursor:pointer; font:inherit; font-size:.88rem; font-weight:950; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
:where(.little-roar-page) .review-more-button:hover { transform:translateY(-2px); background:#f4faf6; box-shadow:0 14px 30px rgba(21,79,70,.15); }
:where(.little-roar-page) .review-more-button:focus-visible { outline:3px solid rgba(248,195,65,.84); outline-offset:3px; }
:where(.little-roar-page) .review-more-button svg { width:19px; height:19px; transition:transform .18s ease; }
:where(.little-roar-page) .review-more-button:hover svg { transform:translateY(2px); }
:where(.little-roar-page) .review-more-count { color:rgba(23,62,57,.58); font-size:.76rem; }
:where(.little-roar-page) .review-more-status { min-height:1em; margin:0; color:rgba(23,62,57,.62); font-size:.72rem; font-weight:800; }
:where(.little-roar-page) .review-tags {
  position:relative; z-index:2; max-width:860px; margin:24px auto 0; display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
}
:where(.little-roar-page) .review-tag {
  padding:10px 14px; border-radius:999px; background:#fff; border:1px solid rgba(21,79,70,.1); color:var(--forest-dark); font-size:.78rem; font-weight:900; box-shadow:0 8px 18px rgba(46,34,21,.05);
}
@media(max-width:840px){
  :where(.little-roar-page) .review-meta { grid-template-columns:1fr; }
  :where(.little-roar-page) .review-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  :where(.little-roar-page) .review-card.wide { grid-column:span 2; }
  :where(.little-roar-page) .review-card.tall { grid-row:span 1; }
}
@media(max-width:640px){
  :where(.little-roar-page) .review-section { padding:70px 12px 78px; }
  :where(.little-roar-page) .rating-overview { padding:16px; align-items:flex-start; }
  :where(.little-roar-page) .rating-big { min-width:94px; min-height:94px; border-radius:24px; }
  :where(.little-roar-page) .rating-big strong { font-size:2rem; }
  :where(.little-roar-page) .review-grid { grid-template-columns:1fr; gap:12px; }
  :where(.little-roar-page) .review-card, :where(.little-roar-page) .review-card.wide { grid-column:span 1; }
  :where(.little-roar-page) .review-card { border-radius:22px; }
  :where(.little-roar-page) .review-proof { padding:14px 15px; }
  :where(.little-roar-page) .review-media { aspect-ratio:16/9; }
  :where(.little-roar-page) .review-more-button { width:min(100%,320px); }
}



/* Premium Glow Green showcase */
:where(.little-roar-page) .glow-note.premium-glow {
  display:block;
  margin-top:18px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(145deg,#0d1714 0%, #11231d 48%, #193128 100%);
  border:1px solid rgba(126,255,45,.16);
  box-shadow:0 22px 42px rgba(17,35,29,.18), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
:where(.little-roar-page) .glow-panel {
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:18px;
  align-items:center;
}
:where(.little-roar-page) .glow-copy-wrap { min-width:0; }
:where(.little-roar-page) .glow-kicker {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(126,255,45,.12);
  color:#d7ffbe;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
:where(.little-roar-page) .glow-kicker::before {
  content:'';
  width:8px;
  height:8px;
  border-radius:50%;
  background:#7eff2d;
  box-shadow:0 0 16px rgba(126,255,45,.85);
}
:where(.little-roar-page) .glow-title {
  margin:14px 0 8px;
  color:#f4fff5;
  font-size:clamp(1.35rem,2.5vw,1.8rem);
  line-height:1.05;
  font-weight:900;
}
:where(.little-roar-page) .glow-desc {
  margin:0;
  max-width:470px;
  color:rgba(239,255,242,.8);
  font-size:.95rem;
  line-height:1.55;
  font-weight:700;
}
:where(.little-roar-page) .glow-perks {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
:where(.little-roar-page) .glow-perks span {
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  color:#effff2;
  font-size:.74rem;
  font-weight:800;
}
:where(.little-roar-page) .glow-cta-row {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
:where(.little-roar-page) .glow-select {
  min-height:54px;
  padding:11px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.95);
}
:where(.little-roar-page) .glow-badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#dfffd2;
  border:1px solid rgba(126,255,45,.14);
  font-size:.78rem;
  font-weight:800;
}
:where(.little-roar-page) .glow-badge::before {
  content:'★';
  color:#d7ff75;
}
:where(.little-roar-page) .glow-visual {
  position:relative;
  min-width:0;
}
:where(.little-roar-page) .glow-visual::before {
  content:'';
  position:absolute;
  inset:auto 12% 0 12%;
  height:26px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(126,255,45,.38) 0%, rgba(126,255,45,0) 72%);
  filter:blur(10px);
}
:where(.little-roar-page) .glow-card {
  position:relative;
  border-radius:24px;
  padding:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
:where(.little-roar-page) .glow-card img {
  width:100%;
  display:block;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:18px;
}
:where(.little-roar-page) .glow-card-label {
  position:absolute;
  top:18px;
  left:18px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(7,13,11,.62);
  color:#eeffef;
  border:1px solid rgba(255,255,255,.08);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  backdrop-filter:blur(6px);
}
:where(.little-roar-page) .glow-card-label::before {
  content:'';
  width:8px;
  height:8px;
  border-radius:50%;
  background:#7eff2d;
  box-shadow:0 0 16px rgba(126,255,45,.8);
}

/* FAQ section */
:where(.little-roar-page) .faq-section {
  padding:82px 18px 96px;
  background:linear-gradient(180deg,#fffaf4 0%, #fff7ef 100%);
  border-top:1px solid rgba(21,79,70,.08);
}
:where(.little-roar-page) .faq-heading {
  max-width:650px;
  margin:0 auto 26px;
  text-align:center;
}
:where(.little-roar-page) .faq-heading .section-title { margin-top:12px; }
:where(.little-roar-page) .faq-heading p {
  margin:14px auto 0;
  max-width:500px;
  color:rgba(23,62,57,.72);
  font-size:.98rem;
  line-height:1.55;
  font-weight:700;
}
:where(.little-roar-page) .faq-list {
  max-width:860px;
  margin:0 auto;
  display:grid;
  gap:12px;
}
:where(.little-roar-page) .faq-item {
  border:1px solid rgba(21,79,70,.1);
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 24px rgba(46,34,21,.05);
  overflow:hidden;
}
:where(.little-roar-page) .faq-item summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  color:var(--forest-dark);
  font-size:.97rem;
  font-weight:900;
}
:where(.little-roar-page) .faq-item summary::-webkit-details-marker { display:none; }
:where(.little-roar-page) .faq-item summary::after {
  content:'+';
  width:32px;
  height:32px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eef7f1;
  color:var(--forest);
  font-size:1.2rem;
  line-height:1;
}
:where(.little-roar-page) .faq-item[open] summary::after { content:'−'; }
:where(.little-roar-page) .faq-answer {
  padding:0 20px 18px;
  color:rgba(23,62,57,.76);
  font-size:.9rem;
  line-height:1.62;
  font-weight:700;
}
@media (max-width: 700px) {
  :where(.little-roar-page) .glow-note.premium-glow { padding:14px; border-radius:24px; }
  :where(.little-roar-page) .glow-panel { grid-template-columns:1fr; gap:14px; }
  :where(.little-roar-page) .glow-visual { order:-1; }
  :where(.little-roar-page) .glow-card img { aspect-ratio:4/4.6; }
  :where(.little-roar-page) .glow-cta-row { align-items:stretch; }
  :where(.little-roar-page) .glow-select { width:100%; justify-content:center; }
  :where(.little-roar-page) .faq-section { padding:68px 12px 78px; }
}


/* Compact premium Glow Green row */
:where(.little-roar-page) .glow-note.premium-glow {
  margin-top:16px;
  padding:10px 12px;
  border-radius:20px;
  background:linear-gradient(90deg,#0d1714 0%,#152b23 100%);
  border:1px solid rgba(126,255,45,.16);
  box-shadow:0 14px 28px rgba(17,35,29,.14);
}
:where(.little-roar-page) .glow-panel {
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
:where(.little-roar-page) .glow-copy-wrap {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
:where(.little-roar-page) .glow-kicker {
  flex:0 0 auto;
  padding:7px 10px;
  font-size:.65rem;
}
:where(.little-roar-page) .glow-title {
  margin:0;
  color:#f4fff5;
  font-size:.96rem;
  line-height:1.2;
  white-space:nowrap;
}
:where(.little-roar-page) .glow-desc {
  margin:0;
  color:rgba(239,255,242,.72);
  font-size:.76rem;
  line-height:1.35;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
:where(.little-roar-page) .glow-perks,:where(.little-roar-page) .glow-badge { display:none!important; }
:where(.little-roar-page) .glow-cta-row { margin:0; display:block; }
:where(.little-roar-page) .glow-select {
  min-height:44px;
  padding:8px 11px;
  border-radius:14px;
  white-space:nowrap;
}
:where(.little-roar-page) .glow-select b { font-size:.76rem; }
:where(.little-roar-page) .glow-select .glow-dot { display:none; }
:where(.little-roar-page) .glow-select small { font-size:.61rem; }
:where(.little-roar-page) .glow-visual { order:0; }
:where(.little-roar-page) .glow-card {
  padding:4px;
  border-radius:15px;
}
:where(.little-roar-page) .glow-card img {
  width:56px;
  height:56px;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:11px;
}
:where(.little-roar-page) .glow-card-label { display:none; }
:where(.little-roar-page) .glow-visual::before { display:none; }
@media(max-width:700px){
  :where(.little-roar-page) .glow-note.premium-glow { padding:9px; border-radius:18px; }
  :where(.little-roar-page) .glow-panel { grid-template-columns:52px minmax(0,1fr) auto; gap:9px; }
  :where(.little-roar-page) .glow-card img { width:46px; height:46px; border-radius:10px; }
  :where(.little-roar-page) .glow-copy-wrap { display:block; }
  :where(.little-roar-page) .glow-kicker { display:none; }
  :where(.little-roar-page) .glow-title { font-size:.84rem; }
  :where(.little-roar-page) .glow-desc { margin-top:2px; font-size:clamp(.56rem,2.15vw,.68rem); letter-spacing:-.01em; }
  :where(.little-roar-page) .glow-select { width:auto; min-height:40px; padding:7px 9px; }
  :where(.little-roar-page) .glow-select span:last-child small { display:none; }
}



/* Premium conversion announcement */
:where(.little-roar-page) .announcement {
  position:relative;
  min-height:48px;
  padding:8px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  background:linear-gradient(100deg,#0f332e 0%,#174b43 52%,#0f332e 100%);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 24px rgba(15,51,46,.15);
  overflow:hidden;
}
:where(.little-roar-page) .announcement::before {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
  transform:translateX(-100%);
  animation:announcementShine 5.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes announcementShine {
  0%,65% { transform:translateX(-100%); }
  82%,100% { transform:translateX(100%); }
}
:where(.little-roar-page) .announcement-offer {
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(248,195,65,.16);
  border:1px solid rgba(248,195,65,.28);
  color:#ffe69a;
  font-size:.67rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
}
:where(.little-roar-page) .announcement-offer::before {
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:0 0 12px rgba(248,195,65,.7);
}
:where(.little-roar-page) .announcement-copy {
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.92);
  font-size:clamp(.76rem,2.8vw,.91rem);
  font-weight:800;
  letter-spacing:.005em;
  text-align:center;
}
:where(.little-roar-page) .announcement-copy strong { color:#ffd864; font-weight:900; }
:where(.little-roar-page) .announcement-separator {
  position:relative;
  z-index:1;
  width:1px;
  height:18px;
  background:rgba(255,255,255,.18);
}
:where(.little-roar-page) .announcement-trust {
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.68);
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
}
:where(.little-roar-page) .announcement .mark { display:none!important; }

/* Match Glow Green to all colour add controls */
:where(.little-roar-page) .glow-select {
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(126,255,45,.34)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.18),0 0 14px rgba(126,255,45,.14)!important;
  color:#173e39!important;
  font-size:1.2rem!important;
  line-height:1!important;
}
:where(.little-roar-page) .glow-select span { display:block; line-height:1; }
:where(.little-roar-page) .glow-select b { font-size:1.2rem!important; line-height:1!important; font-weight:900!important; }
:where(.little-roar-page) .glow-select.is-selected b { display:none; }
:where(.little-roar-page) .glow-select.is-selected::after {
  content:'✓'!important;
  margin:0!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  color:#173e39!important;
  font-size:1rem!important;
}
@media(max-width:520px){
  :where(.little-roar-page) .announcement { gap:7px; padding:8px 9px; }
  :where(.little-roar-page) .announcement-offer { padding:6px 8px; font-size:.61rem; }
  :where(.little-roar-page) .announcement-separator,:where(.little-roar-page) .announcement-trust { display:none; }
  :where(.little-roar-page) .announcement-copy { font-size:.73rem; }
  :where(.little-roar-page) .glow-select { width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; }
}
@media(prefers-reduced-motion:reduce){
  :where(.little-roar-page) .announcement::before { animation:none; }
}



/* Scrolling premium announcement bar */
:where(.little-roar-page) .announcement {
  position:relative;
  min-height:42px;
  padding:0;
  overflow:hidden;
  background:linear-gradient(90deg,#0f312c 0%,#17483f 48%,#0f312c 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 22px rgba(15,49,44,.14);
}
:where(.little-roar-page) .announcement::before,
:where(.little-roar-page) .announcement::after {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:54px;
  z-index:3;
  pointer-events:none;
}
:where(.little-roar-page) .announcement::before { left:0; background:linear-gradient(90deg,#0f312c,transparent); }
:where(.little-roar-page) .announcement::after { right:0; background:linear-gradient(270deg,#0f312c,transparent); }
:where(.little-roar-page) .announcement-marquee {
  width:100%;
  overflow:hidden;
}
:where(.little-roar-page) .announcement-track {
  width:max-content;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:24px;
  padding:0 28px;
  animation:littleRoarTicker 24s linear infinite;
  will-change:transform;
}
:where(.little-roar-page) .announcement:hover .announcement-track { animation-play-state:paused; }
:where(.little-roar-page) .announcement-item {
  color:rgba(255,255,255,.88);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.015em;
  white-space:nowrap;
}
:where(.little-roar-page) .announcement-item b {
  color:#ffe184;
  font-weight:900;
}
:where(.little-roar-page) .announcement-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  flex:0 0 auto;
  background:#f8c341;
  box-shadow:0 0 12px rgba(248,195,65,.7);
}
@keyframes littleRoarTicker {
  from { transform:translateX(0); }
  to { transform:translateX(-50%); }
}

/* One single + for Glow Green */
:where(.little-roar-page) .glow-select > * { display:none!important; }
:where(.little-roar-page) .glow-select::after {
  content:'+'!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#173e39!important;
  font-size:1.2rem!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:none!important;
  transform:none!important;
}
:where(.little-roar-page) .glow-select.is-selected::after {
  content:'✓'!important;
  font-size:1rem!important;
}
@media(max-width:520px){
  :where(.little-roar-page) .announcement-track { gap:18px; padding-inline:20px; animation-duration:20s; }
  :where(.little-roar-page) .announcement-item { font-size:.72rem; }
}
@media(prefers-reduced-motion:reduce){
  :where(.little-roar-page) .announcement-track { animation:none; transform:none; }
}



/* Conversion flow upgrades */
:where(.little-roar-page) .offer-card.bundle {
  position:relative;
  border:2px solid rgba(248,195,65,.75)!important;
  box-shadow:0 20px 44px rgba(21,50,47,.18), 0 0 0 5px rgba(248,195,65,.10)!important;
}
:where(.little-roar-page) .offer-card.bundle::before {
  content:'BEST VALUE';
  position:absolute;
  top:14px;
  right:14px;
  z-index:8;
  padding:8px 11px;
  border-radius:999px;
  background:#f8c341;
  color:#15322f;
  font-size:.66rem;
  line-height:1;
  letter-spacing:.08em;
  font-weight:950;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}
:where(.little-roar-page) .bundle-saving {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:9px;
}
:where(.little-roar-page) .bundle-saving span {
  display:inline-flex;
  align-items:center;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(248,195,65,.14);
  border:1px solid rgba(248,195,65,.28);
  color:#ffe8a0;
  font-size:.69rem;
  line-height:1;
  font-weight:900;
}
:where(.little-roar-page) .buy-flow-status {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:18px auto 2px;
  color:rgba(23,62,57,.7);
  font-size:.8rem;
  font-weight:850;
}
:where(.little-roar-page) .buy-flow-status span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(21,79,70,.08);
}
:where(.little-roar-page) .buy-flow-status span::before {
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:#cfc8bd;
}
:where(.little-roar-page) .buy-flow-status span.is-done::before { background:#65b887; }
:where(.little-roar-page) .buy-flow-status span.is-active { color:var(--forest-dark); background:#fff; box-shadow:0 8px 18px rgba(46,34,21,.06); }
:where(.little-roar-page) .buy-flow-status span.is-active::before { background:var(--coral); box-shadow:0 0 0 4px rgba(231,116,79,.12); }
:where(.little-roar-page) .palette-board.is-locked,
:where(.little-roar-page) .premium-glow.is-locked { opacity:1; filter:none; pointer-events:auto; }
:where(.little-roar-page) .colour-lock-note { display:none; }
:where(.little-roar-page) .colour-lock-note.is-visible { display:flex; align-items:center; justify-content:center; gap:8px; margin:10px 0 14px; padding:11px 14px; border-radius:16px; background:#fff1ed; border:1px solid rgba(231,116,79,.28); color:#9d3f28; font-weight:900; font-size:.82rem; box-shadow:0 10px 24px rgba(231,116,79,.10); }
:where(.little-roar-page) .colour-lock-note.is-visible::before { content:'!'; width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:var(--coral); color:#fff; font-size:.75rem; }
:where(.little-roar-page) .offer-grid.needs-size { animation:sizePrompt .42s ease; }
:where(.little-roar-page) .offer-grid.needs-size .offer-card { box-shadow:0 0 0 2px rgba(231,116,79,.18), 0 16px 34px rgba(231,116,79,.10); }
@keyframes sizePrompt { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }
:where(.little-roar-page) .colour-lock-note {
  display:none;
  margin:12px 0 0;
  padding:10px 13px;
  border-radius:14px;
  background:#fff4e8;
  border:1px solid rgba(231,116,79,.16);
  color:#7e4936;
  font-size:.78rem;
  font-weight:850;
  text-align:center;
}
:where(.little-roar-page) .colour-lock-note.is-visible { display:block; }
:where(.little-roar-page) .shipping-progress-card {
  margin-top:14px;
  padding:14px 15px;
  border-radius:20px;
  background:linear-gradient(180deg,#f7fbf8 0%,#eef7f1 100%);
  border:1px solid rgba(21,79,70,.1);
}
:where(.little-roar-page) .shipping-progress-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--forest-dark);
  font-size:.82rem;
  font-weight:900;
}
:where(.little-roar-page) .shipping-progress-head strong { font-size:.88rem; }
:where(.little-roar-page) .shipping-progress-track {
  height:9px;
  margin-top:10px;
  border-radius:999px;
  background:rgba(21,79,70,.09);
  overflow:hidden;
}
:where(.little-roar-page) .shipping-progress-fill {
  display:block;
  height:100%;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#e7744f 0%,#f8c341 100%);
  transition:width .3s ease;
}
:where(.little-roar-page) .shipping-progress-card.is-unlocked {
  background:linear-gradient(180deg,#fff8db 0%,#ffefb1 100%);
  border-color:rgba(248,195,65,.55);
  box-shadow:0 10px 24px rgba(248,195,65,.12);
}
:where(.little-roar-page) .cart-upsell {
  display:none;
  margin-top:12px;
  padding:13px 14px;
  border-radius:18px;
  background:#173e39;
  color:#f7fff9;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
:where(.little-roar-page) .cart-upsell.is-visible { display:flex; }
:where(.little-roar-page) .cart-upsell-copy b { display:block; font-size:.84rem; }
:where(.little-roar-page) .cart-upsell-copy span { display:block; margin-top:3px; color:rgba(247,255,249,.72); font-size:.72rem; font-weight:700; }
:where(.little-roar-page) .cart-upsell button {
  flex:0 0 auto;
  min-height:38px;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#f8c341!important;
  color:#15322f!important;
  font-size:.74rem!important;
  font-weight:950!important;
}
:where(.little-roar-page) .sticky-cart {
  display:none;
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:1000;
  align-items:center;
  gap:12px;
  padding:11px 12px 11px 15px;
  border-radius:22px;
  background:rgba(17,47,43,.96);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 55px rgba(0,0,0,.26);
  backdrop-filter:blur(16px);
}
:where(.little-roar-page) .sticky-cart.is-visible { display:flex; }
:where(.little-roar-page) .sticky-cart-copy { min-width:0; flex:1; }
:where(.little-roar-page) .sticky-cart-copy b { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.84rem; }
:where(.little-roar-page) .sticky-cart-copy span { display:block; margin-top:3px; color:rgba(255,255,255,.7); font-size:.71rem; font-weight:750; }
:where(.little-roar-page) .sticky-cart button {
  min-height:45px;
  padding:0 15px;
  border:0;
  border-radius:16px;
  background:#f8c341;
  color:#15322f;
  font-weight:950;
  cursor:pointer;
}
:where(.little-roar-page) .bundle-line-note { display:block; margin-top:3px; color:rgba(23,62,57,.62); font-size:.68rem; font-weight:750; }
@media(max-width:700px){
  .little-roar-page { padding-bottom:92px; }
  :where(.little-roar-page) .sticky-cart.is-visible { display:flex; }
  :where(.little-roar-page) .buy-flow-status { gap:5px; }
  :where(.little-roar-page) .buy-flow-status span { padding:7px 9px; font-size:.7rem; }
  :where(.little-roar-page) .cart-upsell { align-items:flex-start; }
}
@media(min-width:701px){ :where(.little-roar-page) .sticky-cart { display:none!important; } }



/* Fix: clear persistent size selection state */
:where(.little-roar-page) .offer-card.is-selected {
  border-color:var(--coral)!important;
  box-shadow:0 18px 42px rgba(231,116,79,.22), 0 0 0 4px rgba(231,116,79,.12)!important;
  transform:translateY(-3px)!important;
}
:where(.little-roar-page) .offer-card.is-selected::after {
  content:'✓ Selected';
  position:absolute;
  top:14px;
  left:14px;
  z-index:10;
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:999px;
  background:var(--coral);
  color:#fff;
  font-size:.68rem;
  line-height:1;
  letter-spacing:.03em;
  font-weight:950;
  box-shadow:0 8px 18px rgba(90,45,31,.2);
}
:where(.little-roar-page) .offer-card.bundle.is-selected::before { top:14px; right:14px; }
:where(.little-roar-page) .offer-card.bundle.is-selected::after { left:14px; }
:where(.little-roar-page) .card-select { transition:background .2s ease,color .2s ease,transform .2s ease; }
:where(.little-roar-page) .offer-card.is-selected .card-select {
  background:var(--forest)!important;
  color:#fff!important;
}
:where(.little-roar-page) .selected-size-confirmation {
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:12px auto 0;
  color:var(--forest-dark);
  font-size:.82rem;
  font-weight:900;
}
:where(.little-roar-page) .selected-size-confirmation.is-visible { display:flex; }
:where(.little-roar-page) .selected-size-confirmation::before {
  content:'✓';
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#dff2e6;
  color:var(--forest);
}



/* Native size selection fallback for embedded previews */
:where(.little-roar-page) .offer-card { cursor:pointer; }
:where(.little-roar-page) .offer-radio {
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
:where(.little-roar-page) .offer-card:has(.offer-radio:checked) {
  border-color:var(--coral)!important;
  box-shadow:0 18px 42px rgba(231,116,79,.2)!important;
  transform:translateY(-2px);
}
:where(.little-roar-page) .offer-card:has(.offer-radio:checked)::after {
  content:'✓ Selected';
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:8;
  padding:8px 11px;
  border-radius:999px;
  background:var(--forest);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  box-shadow:0 8px 18px rgba(21,79,70,.2);
}
:where(.little-roar-page) .offer-card:has(.offer-radio:checked) .card-select,
:where(.little-roar-page) .offer-card:has(.offer-radio:checked) .bundle-cta {
  background:var(--forest)!important;
  color:#fff!important;
}


:where(.little-roar-page) .offer-card, :where(.little-roar-page) .offer-card * { pointer-events:auto; }
:where(.little-roar-page) .palette-board .color-option { z-index:6!important; pointer-events:auto!important; touch-action:manipulation; }
:where(.little-roar-page) .glow-select { z-index:6!important; pointer-events:auto!important; touch-action:manipulation; }
:where(.little-roar-page) #colourLockNote.is-error { display:block!important; visibility:visible!important; opacity:1!important; }
:where(.little-roar-page) .size-error-pulse { animation:sizeErrorPulse .45s ease 2; }
@keyframes sizeErrorPulse { 50% { transform:translateY(-2px); filter:saturate(1.15); } }


@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap');
body:has(.little-roar-page) #header-group,
body:has(.little-roar-page) .page-wrapper > footer { display: none !important; }
body:has(.little-roar-page) .content-for-layout {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  background: #fff8ee;
}
body:has(.little-roar-page) .content-for-layout > .shopify-section {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.little-roar-page {
  width: min(100%, 760px);
  margin: 0 auto;
  padding-bottom: 0 !important;
  color: #173e39;
  background: #fff8ee;
  font-family: "Nunito", ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.little-roar-page img { max-width: 100%; }
.little-roar-page .page-shell,
.little-roar-page .storefront { min-height: 0 !important; }
.little-roar-page .lr-section-shell { width: 100%; position: relative; }
.little-roar-page .little-roar-product-form { display: block; }
.little-roar-page .lr-product-title { margin: 0 0 8px; text-align: center; font-size: clamp(1rem, 3vw, 1.2rem); }
.little-roar-page .lr-product-price { display: flex; gap: 8px; align-items: baseline; justify-content: center; }
.little-roar-page .lr-product-price del { opacity: .55; }
.little-roar-page .lr-sold-out { display: inline-flex; padding: 5px 10px; border-radius: 999px; background: #eee2d5; }
.little-roar-page .lr-video-media,
.little-roar-page .lr-video-media video,
.little-roar-page .lr-video-media iframe { width: 100%; height: 100%; object-fit: cover; border: 0; }
.little-roar-page .lr-video-media { position: absolute; inset: 0; }
.little-roar-page .lr-video-media + .video-top-label,
.little-roar-page .lr-video-media ~ .video-caption { z-index: 2; }
.little-roar-page .shop-section { padding: 48px 18px 56px !important; }
.little-roar-page .video-section,
.little-roar-page .review-section,
.little-roar-page .faq-section { padding-top: 48px !important; padding-bottom: 56px !important; }
.little-roar-page .lr-picker-card {
  width: min(100%, 680px);
  margin: 0 auto;
  padding: 20px;
  border: 1px solid rgba(21,79,70,.13);
  border-radius: 30px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 45px rgba(46,34,21,.08);
}
.little-roar-page .lr-option-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.little-roar-page .lr-option-group + .lr-option-group {
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid rgba(21,79,70,.12);
}
.little-roar-page .lr-option-legend {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
  padding: 0;
  color: var(--forest);
  font-size: 1rem;
  font-weight: 950;
}
.little-roar-page .lr-option-step {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  background: var(--forest);
  color: #fff;
  font-size: .78rem;
}
.little-roar-page .lr-option-help {
  margin: 0 0 14px;
  color: rgba(23,62,57,.67);
  font-size: .82rem;
  font-weight: 750;
}
.little-roar-page .lr-size-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.little-roar-page .lr-size-choice,
.little-roar-page .lr-colour-choice {
  appearance: none;
  border: 2px solid rgba(21,79,70,.14);
  background: #fff;
  color: var(--forest);
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.little-roar-page .lr-size-choice {
  position: relative;
  min-height: 112px;
  padding: 17px 16px;
  border-radius: 22px;
  text-align: left;
}
.little-roar-page .lr-size-choice:hover,
.little-roar-page .lr-colour-choice:hover { transform: translateY(-2px); }
.little-roar-page .lr-size-choice[aria-pressed="true"],
.little-roar-page .lr-colour-choice[aria-pressed="true"] {
  border-color: var(--forest);
  background: #f0f8f3;
  box-shadow: 0 0 0 3px rgba(248,195,65,.72);
}
.little-roar-page .lr-choice-title {
  display: block;
  padding-right: 28px;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.1;
}
.little-roar-page .lr-choice-detail {
  display: block;
  margin-top: 7px;
  color: rgba(23,62,57,.68);
  font-size: .76rem;
  font-weight: 750;
  line-height: 1.25;
}
.little-roar-page .lr-choice-check {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 2px solid rgba(21,79,70,.22);
  border-radius: 50%;
  color: transparent;
  font-size: .7rem;
}
.little-roar-page .lr-size-choice[aria-pressed="true"] .lr-choice-check {
  border-color: var(--forest);
  background: var(--forest);
  color: #fff;
}
.little-roar-page .lr-colour-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
}
.little-roar-page .lr-colour-choice {
  min-width: 0;
  min-height: 100px;
  padding: 12px 7px 10px;
  border-radius: 20px;
  text-align: center;
}
.little-roar-page .lr-colour-choice[hidden] { display: none !important; }
.little-roar-page .lr-colour-choice:disabled { opacity: .42; cursor: not-allowed; transform: none; }
.little-roar-page .lr-colour-swatch {
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 auto 9px;
  border: 2px solid rgba(21,79,70,.16);
  border-radius: 50%;
  background: var(--lr-colour, #ddd);
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.7);
}
.little-roar-page .lr-colour-name {
  display: block;
  overflow-wrap: anywhere;
  font-size: .7rem;
  font-weight: 900;
  line-height: 1.12;
}
.little-roar-page .lr-product-summary {
  margin-top: 24px;
  padding: 18px;
  border-radius: 22px;
  background: var(--forest);
  color: #fff;
}
.little-roar-page .lr-summary-label {
  display: block;
  color: rgba(255,255,255,.7);
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.little-roar-page .lr-summary-selection {
  display: block;
  margin-top: 5px;
  font-size: .98rem;
  font-weight: 950;
}
.little-roar-page .lr-summary-footer {
  display: grid;
  grid-template-columns: auto minmax(150px,1fr);
  align-items: center;
  gap: 14px;
  margin-top: 16px;
}
.little-roar-page .lr-summary-price {
  display: block;
  color: var(--yellow);
  font-size: 1.45rem;
  font-weight: 950;
  white-space: nowrap;
}
.little-roar-page .lr-add-button {
  min-height: 52px;
  border: 0;
  border-radius: 17px;
  background: var(--yellow);
  color: var(--forest);
  cursor: pointer;
  font-size: .95rem;
  font-weight: 950;
}
.little-roar-page .lr-add-button:disabled { opacity: .5; cursor: not-allowed; }
.little-roar-page .lr-stock-note {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 12px 0 0;
  color: rgba(255,255,255,.76);
  font-size: .72rem;
  font-weight: 750;
}
.little-roar-page .lr-stock-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7fe38e;
  box-shadow: 0 0 0 4px rgba(127,227,142,.15);
}
.little-roar-page .lr-picker-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  color: var(--forest);
  font-size: 1rem;
  font-weight: 950;
}
.little-roar-page .lr-picker-step {
  display: inline-grid;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: var(--forest);
  color: #fff;
  font-size: .78rem;
}
.little-roar-page .lr-offer-grid { display: grid; gap: 12px; }
.little-roar-page .lr-offer-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,46%) minmax(0,54%);
  min-height: 220px;
  overflow: hidden;
  appearance: none;
  padding: 0;
  border: 2px solid rgba(21,79,70,.14);
  border-radius: 24px;
  background: #fff;
  color: var(--forest);
  cursor: pointer;
  text-align: left;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.little-roar-page .lr-offer-card:hover { transform: translateY(-2px); }
.little-roar-page .lr-offer-card[aria-pressed="true"] {
  border-color: var(--coral);
  box-shadow: 0 0 0 3px rgba(248,195,65,.72), 0 15px 32px rgba(231,116,79,.14);
}
.little-roar-page .lr-offer-copy {
  position: relative;
  z-index: 2;
  align-self: center;
  padding: 20px 8px 20px 20px;
}
.little-roar-page .lr-offer-tag {
  display: inline-flex;
  margin-bottom: 9px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(129,152,120,.15);
  font-size: .65rem;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.little-roar-page .lr-offer-name {
  display: block;
  margin: 0;
  font-size: clamp(1.45rem,7vw,2rem);
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: .94;
}
.little-roar-page .lr-offer-detail {
  display: block;
  margin-top: 9px;
  color: rgba(23,62,57,.68);
  font-size: .75rem;
  font-weight: 780;
}
.little-roar-page .lr-offer-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;
  margin-top: 10px;
}
.little-roar-page .lr-offer-price strong { font-size: 1.65rem; font-weight: 950; line-height: 1; }
.little-roar-page .lr-offer-price del { color: rgba(23,62,57,.43); font-size: .78rem; font-weight: 850; }
.little-roar-page .lr-save-pill {
  display: inline-flex;
  margin-top: 8px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--coral);
  color: #fff;
  font-size: .68rem;
  font-weight: 950;
}
.little-roar-page .lr-offer-image {
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
  object-position: center;
  background: #f4ece4;
}
.little-roar-page .lr-offer-card[data-size="Mini Roar"] .lr-offer-image { object-position: 57% center; }
.little-roar-page .lr-offer-card[data-size="Big Roar"] .lr-offer-image { object-position: 58% center; }
.little-roar-page .lr-offer-card[data-size="Roar Together"] .lr-offer-image { object-position: 62% center; }
.little-roar-page .lr-offer-select {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 12px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: var(--forest);
  font-size: .68rem;
  font-weight: 950;
  box-shadow: 0 7px 16px rgba(21,79,70,.12);
}
.little-roar-page .lr-offer-card[aria-pressed="true"] .lr-offer-select { background: var(--forest); color: #fff; }
.little-roar-page .lr-colour-panel {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(21,79,70,.12);
}
.little-roar-page .lr-colour-intro {
  margin: -5px 0 12px;
  color: rgba(23,62,57,.66);
  font-size: .78rem;
  font-weight: 750;
}
.little-roar-page .lr-bundle-targets { display: flex; gap: 8px; margin-bottom: 12px; }
.little-roar-page .lr-bundle-targets[hidden] { display: none !important; }
.little-roar-page .lr-bundle-target {
  flex: 1 1 0;
  min-height: 42px;
  border: 1px solid rgba(21,79,70,.16);
  border-radius: 14px;
  background: #fff;
  color: var(--forest);
  cursor: pointer;
  font-size: .75rem;
  font-weight: 900;
}
.little-roar-page .lr-bundle-target[aria-pressed="true"] { border-color: var(--forest); background: var(--forest); color: #fff; }
.little-roar-page .lr-palette-board {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(21,79,70,.10);
  border-radius: 22px;
  background: #f6efe5;
  box-shadow: 0 14px 30px rgba(46,34,21,.08);
  line-height: 0;
}
.little-roar-page .lr-palette-image { display: block; width: 100%; height: auto; }
.little-roar-page .lr-colour-hotspot {
  position: absolute;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: transparent;
  cursor: pointer;
  outline: none;
}
.little-roar-page .lr-colour-hotspot::after {
  content: '+';
  position: absolute;
  top: 7px;
  right: 7px;
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 1px solid rgba(21,79,70,.12);
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  color: var(--forest);
  font-size: .9rem;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 6px 13px rgba(21,79,70,.12);
}
.little-roar-page .lr-colour-hotspot:hover { box-shadow: inset 0 0 0 2px rgba(255,255,255,.7), 0 0 0 2px rgba(21,79,70,.14); }
.little-roar-page .lr-colour-hotspot.is-selected { box-shadow: inset 0 0 0 3px rgba(21,79,70,.88), 0 0 0 3px rgba(255,255,255,.86); }
.little-roar-page .lr-colour-hotspot.is-selected::after { content: '✓'; background: var(--forest); color: #fff; }
.little-roar-page .lr-colour-hotspot.is-secondary::after { content: '2'; background: var(--coral); color: #fff; }
.little-roar-page .lr-hit-green  { left: 1.5%;  top: 6.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-blue   { left: 21%;   top: 6.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-pink   { left: 40.2%; top: 6.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-brown  { left: 59.5%; top: 6.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-purple { left: 79%;   top: 6.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-red    { left: 1.5%;  top: 55.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-gray   { left: 21%;   top: 55.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-black  { left: 40.2%; top: 55.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-orange { left: 59.5%; top: 55.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-hit-ivory  { left: 79%;   top: 55.5%; width: 15.5%; height: 37%; }
.little-roar-page .lr-selected-colours { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.little-roar-page .lr-colour-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #eef7f1;
  color: var(--forest);
  font-size: .72rem;
  font-weight: 900;
}
.little-roar-page .lr-colour-chip i {
  width: 11px;
  height: 11px;
  border: 1px solid rgba(21,79,70,.15);
  border-radius: 50%;
  background: var(--chip-colour);
}
.little-roar-page .lr-shipping-progress {
  margin-top: 18px;
  position: relative;
  padding: 0 14px 14px;
  display: grid;
  gap: 11px;
  border: 2px solid rgba(231,116,79,.35);
  border-radius: 24px;
  background:
    radial-gradient(circle at 13% 45%, rgba(126,255,45,.13), transparent 28%),
    radial-gradient(circle at 95% 8%, rgba(255,202,40,.20), transparent 30%),
    linear-gradient(145deg,#fffdfa 0%,#fff8ec 54%,#f5ffe9 100%);
  box-shadow: 0 14px 30px rgba(46,34,21,.10), inset 0 1px 0 rgba(255,255,255,.95);
  overflow: hidden;
  transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.little-roar-page .lr-shipping-progress::after {
  content: "";
  position: absolute;
  top: -70%;
  left: -28%;
  width: 42%;
  height: 240%;
  pointer-events: none;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.54),transparent);
  transform: rotate(19deg);
  opacity: .55;
}
.little-roar-page .lr-gift-offer-head {
  position: relative;
  z-index: 2;
  margin: 0 -14px;
  min-height: 34px;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: linear-gradient(94deg,var(--coral),#f28c54);
  color: #fff;
  box-shadow: 0 5px 14px rgba(231,116,79,.20);
}
.little-roar-page .lr-gift-offer-body {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  align-items: center;
  gap: 12px;
}
.little-roar-page .lr-gift-visual {
  position: relative;
  width: 82px;
  height: 82px;
  border: 2px solid rgba(126,255,45,.74);
  border-radius: 20px;
  background: #07110d;
  transform: rotate(-2deg);
  box-shadow: 0 0 0 5px rgba(126,255,45,.10), 0 10px 22px rgba(15,61,55,.20);
}
.little-roar-page .lr-gift-visual img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 18px;
  object-fit: cover;
}
.little-roar-page .lr-gift-visual span {
  position: absolute;
  right: -11px;
  bottom: -8px;
  padding: 6px 8px;
  border: 2px solid #fffdf8;
  border-radius: 999px;
  background: #ffca28;
  color: #173e39;
  box-shadow: 0 5px 12px rgba(105,75,0,.24);
  font-size: .54rem;
  font-weight: 950;
  letter-spacing: .045em;
  white-space: nowrap;
}
.little-roar-page .lr-gift-copy {
  min-width: 0;
  display: grid;
  gap: 7px;
}
.little-roar-page .lr-gift-kicker {
  color: #fff;
  font-size: clamp(.66rem,2.2vw,.74rem);
  font-weight: 950;
  letter-spacing: .07em;
  line-height: 1;
}
.little-roar-page .lr-gift-title {
  display: block;
  color: var(--forest);
  font-size: clamp(.86rem,2.6vw,1.02rem);
  font-weight: 950;
  letter-spacing: .035em;
  line-height: 1;
}
.little-roar-page .lr-reward-list {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.little-roar-page .lr-reward-pill {
  min-width: 0;
  padding: 7px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1.5px solid rgba(21,79,70,.16);
  border-radius: 10px;
  background: #fff;
  color: var(--forest);
  box-shadow: 0 5px 12px rgba(21,79,70,.08);
  font-size: clamp(.56rem,1.9vw,.67rem);
  font-weight: 950;
  line-height: 1;
  letter-spacing: .01em;
  white-space: nowrap;
}
.little-roar-page .lr-reward-pill--gift {
  border-color: rgba(231,116,79,.32);
  color: #bd4d2d;
}
.little-roar-page .lr-reward-pill--shipping {
  border-color: rgba(21,79,70,.26);
  background: var(--forest);
  color: #fff;
}
.little-roar-page .lr-reward-pill svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.little-roar-page .lr-reward-plus {
  color: var(--coral);
  font-size: .9rem;
  font-weight: 950;
}
.little-roar-page .lr-gift-progress-copy {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.little-roar-page .lr-gift-progress-copy strong {
  color: var(--forest);
  font-size: clamp(.67rem,2.25vw,.78rem);
  font-weight: 950;
  line-height: 1.1;
  letter-spacing: .015em;
}
.little-roar-page .lr-gift-progress-copy span {
  color: rgba(23,62,57,.62);
  font-size: clamp(.56rem,1.8vw,.64rem);
  font-weight: 800;
  line-height: 1.1;
  text-align: right;
}
.little-roar-page .lr-shipping-count {
  min-width: 46px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #fff;
  color: var(--coral);
  text-align: center;
  white-space: nowrap;
  font-size: .68rem;
  font-weight: 950;
  box-shadow: 0 4px 10px rgba(117,45,24,.16);
}
.little-roar-page .lr-shipping-track {
  position: relative;
  z-index: 1;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(21,79,70,.12);
  box-shadow: inset 0 1px 2px rgba(21,79,70,.12);
}
.little-roar-page .lr-shipping-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#69c83d,#b5ec35,var(--yellow));
  box-shadow: 0 0 10px rgba(126,255,45,.46);
  transition: width .22s ease;
}
.little-roar-page .lr-shipping-track i {
  position: absolute;
  top: 50%;
  left: calc((var(--step) * 33.333%) - 5px);
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgba(21,79,70,.28);
  box-shadow: 0 1px 4px rgba(21,79,70,.18);
  transform: translateY(-50%);
}
.little-roar-page .lr-shipping-progress.is-unlocked {
  border-color: rgba(126,255,45,.70);
  background:
    radial-gradient(circle at 9% 42%, rgba(126,255,45,.25), transparent 28%),
    linear-gradient(135deg,#edffd9 0%,#fbffe9 56%,#fff3be 100%);
  box-shadow: 0 12px 28px rgba(82,154,46,.17), inset 0 1px 0 rgba(255,255,255,.92);
}
.little-roar-page .lr-shipping-progress.is-unlocked .lr-shipping-count {
  background: #69c83d;
  color: #fff;
}
.little-roar-page .lr-shipping-progress.is-unlocked .lr-gift-visual {
  box-shadow: 0 0 0 5px rgba(126,255,45,.18), 0 0 24px rgba(126,255,45,.44);
}
.little-roar-page .lr-shipping-progress.is-unlocked .lr-gift-offer-head {
  background: linear-gradient(94deg,#4fae35,#75ca39);
}
@media (max-width: 430px) {
  .little-roar-page .lr-shipping-progress {
    padding: 0 10px 11px;
    gap: 9px;
    border-radius: 20px;
  }
  .little-roar-page .lr-gift-offer-head {
    margin: 0 -10px;
    padding: 7px 10px;
  }
  .little-roar-page .lr-gift-offer-body {
    grid-template-columns: 70px minmax(0,1fr);
    gap: 10px;
  }
  .little-roar-page .lr-gift-visual {
    width: 70px;
    height: 70px;
    border-radius: 17px;
  }
  .little-roar-page .lr-gift-visual img {
    border-radius: 15px;
  }
  .little-roar-page .lr-gift-visual span {
    right: -8px;
    bottom: -6px;
    padding: 5px 6px;
    font-size: .47rem;
  }
  .little-roar-page .lr-reward-list {
    gap: 3px;
  }
  .little-roar-page .lr-reward-pill {
    padding: 6px 5px;
    gap: 3px;
    border-radius: 8px;
  }
  .little-roar-page .lr-reward-pill svg {
    width: 12px;
    height: 12px;
  }
  .little-roar-page .lr-shipping-count {
    min-width: 40px;
    padding: 5px 7px;
    font-size: .62rem;
  }
  .little-roar-page .lr-gift-progress-copy span {
    display: none;
  }
}
.little-roar-page .lr-cart-panel {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(21,79,70,.13);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(46,34,21,.06);
}
.little-roar-page .lr-cart-panel-head,
.little-roar-page .lr-cart-panel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.little-roar-page .lr-cart-panel-head h3 {
  margin: 0;
  color: var(--forest);
  font-size: 1rem;
  font-weight: 950;
}
.little-roar-page .lr-cart-panel-count {
  padding: 6px 9px;
  border-radius: 999px;
  background: #eef7f1;
  color: var(--forest);
  font-size: .7rem;
  font-weight: 900;
}
.little-roar-page .lr-cart-items {
  display: grid;
  gap: 9px;
  max-height: 360px;
  margin-top: 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.little-roar-page .lr-cart-line {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(21,79,70,.09);
  border-radius: 16px;
  background:
    linear-gradient(
      112deg,
      color-mix(in srgb, var(--lr-cart-tone, #eef3ee) 17%, #fff) 0 50%,
      color-mix(in srgb, var(--lr-cart-tone-two, var(--lr-cart-tone, #eef3ee)) 17%, #fff) 50% 100%
    );
}
.little-roar-page .lr-cart-line-image,
.little-roar-page .lr-cart-line-placeholder {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 13px;
  background: #f0e8dd;
  object-fit: cover;
  overflow: hidden;
}
.little-roar-page .lr-cart-line-placeholder { font-size: 1.35rem; }
.little-roar-page .lr-cart-line-copy { min-width: 0; }
.little-roar-page .lr-cart-line-copy strong,
.little-roar-page .lr-cart-line-copy span { display: block; }
.little-roar-page .lr-cart-line-copy strong {
  overflow: hidden;
  color: var(--forest);
  font-size: .78rem;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.little-roar-page .lr-cart-line-copy span {
  margin-top: 3px;
  color: rgba(23,62,57,.65);
  font-size: .66rem;
  font-weight: 750;
  line-height: 1.25;
}
.little-roar-page .lr-cart-line-total {
  text-align: right;
  white-space: nowrap;
}
.little-roar-page .lr-cart-line-total strong,
.little-roar-page .lr-cart-line-total span { display: block; }
.little-roar-page .lr-cart-line-total strong { color: var(--forest); font-size: .78rem; font-weight: 950; }
.little-roar-page .lr-cart-line-total span { margin-top: 3px; color: rgba(23,62,57,.58); font-size: .65rem; font-weight: 800; }
.little-roar-page .lr-cart-empty {
  margin: 0;
  padding: 18px 10px;
  border: 1px dashed rgba(21,79,70,.18);
  border-radius: 16px;
  color: rgba(23,62,57,.62);
  font-size: .76rem;
  font-weight: 800;
  text-align: center;
}
.little-roar-page .lr-cart-panel-footer {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(21,79,70,.10);
  color: var(--forest);
  font-size: .78rem;
  font-weight: 850;
}
.little-roar-page .lr-cart-panel-footer strong { font-size: 1rem; font-weight: 950; }
.little-roar-page .lr-cart-panel-footer[hidden] { display: none !important; }
.little-roar-page .lr-cart-actions {
  display: grid;
  gap: 9px;
  margin-top: 15px;
}
.little-roar-page .lr-cart-actions[hidden] { display: none !important; }
.little-roar-page .lr-checkout-button {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 28px;
  min-height: 64px;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 20px;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.14), transparent 38%),
    linear-gradient(135deg, #123f39 0%, #185a50 55%, #0f3934 100%);
  color: #fffdf5;
  text-decoration: none;
  box-shadow:
    0 14px 28px rgba(15,57,52,.22),
    inset 0 1px 0 rgba(255,255,255,.16);
  isolation: isolate;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.little-roar-page .lr-checkout-button::after {
  position: absolute;
  inset: auto -24px -46px auto;
  z-index: -1;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(248,195,65,.15);
  content: "";
}
.little-roar-page .lr-checkout-icon,
.little-roar-page .lr-checkout-arrow {
  display: grid;
  place-items: center;
  border-radius: 13px;
}
.little-roar-page .lr-checkout-icon {
  width: 38px;
  height: 38px;
  background: rgba(255,255,255,.13);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
.little-roar-page .lr-checkout-icon svg {
  width: 18px;
  height: 18px;
}
.little-roar-page .lr-checkout-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  text-align: left;
}
.little-roar-page .lr-checkout-copy strong {
  font-size: .94rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.little-roar-page .lr-checkout-copy small {
  color: rgba(255,255,255,.68);
  font-size: .61rem;
  font-weight: 750;
  line-height: 1.25;
}
.little-roar-page .lr-checkout-arrow {
  width: 28px;
  height: 28px;
  background: var(--yellow);
  color: var(--forest);
  font-size: 1rem;
  font-weight: 950;
  transition: transform .18s ease;
}
.little-roar-page .lr-checkout-button:hover {
  transform: translateY(-2px);
  filter: saturate(1.05);
  box-shadow:
    0 18px 34px rgba(15,57,52,.28),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.little-roar-page .lr-checkout-button:hover .lr-checkout-arrow {
  transform: translateX(2px);
}
.little-roar-page .lr-checkout-button:focus-visible {
  outline: 3px solid rgba(248,195,65,.48);
  outline-offset: 3px;
}
.little-roar-page .lr-payment-trust {
  padding: 11px 12px 12px;
  border: 1px solid rgba(21,79,70,.10);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(251,247,237,.92));
  box-shadow:
    0 8px 18px rgba(21,79,70,.06),
    inset 0 1px 0 #fff;
  text-align: center;
}
.little-roar-page .lr-payment-trust-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: rgba(23,62,57,.76);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
}
.little-roar-page .lr-payment-trust-label svg {
  width: 14px;
  height: 14px;
  color: #2f796c;
}
.little-roar-page .lr-payment-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 9px;
}
.little-roar-page .lr-payment-icons svg {
  width: 40px;
  height: 25px;
  border-radius: 5px;
  filter: drop-shadow(0 2px 3px rgba(23,62,57,.07));
}
.little-roar-page .lr-site-footer {
  position: relative;
  overflow: hidden;
  padding: clamp(34px,7vw,64px) clamp(18px,5vw,48px) 24px;
  border-radius: 34px 34px 0 0;
  background:
    radial-gradient(circle at 90% 0%, rgba(248,195,65,.14), transparent 32%),
    linear-gradient(145deg, #103c36, #0c2f2b);
  color: #fff8ee;
}
.little-roar-page .lr-site-footer::before {
  position: absolute;
  top: -78px;
  right: -54px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  content: "";
}
.little-roar-page .lr-footer-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(220px,.9fr);
  gap: clamp(28px,6vw,72px);
  align-items: end;
}
.little-roar-page .lr-footer-brand {
  display: grid;
  gap: 10px;
  max-width: 520px;
}
.little-roar-page .lr-footer-logo {
  color: #fff8ee;
  font-size: clamp(2rem,5vw,3.4rem);
  font-weight: 950;
  letter-spacing: -.055em;
  line-height: .9;
}
.little-roar-page .lr-footer-logo span { color: var(--yellow); }
.little-roar-page .lr-footer-tagline {
  margin: 0;
  color: rgba(255,248,238,.72);
  font-size: clamp(.82rem,1.7vw,1rem);
  font-weight: 700;
  line-height: 1.55;
}
.little-roar-page .lr-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 16px;
}
.little-roar-page .lr-footer-links a {
  color: #fff8ee;
  font-size: .76rem;
  font-weight: 850;
  text-decoration-color: rgba(248,195,65,.55);
  text-underline-offset: 4px;
}
.little-roar-page .lr-footer-bottom {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 30px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,248,238,.58);
  font-size: .68rem;
  font-weight: 750;
}
.little-roar-page .lr-footer-bottom a {
  color: inherit;
  text-decoration: none;
}
.little-roar-page .lr-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (min-width: 761px) {
  body:has(.little-roar-page) .content-for-layout > .shopify-section:first-child .little-roar-page {
    margin-top: 28px;
  }
  body:has(.little-roar-page) .content-for-layout > .shopify-section:last-child .little-roar-page {
    margin-bottom: 28px;
  }
  .little-roar-page .storefront {
    margin: 0;
    border-radius: 0 0 42px 42px;
    border-top: 0;
  }
  .little-roar-page .announcement {
    border-radius: 42px 42px 0 0;
  }
}
@media (max-width: 520px) {
  .little-roar-page .lr-picker-card { padding: 16px; border-radius: 25px; }
  .little-roar-page .lr-offer-card { min-height: 205px; grid-template-columns: minmax(0,43%) minmax(0,57%); }
  .little-roar-page .lr-offer-copy { padding: 18px 4px 18px 14px; }
  .little-roar-page .lr-offer-image { min-height: 205px; }
  .little-roar-page .lr-colour-hotspot { border-radius: 12px; }
  .little-roar-page .lr-colour-hotspot::after { top: 4px; right: 4px; width: 21px; height: 21px; font-size: .75rem; }
  .little-roar-page .lr-cart-panel { padding: 12px; }
  .little-roar-page .lr-cart-line { grid-template-columns: 50px minmax(0,1fr) auto; gap: 8px; padding: 8px; }
  .little-roar-page .lr-cart-line-image,
  .little-roar-page .lr-cart-line-placeholder { width: 50px; height: 50px; }
  .little-roar-page .lr-summary-footer { grid-template-columns: 1fr; }
  .little-roar-page .lr-summary-price { font-size: 1.7rem; }
  .little-roar-page .lr-footer-main { grid-template-columns: 1fr; }
  .little-roar-page .lr-footer-links { justify-content: flex-start; }
  .little-roar-page .lr-footer-bottom { flex-direction: column; }
}
@media (max-width: 700px) {
  .little-roar-page[data-roar-buy-section] { padding-bottom: 92px !important; }
  .little-roar-page .shop-section,
  .little-roar-page .video-section,
  .little-roar-page .review-section,
  .little-roar-page .faq-section { padding: 42px 12px 48px !important; }
}