/* Product strips (childrensrewardchart.com): amazon.com-style rows shared by every page that shows Amazon cards.
   Desktop: one row, 5 full cards + the 6th peeking, white arrow toggles. Tablet: 3.3 cards. Phones: one swipe row, 3 full + the
   4th clearly peeking, no arrows. .band.grass = colored band behind a strip. Loaded by index.html + thanks/download/. */
.pstrips .strip{position:relative}
.pstrips .picks{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:24px 0 6px}
.pstrips .picks::-webkit-scrollbar{display:none}
.pstrips .pick{flex:0 0 calc((100% - 64px)/5.35);scroll-snap-align:start;background:var(--paper);border-radius:14px;padding:12px;box-shadow:0 1px 0 var(--line);display:flex;flex-direction:column;position:relative}
.pstrips .pick.hot{outline:3px solid var(--sun);outline-offset:-3px}
.pstrips .flag{position:absolute;top:-12px;left:16px;background:var(--sun);color:var(--ink);font:800 12px var(--fb);padding:4px 10px;border-radius:8px}
.pstrips .flag .fs{display:none}
.pstrips .pick img.ph{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;padding:0}
.pstrips .pick h3{font-size:15px;margin:10px 0 4px;font-family:var(--fb);font-weight:800;line-height:1.25}
.pstrips .pick p{font-size:13px;color:var(--muted);font-weight:700;margin:0 0 12px;flex:1}
.pstrips .pick a{display:block;text-align:center;text-decoration:none;font-weight:800;font-size:13px;padding:10px 6px;border-radius:10px;background:var(--sun);color:var(--ink);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.pstrips .arr{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:96px;border:0;background:var(--paper);box-shadow:0 2px 10px rgba(23,35,59,.28);cursor:pointer;display:grid;place-items:center;padding:0;z-index:2}
.pstrips .arr.next{right:0;border-radius:10px 0 0 10px}.pstrips .arr.prev{left:0;border-radius:0 10px 10px 0}
.pstrips .arr svg{width:22px;height:22px;stroke:var(--ink);stroke-width:2.5;fill:none}
.pstrips .arr[hidden]{display:none}
.pstrips .band{margin-top:34px;padding:18px 20px 12px;border-radius:16px}
.pstrips .band.grass{background:var(--grass)}
.pstrips .band.sky{background:var(--sky)}
.pstrips .band.red{background:var(--red)}.pstrips .band.plum{background:var(--plum)}
.pstrips .band.sun{background:var(--sun)}.pstrips .band.sun h2,.pstrips .band.sun p.lead{color:var(--ink)}
.pstrips .band h2,.pstrips .band p.lead{color:#fff}
.pstrips .band p.lead{opacity:.92;margin-bottom:14px;max-width:none;font-size:16px}
.pstrips .band h2{margin-top:0;font-size:clamp(24px,3vw,32px)}
.pstrips .band .picks{padding-top:24px}
@media (max-width:980px){.pstrips .pick{flex-basis:calc((100% - 32px)/3.3)}}
@media (max-width:620px){
  .pstrips .picks{gap:8px;margin:0 -18px;padding:20px 18px 6px;scroll-padding:0 18px}
  .pstrips .pick{flex-basis:calc((100% - 24px)/3.6);min-width:96px;padding:8px}
  .pstrips .pick h3{font-size:13px;margin:8px 0 6px;line-height:1.2}.pstrips .pick p{display:none}
  .pstrips .pick a{font-size:12px;padding:8px 4px;line-height:1.2;margin-top:auto}
  .pstrips .flag{top:-10px;left:8px;font-size:11px;padding:3px 8px}.pstrips .flag .fl{display:none}.pstrips .flag .fs{display:inline}
  .pstrips .arr{display:none}
  .pstrips .band{margin:26px -18px 0;padding:16px 18px 8px;border-radius:0}
}