
:root{--fg:#242424;--muted:#848484;--border:#ececec;--bg:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site{max-width:770px;margin:0 auto;min-height:100dvh}.header{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f1f1;background:#fff}.logo{font-family:Georgia,serif;font-size:27px;font-weight:700;letter-spacing:-1.2px}.logo small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px;font-weight:400;margin-left:3px}.navhint{color:var(--muted);font-size:11px;letter-spacing:1px}.feedTitle{padding:24px 17px 19px}.feedTitle h1{margin:0;font-size:22px;line-height:1.3;letter-spacing:-.4px}.feedTitle p{margin:8px 0 0;color:var(--muted);font-size:13px}.feed{padding:0 9px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.tile{display:block;min-width:0}.tile img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#f1efec;display:block}.tileInfo{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 3px 0;color:#5d5d5d;font-size:12px}.tileInfo span:last-child{font-size:11px;color:var(--muted)}.backrow{height:52px;display:flex;align-items:center;padding:0 16px;gap:14px}.back{font-size:16px;font-weight:500}.back::before{content:'‹';font-size:31px;line-height:0;margin-right:7px;vertical-align:-3px}.backlabel{font-size:11px;color:var(--muted);margin-left:auto}.detail{padding:0 12px 24px}.detailHero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.detailHero.one{grid-template-columns:1fr}.detailHero img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#f2f2f2}.detailTitle{padding:18px 5px 18px;border-bottom:1px solid #eee}.detailTitle small{font-size:11px;color:#777;letter-spacing:1.5px}.detailTitle h1{font-size:23px;margin:8px 0 6px;font-weight:700}.detailTitle p{font-size:12px;color:#777;margin:0}.productsTitle{display:flex;align-items:center;justify-content:space-between;padding:24px 5px 11px}.productsTitle h2{margin:0;font-size:20px}.productsTitle span{font-size:11px;color:#8c8c8c}.product{padding:15px 4px;border-top:1px solid var(--border);display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center}.productNumber{color:#aaa;font-size:12px}.productName{font-size:15px;font-weight:600}.sub{font-size:12px;color:#969696;margin-top:5px}.shop{border:1px solid #e2e2e2;padding:10px 12px;border-radius:5px;font-size:12px;background:#fff;white-space:nowrap}.shop.disabled{color:#aaa;background:#fafafa}.note{font-size:11px;color:#999;line-height:1.7;padding:20px 5px}.footer{border-top:1px solid #eee;padding:18px;color:#999;font-size:11px;text-align:center}.more{border-top:1px solid #eee;margin:12px 4px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.more span{color:#aaa;font-size:12px}@media(min-width:800px){.tile img{aspect-ratio:3/4}.header{padding:0 24px}.feed{gap:25px 18px;padding:0 18px 35px}}

/* V9: minimal action update, preserve all original imagery and layout */
.shopActions{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:105px}
.shopActions .shop{text-align:center;background:#222;border-color:#222;color:#fff;font-size:12px;padding:10px 9px}
.shopActions .fallback{font-size:10px;color:#888;text-align:center;padding:2px 0;text-decoration:underline;text-underline-offset:2px}
.previewBanner{color:#b45a28;background:#fff8ef;border:1px solid #ffebd6;padding:10px 12px;border-radius:5px;font-size:11px;letter-spacing:.1px;margin-bottom:12px}
@media(max-width:360px){.product{gap:8px}.shopActions{min-width:93px}}

/* V10 app browser notice and variant clarification */
.skuHint{font-size:10px;color:#9d9d9d;margin-top:5px;overflow-wrap:anywhere}
.appGuideOverlay[hidden]{display:none!important}
.appGuideOverlay{position:fixed;inset:0;z-index:9999;background:rgba(12,12,12,.54);display:flex;align-items:flex-end;justify-content:center;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.appGuideCard{position:relative;width:min(100%,490px);max-height:90dvh;overflow-y:auto;background:white;border-radius:15px;padding:27px 22px 22px;box-shadow:0 12px 60px #0003}
.appGuideClose{position:absolute;right:12px;top:10px;background:none;border:0;font-size:28px;padding:5px 10px;color:#777;cursor:pointer}
.appGuideEyebrow{font:10px Arial,sans-serif;letter-spacing:1.5px;color:#b68160}
.appGuideCard h2{margin:13px 0;font-size:22px}
.appGuideText,.appGuideProduct{font-size:13px;line-height:1.7;color:#555}
.appGuideSteps{font-size:14px;line-height:2.15;background:#faf7f2;padding:15px 16px;border-radius:9px;margin:17px 0}
.appGuideProduct{background:#f7f7f7;padding:8px 12px;border-radius:7px;word-break:break-all}
.appGuideCopy{width:100%;border:0;background:#252525;color:#fff;border-radius:7px;font-size:14px;padding:14px;cursor:pointer}
.appGuideStatus{color:#357653;font-size:12px;min-height:12px}
.appGuideTiny{color:#929292;font-size:11px;line-height:1.6}

/* V13 creator credits */
.tileCreator{font-size:11px;color:#8a8a8a;padding:3px 3px 0;letter-spacing:.1px}


/* V14 shared editorial gallery system, 1 / 2 / 4 photographs */
.detail{padding:0 12px 30px}
.lookGallery{display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}
.lookGallery.count-1{grid-template-columns:1fr}
.lookGallery.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lookGallery.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.galleryPhoto{border:0;display:block;padding:0;margin:0;width:100%;background:#f1efed;cursor:zoom-in;overflow:hidden;position:relative;aspect-ratio:3/4}
.galleryPhoto img{width:100%;height:100%;object-fit:cover;display:block}
.lookGallery.count-1 .galleryPhoto{aspect-ratio:3/4;max-height:660px}
.galleryPhoto:focus-visible{outline:2px solid #333;outline-offset:2px}
.detailTitle{padding:21px 5px 18px}
.creatorEyebrow{font-size:12px;color:#737373;letter-spacing:.1px;margin-bottom:9px}
.detailTitle h1{font-size:27px;margin:0 0 13px;font-weight:750;letter-spacing:-.6px}
.curatorLine{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#777;letter-spacing:1.2px}
.curatorItems{letter-spacing:0;font-size:12px;color:#777}
.productsTitle{padding-top:23px}
.previewBanner{display:none}
.skuHint{display:none} /* SKU remains in link, no technical jargon for shoppers */
.lightbox[hidden]{display:none!important}
.lightbox{position:fixed;z-index:12000;inset:0;background:rgba(12,12,12,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 13px max(14px,env(safe-area-inset-bottom));color:white}
.lightboxTop{position:absolute;top:max(17px,env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.7px;z-index:1}
.lightboxClose,.lightboxArrow{background:transparent;border:0;color:white;cursor:pointer}
.lightboxClose{font-size:34px;padding:0 5px;line-height:1}
.lightboxImg{max-width:100%;max-height:79dvh;object-fit:contain;user-select:none}
.lightboxNav{position:absolute;inset:auto 13px max(18px,env(safe-area-inset-bottom)) 13px;display:flex;align-items:center;justify-content:space-between}
.lightboxArrow{font-size:30px;min-width:55px;padding:10px}
.lightboxCount{color:#ddd;font-size:13px}
body.lightboxOpen{overflow:hidden}
@media(min-width:700px){.lookGallery.count-1{max-width:100%}}
