:root{--ink:#2b2433;--muted:#6b6070;--paper:#fffaf3;--cream:#f6eddf;--rose:#9b3c63;--rose-d:#7d2c4e;--gold:#c99a3b;--line:#e8dccb;--card:#fff;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif;color:var(--ink);background:var(--paper);line-height:1.55;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:var(--rose)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}.narrow{max-width:760px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.top{position:sticky;top:0;z-index:5;background:rgba(255,250,243,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.brand{text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.logo{font-size:1.25rem;font-weight:700;letter-spacing:.01em;color:var(--rose-d)}
.tag{font:13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}
nav{display:flex;gap:14px;flex-wrap:wrap;font:15px system-ui,-apple-system,"Segoe UI",sans-serif}
nav a{color:var(--ink);text-decoration:none}nav a:hover{color:var(--rose)}
.hero{background:linear-gradient(180deg,var(--cream),var(--paper));padding:28px 0 18px}
.hero-in{display:grid;gap:18px;align-items:center}
.eyebrow{font:600 13px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0}
h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;margin:.2em 0;color:var(--rose-d)}
.lede{font-size:1.12rem;max-width:36em}
.ticks{list-style:none;padding:0;margin:12px 0 18px;display:flex;flex-wrap:wrap;gap:8px 16px;font:15px system-ui,sans-serif}
.ticks li::before{content:"\2713";color:var(--rose);font-weight:700;margin-right:6px}
.hero-art img{border-radius:24px;box-shadow:0 10px 30px rgba(80,40,30,.15);max-height:420px;width:100%;object-fit:cover}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:10px 16px;font:600 15px system-ui,-apple-system,sans-serif;text-decoration:none;border:2px solid var(--rose);cursor:pointer;line-height:1.2;text-align:center}
.btn.buy{background:var(--rose);color:#fff}.btn.buy:hover{background:var(--rose-d);border-color:var(--rose-d)}
.btn.ghost{background:transparent;color:var(--rose)}.btn.ghost:hover{background:#f7e8ee}
.btn.big{padding:13px 22px;font-size:16px;margin:4px 6px 4px 0}
.btn.small{padding:6px 10px;font-size:13px}
.btn.soon{background:#efe6dc;color:#7a6a5c;border-color:#e2d4c3;cursor:default}
.shop{padding:26px 0}
.shop-title{font-size:2rem;margin:0 0 4px}
.note{color:var(--muted);font:15px/1.5 system-ui,sans-serif}
.tools{position:sticky;top:64px;z-index:4;background:var(--paper);padding:10px 0;border-bottom:1px solid var(--line);margin-bottom:8px}
.search input{width:100%;font:16px system-ui,sans-serif;padding:11px 14px;border:1px solid #d8c8b4;border-radius:999px;background:#fff}
.chips{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:thin}
.chip{flex:0 0 auto;font:600 14px system-ui,sans-serif;padding:7px 13px;border-radius:999px;border:1px solid #dcc9b3;color:var(--ink);text-decoration:none;background:#fff}
.chip.on,.chip:hover{background:var(--rose);border-color:var(--rose);color:#fff}
.cat{padding:22px 0 8px;scroll-margin-top:150px}
.cat-head{display:flex;gap:14px;align-items:center;margin-bottom:6px}
.cat-head img{width:100px;height:100px;object-fit:cover;border-radius:12px;border:0;box-shadow:none;flex:0 0 auto}
.cat-head h2{margin:0;font-size:1.6rem;color:var(--rose-d)}.cat-head p{margin:2px 0 0;color:var(--muted);font:15px/1.45 system-ui,sans-serif}
.count{white-space:nowrap;color:var(--gold);font-weight:600}
h3.sub{font-size:1.15rem;margin:18px 0 8px;border-bottom:1px dashed var(--line);padding-bottom:4px}h3.sub span{color:var(--muted);font-weight:400;font-size:.9rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(60,30,20,.05)}
.thumb{border:0;padding:0;background:#f3ece2;cursor:zoom-in;display:block;width:100%;aspect-ratio:1/1.414;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h4{margin:0;font-size:1rem;line-height:1.25}
.tags{margin:0;color:var(--muted);font:12.5px/1.35 system-ui,sans-serif}
.price{margin:0;font:700 1.1rem system-ui,sans-serif;color:var(--rose-d)}
.save{margin:0;color:var(--muted);font:13px system-ui,sans-serif;text-decoration:line-through}
.actions{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.actions .btn{width:100%;padding:8px 10px;font-size:14px}
.addon{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font:12.5px system-ui,sans-serif;color:var(--muted);border-top:1px dashed var(--line);padding-top:7px}
.addon span:first-child{width:100%}
.bundle .mosaic{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#f3ece2;aspect-ratio:1/1.0}
.bundle .mosaic img{width:100%;height:100%;object-fit:cover;object-position:top}
.band{background:var(--cream);padding:34px 0}
.steps{list-style:none;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 16px 58px;position:relative;counter-increment:s;display:flex;flex-direction:column}
.steps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--rose);color:#fff;font:700 16px/30px system-ui;text-align:center}
.steps span{color:var(--muted);font:15px/1.45 system-ui,sans-serif}
.about,.contact{padding:34px 0}
.placeholder{color:var(--muted);font-style:italic}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0}
summary{cursor:pointer;font-weight:700}details p{margin:8px 0 0;font:15.5px/1.5 system-ui,sans-serif;color:#433a47}
.foot{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font:14px system-ui,sans-serif}
dialog{border:0;border-radius:16px;padding:0;width:min(940px,96vw);max-height:92vh;background:var(--paper)}
dialog::backdrop{background:rgba(30,20,30,.6)}
.vhead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line)}
.vhead h3{margin:0;font-size:1.05rem}.x{font-size:28px;line-height:1;border:0;background:none;cursor:pointer;color:var(--ink)}
.vimgs{display:grid;gap:12px;padding:12px;overflow:auto;max-height:calc(92vh - 60px)}
.vimgs img{border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}
[hidden]{display:none!important}
@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,1fr)}.vimgs{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.hero-in{grid-template-columns:1.15fr .85fr}.hero{padding:48px 0 30px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tools{top:58px}}
@media (min-width:1150px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:639px){nav{gap:10px;font-size:14px}.tools{top:92px}.cat{scroll-margin-top:200px}}

.preview-banner{background:#7a2f5f;color:#fff;text-align:center;padding:.55rem 1rem;font:600 .95rem/1.35 system-ui,sans-serif}
/* subscribe */
.subscribe{padding:18px 0 6px}
.homesub{padding:24px 0 12px}.homesub .subbox{box-shadow:0 6px 20px rgba(60,40,20,.06)}
.subbox{background:linear-gradient(135deg,#fbeef3,#fff6e6);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:14px;align-items:center}
.subtext h2{margin:0 0 4px;color:var(--rose-d);font-size:1.5rem}.subtext p{margin:0;color:var(--muted);font:15px/1.5 system-ui,sans-serif}
.subform{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.subform input[type=text],.subform input[type=email]{flex:1 1 180px;min-width:0;font:16px system-ui,sans-serif;padding:11px 14px;border:1px solid #dcc9b3;border-radius:999px;background:#fff;color:var(--ink)}
.subform .btn{flex:0 0 auto;padding:11px 20px;font-size:15px}
.subform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sub-msg{flex:1 1 100%;margin:2px 0 0;font:600 15px/1.4 system-ui,sans-serif;color:var(--rose-d)}.sub-msg.err{color:#a3361f}
.subform.done input,.subform.done .btn{display:none}.subform.done .sub-msg{font-size:16px}
.footsub{max-width:640px;margin:0 auto 14px;text-align:left}.footsub p{margin:0 0 8px}
.subform.compact input[type=text]{flex:1 1 120px}
.thanks-page{padding:60px 16px;text-align:center}
@media(min-width:820px){.subbox{grid-template-columns:1fr 1.15fr;padding:24px 28px}}
@media(max-width:560px){.subform input[type=text],.subform input[type=email],.subform.compact input[type=text]{flex:1 1 100%}.subform .btn{flex:1 1 100%}}
.quick{margin:6px 0 0;font:15px/1.6 system-ui,sans-serif;color:var(--muted)}.quick a{font-weight:600;white-space:nowrap}

/* ---- search ---- */
.hsearch{position:relative;display:flex;align-items:center;flex:1 1 240px;max-width:400px;margin:0}
.hsearch input{flex:1;min-width:0;font:16px system-ui,-apple-system,sans-serif;padding:10px 46px 10px 16px;border:1.5px solid #d8c8b4;border-radius:999px;background:#fff;color:var(--ink);-webkit-appearance:none;appearance:none}
.hsearch input:focus{border-color:var(--rose);outline:none;box-shadow:0 0 0 3px rgba(155,60,99,.15)}
.hsearch input::-webkit-search-cancel-button{display:none}
.hgo{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:var(--rose);color:#fff;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hgo:hover{background:var(--rose-d)}
.hopen{display:none;align-items:center;gap:6px;border:2px solid var(--rose);background:var(--rose);color:#fff;border-radius:999px;padding:8px 14px;font:600 15px system-ui,-apple-system,sans-serif;cursor:pointer}
.hres{position:absolute;top:calc(100% + 6px);left:0;width:min(480px,92vw);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(60,30,20,.18);padding:6px;z-index:20;max-height:72vh;overflow:auto;font:15px system-ui,-apple-system,sans-serif}
.hr{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;text-decoration:none;color:var(--ink)}
.hr:hover,.hr.on{background:#f8efe6}
.hr img{width:40px;height:56px;object-fit:cover;border-radius:4px;border:1px solid var(--line);flex:0 0 auto;background:var(--cream)}
.ht{flex:1;min-width:0;display:flex;flex-direction:column}.ht b{font-weight:600;line-height:1.25}.ht small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp2{font-weight:700;color:var(--rose);font-size:14px;white-space:nowrap}
.hmsg{margin:6px 8px 8px;color:var(--ink);font-weight:600}
.hall{display:block;width:100%;margin-top:4px;padding:10px;border:0;border-top:1px solid var(--line);background:none;color:var(--rose);font:600 15px system-ui,sans-serif;cursor:pointer;border-radius:0 0 10px 10px}
.hall:hover{background:#f7e8ee}
.tools{top:var(--hh,64px)!important}
.cat{scroll-margin-top:calc(var(--hh,64px) + 120px)}
.sstat{font:15px system-ui,sans-serif;margin:6px 0 10px;color:var(--muted)}
.sstat .clr{margin-left:6px;border:1px solid #dcc9b3;background:#fff;border-radius:999px;padding:4px 12px;font:600 13px system-ui,sans-serif;color:var(--rose);cursor:pointer}
.nores{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:8px 0 22px}
.nr-title{margin:0 0 12px;font-size:1.15rem;line-height:1.35}
.reqbox{margin-top:18px;padding:16px;border-radius:12px;background:var(--cream)}
.reqbox h3{margin:0 0 4px;font-size:1.1rem}.reqbox p{margin:0 0 10px}
.reqform{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.reqform input[type=text],.reqform input[type=email]{flex:1 1 200px;min-width:0;font:16px system-ui,sans-serif;padding:11px 14px;border:1px solid #dcc9b3;border-radius:999px;background:#fff;color:var(--ink)}
.reqform input[name=want]{flex:2 1 260px}
.reqform .btn{flex:0 0 auto;padding:11px 20px;font-size:15px;background:#fff}
.reqform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.reqform.done input,.reqform.done .btn{display:none}.reqform.done .sub-msg{font-size:16px}
.reqform .sub-msg{flex:1 1 100%;margin:2px 4px}
.footreq{margin-top:4px}
.card.flash{animation:flash 2.2s ease}
@keyframes flash{0%,40%{box-shadow:0 0 0 4px var(--gold)}100%{box-shadow:0 1px 3px rgba(60,30,20,.05)}}
.top .bar{row-gap:8px}
@media (max-width:719px){
 .hopen{display:inline-flex}
 .hsearch{display:none;order:5;flex:1 1 100%;max-width:none}
 .top.searching .hsearch{display:flex}
 .top.searching .hopen{background:#fff;color:var(--rose)}
 .hres{position:fixed;left:8px;right:8px;width:auto;top:calc(var(--hh,120px) + 4px);max-height:calc(100vh - var(--hh,120px) - 20px)}
 .reqform input,.reqform .btn{flex:1 1 100%!important}
}

/* ---- topic menu ---- */
.top nav.info{display:flex;gap:14px;font:14px system-ui,-apple-system,sans-serif}
.top nav.info a{color:var(--muted);text-decoration:none}.top nav.info a:hover{color:var(--rose)}
.mopen{display:none;align-items:center;gap:6px;border:2px solid var(--rose);background:#fff;color:var(--rose);border-radius:999px;padding:8px 13px;font:600 15px system-ui,-apple-system,sans-serif;cursor:pointer}
.top nav.mnav{display:block;border-top:1px solid var(--line);background:rgba(255,250,243,.98)}
.mtop{list-style:none;margin:0 auto;max-width:1180px;padding:0 12px;display:flex;flex-wrap:wrap;gap:0 2px}
.mt{position:relative}
.mbtn{display:flex;align-items:center;gap:4px;background:none;border:0;padding:10px 7px;font:600 14px system-ui,-apple-system,sans-serif;color:var(--ink);cursor:pointer;border-radius:8px 8px 0 0;white-space:nowrap}
.mbtn:hover,.mt.open .mbtn{color:var(--rose);background:#fff}
.car::after{content:"▾";font-size:12px;color:var(--muted)}
.mpanel{display:none;position:absolute;top:100%;left:0;z-index:30;background:#fff;border:1px solid var(--line);border-radius:0 12px 12px 12px;box-shadow:0 14px 34px rgba(60,30,20,.16);padding:10px 12px 12px;width:max-content;min-width:260px;max-width:min(620px,94vw);font:15px system-ui,-apple-system,sans-serif}
.mt:nth-last-child(-n+4) .mpanel{left:auto;right:0;border-radius:12px 0 12px 12px}
.mt.open .mpanel{display:block}
@media (hover:hover) and (min-width:720px){.mt:hover .mpanel{display:block}.mt:hover .mbtn{color:var(--rose);background:#fff}}
.mall{display:flex;justify-content:space-between;gap:14px;font-weight:700;color:var(--rose);padding:7px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;text-decoration:none;border-radius:8px 8px 0 0}
.msubs{list-style:none;margin:0;padding:0}
.mpanel .msubs{columns:2;column-gap:18px}
.msubs li{break-inside:avoid}
.msubs a{display:flex;justify-content:space-between;gap:14px;padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--ink)}
.msubs a:hover,.msubs a:focus,.mall:hover,.mall:focus{background:#f8efe6}
.n{color:var(--muted);font-size:12.5px;font-weight:400;align-self:center}
.mlinks{display:none}
.browsebar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:6px 0 12px;font:15px system-ui,-apple-system,sans-serif}
.browsebar .crumb{margin:0;flex:1 1 260px}.browsebar .crumb a{color:var(--muted)}.browsebar .bn{color:var(--muted)}
.lvf{display:flex;gap:6px;flex-wrap:wrap}
.lvb{border:1px solid #dcc9b3;background:#fff;border-radius:999px;padding:6px 12px;font:600 13.5px system-ui,sans-serif;color:var(--ink);cursor:pointer}
.lvb.on{background:var(--rose);border-color:var(--rose);color:#fff}
.browsebar .clr{border:1px solid #dcc9b3;background:#fff;border-radius:999px;padding:6px 12px;font:600 13px system-ui,sans-serif;color:var(--rose);cursor:pointer}
#q::-webkit-search-cancel-button{display:none}
@media (max-width:719px){
 .brand{flex:1 1 auto;min-width:0}.brand .tag{display:none}.logo{font-size:1.1rem}
 .top nav.info{display:none}
 .mopen{display:inline-flex;padding:8px 11px}
 .hopen{padding:8px 11px}
 .top nav.mnav{display:none;max-height:calc(100vh - 70px);overflow:auto;-webkit-overflow-scrolling:touch}
 .top.menu-open nav.mnav{display:block}
 .mtop{display:block;padding:0 14px}
 .mt{border-bottom:1px solid var(--line)}
 .mbtn{width:100%;justify-content:space-between;padding:13px 2px;font-size:16px;border-radius:0}
 .mbtn:hover,.mt.open .mbtn{background:none}
 .mt.open .car::after{content:"▴"}
 .mpanel,.mt:nth-last-child(-n+4) .mpanel{position:static;border:0;box-shadow:none;padding:0 0 10px;width:auto;min-width:0;max-width:none;border-radius:0}
 .mpanel .msubs{columns:1}
 .msubs a,.mall{padding:9px 8px}
 .mlinks{display:flex;flex-wrap:wrap;gap:16px;padding:14px 2px 18px;font:15px system-ui,sans-serif}
 .mlinks a{color:var(--rose)}
 .browsebar{padding:10px 12px}
}

.filtering .cat .count,.filtering h3.sub span{display:none}
@media (max-width:719px){
 .bar{flex-wrap:nowrap;gap:8px}
 .hsearch{flex-basis:100%}
 .top.searching .bar{flex-wrap:wrap}
 .hopen .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .hopen{width:42px;height:42px;padding:0;justify-content:center}
}
@media (max-width:360px){.logo{font-size:1rem}.mopen{padding:7px 9px}}

@media (min-width:720px) and (max-width:1199px){.mbtn{padding:9px 5px;font-size:13px}.mtop{padding:0 8px}.car{display:none}}
@media (max-width:719px){.brand{flex:1 1 0}}

/* menu bands (topics / resource types / level), modelled on chinuch.org's subject + type browsing */
.mgrp{display:flex;align-items:center;padding:0 4px 0 10px;margin-left:6px;border-left:1px solid var(--line);font:700 10.5px system-ui,-apple-system,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mgrp:first-child{border-left:0;margin-left:0;padding-left:2px}
.tyf{display:flex;gap:6px;flex-wrap:wrap;flex-basis:100%}
@media (min-width:720px){.mgrp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mgrp{padding:0;margin:9px 6px}.mgrp:first-child{display:none}}
@media (max-width:719px){.mgrp{display:block;border:0;margin:0;padding:16px 2px 4px;font-size:11.5px;color:var(--rose)}.mgrp span{display:inline}}
@media (min-width:1200px){.mtop{max-width:1340px;flex-wrap:wrap;justify-content:center}.mbtn{padding:10px 6px;font-size:13.5px}.mgrp{margin:9px 3px}}

/* Nov 1: product descriptions (what it covers + pages) */
.desc{margin:0;font:13px/1.4 system-ui,sans-serif;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.desc.open{display:block;-webkit-line-clamp:unset;line-clamp:unset}
.more{display:inline-block;margin:2px 0 0;padding:2px 0;border:0;background:none;font:600 12.5px/1.3 system-ui,sans-serif;color:var(--rose);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.more[hidden]{display:none}
.more:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.facts{font-weight:600}
.vinfo{padding:10px 14px 0;max-width:760px}.vinfo p{margin:0 0 6px;font:14px/1.45 system-ui,sans-serif}
.about .lead{font-size:1.15rem;font-weight:600}.about p{line-height:1.6}.signoff{margin-top:18px}.signoff .sig{font:italic 600 1.35rem/1.4 Georgia,'Times New Roman',serif;color:var(--rose)}
/* Nov 1: Just added strip + Hebrew date */
.newstrip .newhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.newstrip h2{margin:0 0 8px}
.seeall{font-weight:600;color:var(--rose);text-decoration:none;white-space:nowrap}.seeall:hover{text-decoration:underline}
body:not(.filtering) .newstrip .grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding-bottom:8px;-webkit-overflow-scrolling:touch}
body:not(.filtering) .newstrip .grid>.card{flex:0 0 210px;scroll-snap-align:start}
body:not(.filtering) .newstrip .grid>.card.ns{display:none}
.hdate{display:block;font:600 12px/1.3 system-ui,sans-serif;color:var(--muted);margin-top:2px}

/* Trending row (Nov 2): site.trending in products.json */
.trend{background:linear-gradient(180deg,#fbeee6,var(--paper));padding:14px 0 6px;border-bottom:1px solid var(--line)}
.trendhead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.trend h2{margin:0;font-size:1.35rem;line-height:1.2}
.tbadge{display:inline-block;background:var(--rose);color:#fff;font:700 14px/1 system-ui,-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:8px 13px;border-radius:999px;box-shadow:0 2px 8px rgba(155,60,99,.25)}
.tsub{margin:6px 0 10px;font:15px/1.4 system-ui,-apple-system,sans-serif;color:var(--muted)}
.trow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 12px;margin:0 -18px;padding-left:18px;scroll-padding-left:18px;scrollbar-width:thin}
.trow::after{content:"";flex:0 0 6px}
.tcard{flex:0 0 42%;max-width:190px;scroll-snap-align:start;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(60,30,20,.08);transition:transform .15s ease,box-shadow .15s ease}
.tcard:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(60,30,20,.14)}
.timg{display:block;aspect-ratio:1/1.414;background:#f3ece2;overflow:hidden}.timg img{width:100%;height:100%;object-fit:cover}
.tt{display:block;padding:8px 10px 2px;font:600 14px/1.3 system-ui,-apple-system,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.tp{display:block;padding:2px 10px 10px;font:700 15px system-ui,sans-serif;color:var(--rose-d)}
.thint{margin:0 0 4px;font:13px system-ui,sans-serif;color:var(--muted);text-align:right}
@media (min-width:640px){.tcard{flex-basis:170px}.thint{display:none}.trend{padding:20px 0 10px}}
@media (min-width:900px){.trow{margin:0;padding-left:2px;scroll-padding-left:0}.tcard{flex-basis:180px}}
body.filtering .trend{display:none}

/* Nov 2 speed: a section's cards arrive from c/<cid>.html; until then a quiet placeholder holds its place */
.cbody.pending{min-height:50vh}
.cload{color:#8a8a8a;text-align:center;padding:2.5rem 1rem;font-size:.95rem}

/* Nov 2 (Chaya: "home page is way too busy"): light home page, page links, Available soon */
.pnav{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pnav::-webkit-scrollbar{display:none}
.pnav a{flex:0 0 auto;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font:600 13.5px/1.2 system-ui,-apple-system,sans-serif}
.pnav a:hover{border-color:var(--rose)}
.pnav a.on{background:var(--rose);border-color:var(--rose);color:#fff}
.pagehead{padding:18px 0 4px}
.pagehead h1{margin:0 0 4px;font-size:1.7rem;line-height:1.2;color:var(--rose-d)}
.pagehead p{margin:0;color:var(--muted);font:15px/1.5 system-ui,sans-serif}
.homehead{background:linear-gradient(180deg,var(--cream),var(--paper));padding:22px 0 14px}
.homehead p.lead{margin:0 0 4px;color:var(--ink);font:600 17px/1.35 system-ui,sans-serif}  /* Nov 3 (Chaya 5:05 PM): with answer keys */
.homehead p.ages{margin:0 0 6px;color:var(--rose-d);font:600 16px/1.35 system-ui,sans-serif}  /* Nov 3 (Chaya 4:53 PM) */
.homesearch{display:flex;gap:8px;margin:14px 0 2px;max-width:640px}
.homesearch input{flex:1 1 auto;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:16px system-ui,sans-serif;background:#fff}
.homesearch .btn{flex:0 0 auto}
.hrow{padding:14px 0 2px}
.hrow h2{margin:0;font-size:1.3rem;line-height:1.2}
.rowhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.timg.sq{aspect-ratio:1/1}
.tsoon,.tn{display:block;padding:2px 10px 10px;font:600 13px system-ui,sans-serif;color:var(--muted)}
.tsoon{color:#8a5a00}
.empty{color:var(--muted);font:15px/1.55 system-ui,sans-serif;background:#fff;border:1px dashed var(--line);border-radius:14px;padding:14px 16px;margin:6px 0}
.empty a{color:var(--rose);font-weight:600}
.soonbadge{display:inline-block;padding:7px 13px;border-radius:999px;background:#fff4dc;color:#8a5a00;border:1px solid #f1d9a0;font:700 13px/1.2 system-ui,sans-serif;cursor:default}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pgrid .tcard{max-width:none}
@media(min-width:640px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1000px){.pgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Nov 2: detailed "What's inside" under Read more */
.det{margin:.35rem 0 .2rem;font-size:.86rem;line-height:1.4;color:var(--ink,#2b2b2b)}
.det[hidden]{display:none}
.det .dh{margin:.1rem 0 .25rem;font-weight:700;font-size:.82rem;letter-spacing:.02em;text-transform:uppercase;opacity:.75}
.det ul.inside{margin:0;padding-left:1.1rem;list-style:disc}
.det ul.inside li{margin:.12rem 0;padding-left:.1rem}
.det ul.inside li::marker{color:var(--rose-d,#b5651d)}
.vinfo .vdet{margin:.4rem 0}
.vinfo .vdet[hidden]{display:none}
.more[data-det]{display:inline-block}

/* Nov 2: category tiles are a fan of real covers */
.timg.sq.col{background:#faf4e9}

/* Nov 2: ranked search results replace the category sections while a search is on */
.cat.sr-hide{display:none!important}
#sranked{margin-top:8px}

/* Newly Added (Nov 3, Chaya): first on The Shop page, before the categories; swipe row on phones */
.newadd{background:linear-gradient(180deg,#fbeee6,rgba(251,238,230,0));border:1px solid var(--line);border-radius:var(--r);padding:14px 14px 4px;margin:6px 0 22px}
.newadd .newhead{align-items:center;margin-bottom:10px}.newadd h2{margin:0;font-size:1.35rem;line-height:1.2}
.nbadge{display:inline-block;background:var(--rose);color:#fff;font:700 14px/1 system-ui,-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:8px 13px;border-radius:999px;box-shadow:0 2px 8px rgba(155,60,99,.25)}
body:not(.filtering) .newadd .grid>.card{flex:0 0 46%;max-width:230px}
@media (min-width:640px){body:not(.filtering) .newadd .grid>.card{flex:0 0 210px}}
@media (min-width:1150px){body:not(.filtering) .newadd .grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}body:not(.filtering) .newadd .grid>.card{max-width:none}.newadd .thint{display:none}}
/* Nov 3: hand-picked Trending (5 cards) above Newly Added on the Shop page */
@media (min-width:1150px){body:not(.filtering) .trendadd .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}