*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#3b2f2f;background:#fbf7f0}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#fff;border-bottom:1px solid #eadfce;position:sticky;top:0;z-index:5}
.logo{font-weight:800;font-size:1.2rem;color:#7a4b32;text-decoration:none}nav a{margin-left:18px;color:#5a3e36;text-decoration:none;font-weight:600}
main{max-width:1150px;margin:0 auto;padding:20px}.hero{text-align:center;padding:30px 10px;background:linear-gradient(135deg,#f6e3cf,#e9f1e6);border-radius:18px}
.hero h1{margin:0 0 8px;font-family:Georgia,serif;font-size:2.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:12px 0}
.card{background:#fff;border-radius:14px;padding:10px;text-decoration:none;color:inherit;box-shadow:0 1px 4px #0001;transition:transform .15s}.card:hover{transform:translateY(-3px)}
.card img{width:100%;height:auto;border-radius:10px;background:#fbf7f0}.card h3{font-size:1rem;margin:8px 0 2px}.meta{color:#8a7a70;font-size:.85rem;margin:0}.price{font-weight:800;color:#2a7a4b;margin:4px 0}
#q{width:100%;padding:12px;font-size:1rem;border:1px solid #d9c9b5;border-radius:10px}.cats{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.cats button,#skill{border:1px solid #d9c9b5;background:#fff;border-radius:20px;padding:6px 12px;cursor:pointer}.cats .on{background:#7a4b32;color:#fff}
.btn{display:inline-block;background:#2a7a4b;color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700}.btn.alt{background:#7a4b32}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail .media img{width:100%;height:auto;border-radius:14px}.pinit{display:inline-flex;align-items:center;gap:10px;margin-top:10px;color:#bd081c;font-weight:700;text-decoration:none}.pinit img{width:80px!important}
.big{font-size:1.8rem}.small,.disclosure{font-size:.85rem;color:#7a6a60}dl{display:grid;grid-template-columns:110px 1fr;gap:4px}dt{font-weight:700}
.ad{margin:20px 0;padding:10px;border:1px dashed #d9c9b5;border-radius:10px;text-align:center;min-height:90px}.adlabel{display:block;font-size:.7rem;color:#999}
.aff,.bundle,.signup{background:#fff;border-radius:14px;padding:16px 20px;margin:20px 0}.signup input{padding:10px;border:1px solid #ccc;border-radius:8px;min-width:240px}.signup button{padding:10px 16px;border:0;background:#7a4b32;color:#fff;border-radius:8px}
.free img{float:right;margin:0 0 10px 20px;border-radius:12px}.demo{background:#fff3b0;padding:8px;border-radius:8px}.crumbs{font-size:.9rem;margin-bottom:10px}
.sr{position:absolute;left:-9999px}footer{text-align:center;color:#8a7a70;font-size:.85rem;padding:30px}@media(max-width:760px){.detail{grid-template-columns:1fr}.free img{float:none}}
.badge{display:inline-block;font-size:.75rem;font-weight:700;border-radius:12px;padding:2px 9px;margin-top:6px}.badge.tester{background:#fde7b5;color:#7a4b00}.badge.ok{background:#d6f0dd;color:#1d6b38}
.testerbox{background:#fff8e6;border:1px solid #f2b84b;border-radius:12px;padding:12px 14px;margin:12px 0}.testerbox p{margin:6px 0 0;font-size:.92rem}.verified{background:#e8f6ec;border-radius:12px;padding:10px 14px;color:#1d6b38;font-weight:600}
.fb{display:grid;gap:12px;max-width:640px;background:#fff;padding:18px;border-radius:14px}.fb label{display:grid;gap:4px;font-weight:600}.fb input:not([type=radio]):not([type=checkbox]),.fb select,.fb textarea{padding:9px;border:1px solid #d9c9b5;border-radius:8px;font:inherit}.fb fieldset{border:1px solid #eadfce;border-radius:8px}.fb fieldset label{display:inline;font-weight:400;margin-right:14px}.fb .chk{display:block;font-weight:400}
.okbox,.warnbox,.errbox{border-radius:12px;padding:12px 16px;margin:12px 0}.okbox{background:#e8f6ec;border:1px solid #7cc492}.warnbox{background:#fff8e6;border:1px solid #f2b84b}.errbox{background:#fdecea;border:1px solid #e79a92}
.code{background:#3b2f2f;color:#fff;padding:3px 8px;border-radius:6px;font-size:1.05rem}.tbl{border-collapse:collapse;width:100%;background:#fff}.tbl td,.tbl th{border:1px solid #eadfce;padding:6px 8px;text-align:left;font-size:.9rem}
.rep{background:#fff;border-radius:10px;padding:10px 12px;margin:10px 0;border-left:5px solid #ccc;font-size:.9rem}.rep.approved{border-color:#7cc492}.rep.queued{border-color:#f2b84b}.rep.rejected{border-color:#e79a92}.thumbs img{height:90px;margin:6px 6px 0 0;border-radius:6px}.bad{color:#b3261e}.sm{padding:4px 10px;font-size:.8rem;margin:6px 6px 0 0}
.promo{margin:10px 0}.promo input{padding:7px;border:1px solid #d9c9b5;border-radius:8px;margin:0 6px}.thumb{width:31%;margin:1%;border-radius:8px}
[hidden]{display:none!important}
/* shop UI upgrade */
.trust{background:#3b2f2f;color:#fbf7f0;text-align:center;font-size:.82rem;padding:6px 10px}.testmode{background:#ffd54a;color:#3b2f2f;text-align:center;font-weight:700;font-size:.85rem;padding:6px}
.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.card{position:relative;display:flex;flex-direction:column}.card picture{display:block;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#fbf7f0}.card img{aspect-ratio:1;object-fit:cover}
.pbadge{display:inline-block;background:#2a7a4b;color:#fff;border-radius:8px;padding:2px 10px;font-size:1.05rem}
.medialabel{display:block;font-size:.68rem;color:#8a7a70;margin-top:4px;line-height:1.3}
.tiers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}.tiers span{background:#fff;border-radius:20px;padding:5px 12px;font-size:.9rem;box-shadow:0 1px 3px #0001}.tiers b{color:#2a7a4b}
.loop{background:#fff8e6;border:1px solid #f2b84b;border-radius:14px;padding:14px 20px;margin:20px 0}.loop h2{margin:0 0 6px}.loop ol{margin:6px 0 8px;padding-left:20px}
.facts{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.facts li{background:#fff;border-radius:10px;padding:8px 10px;font-size:.92rem}.facts b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#8a7a70}
.incl{font-size:.9rem;color:#5a3e36}.upsell{background:#e9f1e6;border-radius:10px;padding:8px 12px;font-size:.92rem}#buy{font-size:1.1rem;padding:14px 26px}
.bundle{border:2px solid #2a7a4b}
@media(max-width:760px){nav a{margin-left:10px;font-size:.9rem}header{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero h1{font-size:1.6rem}}