:root{--surface:#fff;--surface-page:#f6f3ee;--photo-stage:#f0ece5;--skeleton:#e7e1d7;--ink:#241a16;--ink-muted:#5a4f48;--line:#e2dcd2;--line-strong:#8a7f76;--action:#d0001a;--action-pressed:#a30014;--on-action:#fff;--selected-tint:#fdeced;--gold-700:#b89b3d;--gold-tint:#fdf7e4;--gold-ink:#664e0d;--focus-ring:#241a16;--scrim:#241a1680;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius-sm:8px;--radius-md:12px;--radius-sheet:16px;--radius-full:999px;--shadow-fab:0 2px 6px #241a163d}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-page);color:var(--ink);-webkit-text-size-adjust:100%;font-family:Poppins,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:720px;margin:0 auto}.muted{color:var(--ink-muted)}.caption{color:var(--ink-muted);font-size:13px;line-height:18px}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;flex-direction:column;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.brand-row{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-row .logo{width:auto;height:44px;display:block}.brand-stack{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.brand-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);font-size:13px;font-weight:700;line-height:18px}.brand-name{letter-spacing:-.02em;color:var(--action);font-size:26px;font-weight:800;line-height:28px}.search{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);height:44px;color:var(--ink-muted);align-items:center;gap:8px;padding:0 6px 0 12px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px;line-height:20px}.search .clear{width:36px;height:36px;color:var(--ink-muted);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.chips{gap:var(--space-2);scrollbar-width:none;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-full);border:1px solid var(--line-strong);background:var(--surface);height:40px;color:var(--ink);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.chip[aria-pressed=true]{background:var(--action);border-color:var(--action);color:var(--on-action);font-weight:600}.toolrow{gap:var(--space-2);display:flex}.tool{border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface);height:40px;color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.tool-sort{flex:1;min-width:0}.tool-sort .clamp1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-filter{flex:none}.tool[aria-pressed=true]{border-color:var(--action);color:var(--action);font-weight:600}.badge{border-radius:var(--radius-full);background:var(--action);min-width:20px;height:20px;color:var(--on-action);box-sizing:border-box;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.results{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:4px;display:flex}.results .count{color:var(--ink-muted);font-size:13px;line-height:18px}.linkbtn{min-height:44px;color:var(--action);background:0 0;border:0;padding:0 4px;font-size:14px;font-weight:600}.active-row{scrollbar-width:none;gap:6px;margin:0 -12px 10px;padding:0 12px;display:flex;overflow-x:auto}.active-row::-webkit-scrollbar{display:none}.active-chip{border-radius:var(--radius-full);border:1px solid var(--action);background:var(--selected-tint);height:32px;color:var(--ink);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 96px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card:active{background:var(--surface-page)}.card img{aspect-ratio:1;object-fit:cover;background:var(--photo-stage);width:100%;height:auto;display:block}.card .cbody{flex-direction:column;padding:8px 10px 12px;display:flex}.card .cname{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:14px;font-weight:500;line-height:20px;display:-webkit-box;overflow:hidden}.card .from{color:var(--ink-muted);margin-top:6px;font-size:13px;line-height:18px}.card .price{font-size:16px;font-weight:700;line-height:22px}.card .match{color:var(--gold-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;font-weight:600;line-height:18px;display:-webkit-box;overflow:hidden}.card .meta{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;line-height:18px;overflow:hidden}.tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.newbadge{background:var(--gold-tint);border:1px solid var(--gold-700);color:var(--gold-ink);border-radius:6px;padding:1px 8px;font-size:13px;font-weight:600;line-height:18px}.purtag{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:6px;padding:1px 8px;font-size:13px;font-weight:600;line-height:18px}.skeleton{background:var(--skeleton);border-radius:var(--radius-md);aspect-ratio:1/1.5}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 16px 96px;display:flex}.empty h2{margin:4px 0 0;font-size:18px}.btn-ghost,.btn-outline{border-radius:var(--radius-md);min-height:44px;padding:0 16px;font-size:15px;font-weight:600}.btn-ghost{border:1px solid var(--line-strong);background:var(--surface)}.btn-outline{border:1px solid var(--action);background:var(--surface);color:var(--action)}.btn-primary{border-radius:var(--radius-md);background:var(--action);min-height:52px;color:var(--on-action);border:0;justify-content:center;align-items:center;gap:8px;width:100%;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:active{background:var(--action-pressed)}.btn-primary:disabled{opacity:.5}.fab{z-index:30;border-radius:var(--radius-full);background:var(--action);height:48px;color:var(--on-action);box-shadow:var(--shadow-fab);border:0;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex;position:fixed;bottom:20px;right:16px}.scrim{background:var(--scrim);z-index:40;border:0;position:fixed;inset:0}.sheet{z-index:41;background:var(--surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;flex-direction:column;max-height:88vh;animation:.2s ease-out up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.grab{background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:4px 8px 4px 16px;display:flex}.sheet-head h2{margin:0;font-size:18px;font-weight:700;line-height:26px}.sheet.tall{height:88%;max-height:none}.sheet.tall .sheet-body{flex:1;min-height:0;padding:8px 16px 16px}.sheet-body{padding:8px 16px 16px;overflow-y:auto}.sheet-foot{border-top:1px solid var(--line);background:var(--surface);flex:none;gap:10px;padding:10px 16px 14px;display:flex}.sheet-foot .reset{flex:none;width:110px;height:52px;font-size:15px}.sheet-foot .apply{flex:1;width:auto}.close{min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:15px;font-weight:600;line-height:20px;display:inline-flex}.close:active{background:var(--photo-stage)}.fgroup{border-bottom:1px solid var(--line);padding:12px 0 14px}.fgtitle{margin-bottom:10px;font-size:15px;font-weight:700;line-height:22px;display:block}.chipset{flex-wrap:wrap;gap:8px;display:flex}.opt{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.opt:active{background:var(--photo-stage)}.optc{opacity:.85;font-weight:400}.opt[aria-pressed=true]{background:var(--action);border-color:var(--action);color:var(--on-action);font-weight:600}.opt[aria-pressed=true]:active{background:var(--action-pressed)}.radio-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 2px;font-size:16px;display:flex}.radio-row[aria-checked=true]{color:var(--action);font-weight:600}.branch-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;flex-direction:column;width:100%;min-height:52px;padding:10px 2px;display:flex}.branch-row b{font-size:16px}.toast{z-index:60;background:var(--ink);color:#fff;text-align:center;border-radius:10px;padding:12px 14px;font-size:14px;position:fixed;bottom:96px;left:16px;right:16px}.dtop{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:56px;padding:0 8px;display:flex;position:sticky;top:0}.bare{height:44px;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:15px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.bare:active{background:var(--photo-stage)}.detail{background:var(--surface);padding-bottom:96px}.gallery{background:var(--photo-stage);position:relative}.gstage{background:0 0;border:0;width:100%;padding:0;display:block}.gstage img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.navbtn{width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-press);z-index:1;background:#ffffffeb;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:-22px;display:flex;position:absolute;top:50%}.navbtn:disabled{opacity:.4}.navbtn.prev{left:10px}.navbtn.next{right:10px}.gcount{color:#fff;background:#241a16b8;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;line-height:22px;position:absolute;bottom:12px;left:12px}.perbesar{height:36px;box-shadow:var(--shadow-press);background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex;position:absolute;bottom:12px;right:12px}.thumbs-row{scrollbar-width:none;gap:8px;padding:10px 16px 0;display:flex;overflow-x:auto}.thumbs-row::-webkit-scrollbar{display:none}.thumb{border-radius:var(--radius-sm);background:var(--photo-stage);border:2px solid #0000;flex:none;width:56px;height:56px;padding:0;overflow:hidden}.thumb.on{border-color:var(--action)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.pricesec{flex-direction:column;gap:10px;padding:16px 16px 0;display:flex}.pricetop{flex-direction:column;gap:2px;display:flex}.estline{color:var(--ink-muted);font-size:14px;line-height:20px}.est{background:var(--gold-ink);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:1px 8px;font-size:13px;font-weight:700;line-height:20px;display:inline-block}.pricexl{font-size:28px;font-weight:700;line-height:36px}.notice{background:var(--gold-tint);border:1.5px solid var(--gold-700);color:var(--gold-ink);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.notice svg{flex:none;padding-top:1px}.notice span{font-size:14px;font-weight:700;line-height:21px}.titleblock{flex-direction:column;gap:2px;padding-top:6px;display:flex}.coll{color:var(--ink-muted);font-size:13px;line-height:18px}.vname{margin:0;font-size:19px;font-weight:600;line-height:27px}.varsec{padding:16px 0 0}.varttl{padding:0 16px 8px;font-size:15px;font-weight:700;line-height:22px;display:block}.varrow{scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.varrow::-webkit-scrollbar{display:none}.var{text-align:left;background:0 0;border:1.5px solid #0000;border-radius:10px;flex-direction:column;flex:none;gap:4px;padding:4px;display:flex}.var.on{border-color:var(--action);background:var(--selected-tint)}.var img{object-fit:cover;border-radius:var(--radius-sm);width:72px;height:72px;display:block}.var span{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:72px;font-size:13px;font-weight:500;line-height:18px;display:-webkit-box;overflow:hidden}.specs{border-top:1px solid var(--line);flex-direction:column;margin:16px 16px 0;padding-top:12px;display:flex}.spect{margin-bottom:4px;font-size:15px;font-weight:700;line-height:22px}.srow{border-bottom:1px solid var(--line);align-items:center;min-height:40px;font-size:14px;line-height:20px;display:flex}.srow .k{width:120px;color:var(--ink-muted);flex:none}.srow .v{align-items:center;gap:8px;font-weight:500;display:flex}.swatch{border:1px solid var(--line-strong);border-radius:999px;width:14px;height:14px}.feats{flex-direction:column;gap:8px;padding:14px 16px 0;display:flex}.feat{align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.tick{color:var(--action);flex:none;display:flex}.desc{color:var(--ink-muted);margin:4px 0 0;font-size:14px;line-height:22px}.howto{border-radius:var(--radius-md);background:var(--gold-tint);border:1px solid var(--gold-700);flex-direction:column;gap:8px;margin:16px;padding:14px 16px;display:flex}.howto>strong{color:var(--gold-ink);font-size:15px;line-height:22px}.howto ol{flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:14px;line-height:21px;display:flex}.shortnote{color:var(--ink-muted);margin:0 16px;font-size:13px;line-height:18px}.branchcard{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-muted);flex-direction:column;gap:4px;margin:16px 16px 0;padding:14px 16px;font-size:13px;line-height:19px;display:flex}.branchcard>strong{color:var(--ink);font-size:15px;line-height:22px}.brow{border-top:1px solid var(--line);align-items:center;gap:8px;min-height:52px;display:flex}.brow .pin{flex:none;display:flex}.brow .txt{flex-direction:column;flex:1;min-width:0;display:flex}.brow .txt strong{color:var(--ink);font-size:14px}.maps{min-height:44px;color:var(--action);align-items:center;font-weight:600;display:inline-flex}.similarsec{padding:20px 0 0}.similarsec>span{padding:0 16px 10px;font-size:15px;font-weight:700;line-height:22px;display:block}.simrow{scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.simrow::-webkit-scrollbar{display:none}.mini{text-align:left;width:136px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;flex:none;text-decoration:none;display:flex;overflow:hidden}.mini img{aspect-ratio:1;object-fit:cover;background:var(--photo-stage);width:100%;height:auto;display:block}.mtxt{flex-direction:column;padding:6px 8px 10px;display:flex}.mtxt .n{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:13px;font-weight:500;line-height:18px;display:-webkit-box;overflow:hidden}.mtxt .p{margin-top:2px;font-size:13px;font-weight:700;line-height:19px}.stickybar{z-index:25;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px 14px;position:fixed;bottom:0;left:0;right:0}.stickybar .btn-primary{width:100%}.zoom{z-index:70;background:var(--surface);flex-direction:column;display:flex;position:fixed;inset:0}.zoom-top{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 8px;display:flex}.zoom-body{background:var(--surface);flex:1;min-height:0;display:flex;overflow:auto}.zoom-body img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block}.zoom-foot{border-top:1px solid var(--line);flex:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px 14px;display:flex}.zoom-foot .ghost{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);height:44px;color:var(--ink);align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.zoom-foot .ghost:active{background:var(--photo-stage)}.zoom-foot .ghost:disabled{opacity:.4}.zoom-count{text-align:center;min-width:48px;font-size:14px;font-weight:600;line-height:20px}.fallback-msg{white-space:pre-wrap;background:var(--surface-page);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px;font-size:14px}.page{padding:16px}.page h1{margin:8px 0 12px;font-size:22px}.page h2{margin:20px 0 6px;font-size:17px}.page p,.page li{font-size:15px;line-height:24px}.page a{color:var(--action)}@media (width>=600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin:0 auto}}@media (width>=1024px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1080px}.detail{grid-template-columns:1fr 1fr;align-items:start;gap:24px;max-width:1080px;margin:0 auto;display:grid}.dgal{position:sticky;top:72px}.dinfo{min-width:0}.sheet{border-radius:var(--radius-sheet);width:480px;max-height:80vh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.main-pad{padding:12px 12px 0}.site-header>.wrap{width:100%}