/* Sales page (collection.html) additions on top of the site's styles.css (copied, unchanged). */
.wrap{max-width:480px}
.preview-bar{width:100%;background:#3b2f2a;color:#fffaf4;text-align:center;font-size:12px;padding:6px 10px;letter-spacing:.3px}
.hero{text-align:center}
.mock{position:relative;width:72%;max-width:300px;margin:6px auto 22px}
.mock img{display:block;width:100%;height:auto;border-radius:6px 12px 12px 6px;
  box-shadow:-6px 0 0 #e7d3bf, 0 18px 40px rgba(110,70,40,.28), 0 4px 10px rgba(110,70,40,.15)}
.kick{font-family:Georgia,serif;color:var(--accent-d);letter-spacing:2px;text-transform:uppercase;font-size:12px;margin:0 0 6px}
.hero h2{font-size:28px;line-height:1.15;margin:0 0 8px}
.hero .lead{margin:0 0 14px}
.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.facts li{background:#fff;border:1px solid var(--line);border-radius:20px;padding:3px 12px;font-size:13px;color:var(--muted)}
.price{font-family:Georgia,serif;font-size:40px;font-weight:600;line-height:1;margin:6px 0 0;color:var(--ink)}
.price small{display:block;font-family:inherit;font-size:13px;color:var(--muted);font-weight:400;margin-top:6px}
.section{margin-top:18px}
.inside h3{font-family:Georgia,serif;font-size:18px;margin:18px 0 4px;color:var(--accent-d)}
.inside h3:first-of-type{margin-top:10px}
.inside h4{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:12px 0 4px;font-weight:600}
.inside ul{list-style:none;margin:0;padding:0}
.inside li{padding:7px 0 7px 26px;border-bottom:1px solid var(--line);position:relative;font-size:15px}
.inside li:before{content:"🌿";position:absolute;left:0;top:7px;font-size:14px}
.inside li.extra:before{content:"✓";color:var(--accent-d);font-weight:700;left:3px}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq details:last-child{border-bottom:0}
.faq summary{font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:26px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:4px;top:-2px;font-size:20px;color:var(--accent-d)}
.faq details[open] summary:after{content:"–"}
.faq p{margin:8px 0 0;color:var(--muted);font-size:15px}
.cta2{text-align:center}
.cta2 .price{font-size:30px}
/* v2: collapsible section lists */
.secs details{border-bottom:1px solid var(--line)}
.secs summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 26px 11px 0;cursor:pointer;position:relative;
  font-family:Georgia,serif;font-size:17px;color:var(--accent-d)}
.secs summary::-webkit-details-marker{display:none}
.secs summary b{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:20px;padding:1px 9px;font-weight:600}
.secs summary:after{content:"+";position:absolute;right:4px;top:8px;font-size:20px;color:var(--accent-d)}
.secs details[open] summary:after{content:"–"}
.secs details ul{padding-bottom:8px}
.inside li.reel:after{content:" ★";color:var(--accent)}