:root{--bg:#eaded0;--card-bg:#e9dbd4;--text-main:#2c291a;--text-muted:#847860;--accent:#802e19;--accent2:#6e4739;--line:#d4c4b8;--btn-hover:#dfd0c4;--font-serif:"Playfair Display","DBHeavent",sans-serif;--font-sans:"Playfair Display","DBHeavent",sans-serif;--max:1400px}[data-theme=dark]{--bg:#1a1714;--card-bg:#231f1b;--text-main:#e8ddd5;--text-muted:#a89880;--accent:#c05a3a;--accent2:#9a6b5a;--line:#352e28;--btn-hover:#2a2420}*{box-sizing:border-box;outline:none}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-main);margin:0;transition:all .3s}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:0 auto;padding:20px 24px 100px;position:relative}header{text-align:center;border-bottom:1px solid var(--line);margin-top:40px;margin-bottom:40px;padding-bottom:30px}h1{text-transform:none;letter-spacing:.02em;margin:0;font-family:Playfair Display,serif;font-size:3.5rem;font-style:normal;font-weight:500}h1 span{color:var(--accent)}.subtitle{color:var(--text-muted);letter-spacing:.25em;text-transform:uppercase;margin-top:5px;font-size:.85rem;font-weight:500}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.back-link{font-family:var(--font-serif);color:var(--text-muted);cursor:pointer;font-size:1.1rem;font-style:italic;transition:all .3s}.back-link:hover{color:var(--accent)}.controls{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.tabs{gap:20px;padding-bottom:5px;display:flex;overflow-x:auto}.tab-btn{cursor:pointer;font-family:var(--font-serif);color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:1px solid #0000;padding-bottom:5px;font-size:1.15rem;transition:all .3s}.tab-btn:hover,.tab-btn.active{color:var(--text-main);border-bottom-color:var(--text-main)}.search-wrap{align-items:center;display:flex}.search-box{border-bottom:1px solid var(--line);align-items:center;width:200px;padding:4px 0;transition:width .3s;display:flex}.search-box:focus-within{border-color:var(--accent);width:250px}.search-box input{width:100%;color:var(--text-main);font-size:1rem;font-family:var(--font-sans);background:0 0;border:none}.search-icon{color:var(--text-muted)}.grid{grid-template-columns:repeat(4,1fr);gap:50px 30px;margin-top:30px;display:grid}@media (max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:550px){.grid{grid-template-columns:repeat(2,1fr);gap:34px 16px}}@media (max-width:360px){.grid{grid-template-columns:1fr}}.card{cursor:pointer;flex-direction:column;display:flex}.img-wrap{aspect-ratio:1;background:var(--card-bg);border:none;margin-bottom:15px;position:relative;overflow:hidden}.img-wrap img{object-fit:cover;opacity:.95;width:100%;height:100%;transition:transform .5s}.card:hover .img-wrap img{opacity:1;transform:scale(1.05)}.card-info{text-align:center}.card-name{font-size:1.1rem;font-weight:500;line-height:1.3;font-family:var(--font-serif);color:var(--text-main);margin-bottom:5px}.card-meta{color:var(--text-muted);font-size:.85rem;font-weight:300;font-family:var(--font-sans);font-variant-numeric:lining-nums tabular-nums;margin-bottom:10px}.card-price{color:var(--accent);letter-spacing:.05em;font-size:1rem;font-weight:600;font-family:var(--font-sans);font-variant-numeric:lining-nums tabular-nums}.theme-toggle{border:1px solid var(--line);color:var(--text-main);cursor:pointer;z-index:10;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex}.wrap>.theme-toggle{position:absolute;top:24px;right:24px}.theme-toggle:hover{background:var(--btn-hover);border-color:var(--accent);color:var(--accent)}.footer-bar{border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:80px;padding-top:40px;display:flex}.btn-page{color:var(--text-main);font-family:var(--font-serif);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 10px;font-size:1.1rem;transition:all .3s}.btn-page:hover:not(:disabled){opacity:1;color:var(--accent)}.btn-page:disabled{opacity:.2;cursor:default}.skeleton-box{background:linear-gradient(90deg,var(--card-bg),var(--line),var(--card-bg));background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mega-filter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:10px;padding:14px 0}.mf-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mf-h{border:1px solid var(--line);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.9rem;transition:all .25s;display:inline-flex}.mf-h:hover,.mf-h.active{border-color:var(--accent);color:var(--text-main)}.mf-chip{border:1px solid var(--line);color:var(--text-muted);border-radius:999px;padding:3px 8px;font-size:.75rem}.mf-body{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;display:none}.mf-body.open{display:block}.mf-row{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.mf-title{min-width:120px;font-family:var(--font-serif);color:var(--text-muted);padding-top:6px}.mf-options{flex-wrap:wrap;flex:1;gap:10px;min-width:240px;display:flex}.mf-opt{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:6px 0;transition:all .25s}.mf-opt:hover,.mf-opt.active{color:var(--text-main);border-bottom-color:var(--text-main)}.mf-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.mf-clear{border:1px solid var(--line);color:var(--text-main);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;transition:all .25s}.mf-clear:hover{border-color:var(--accent);color:var(--accent)}.mf-range{align-items:center;gap:8px;display:inline-flex}.mf-range input{border:1px solid var(--line);color:var(--text-main);text-align:center;background:0 0;border-radius:4px;width:90px;padding:8px;font-size:.85rem}.mf-range input:focus{border-color:var(--accent)}.badge-status{color:#fff;z-index:2;letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;top:12px;left:12px}.badge-available{background:#008000a6}.badge-pending{background:#808080a6}.badge-sold{background:#b40000a6}.badge-archived{background:#3c3c3ca6}.badge-draft{background:#0000008c}.badge-on_request{color:#1a1a1a;text-shadow:0 .5px 1px #ffffff80;text-transform:uppercase;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);border:1px solid #96701c;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 2px 4px #00000026,inset 0 0 5px #ffffff4d}.badge-discount{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#ff416c,#ff4b2b);border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.75rem;font-weight:700;box-shadow:0 2px 5px #ff416c66}.price-old{color:#9ca3af;margin-right:6px;font-size:.9em;font-weight:400;text-decoration:line-through}.price-new{color:#e11d48;font-size:1.1em;font-weight:700}.status-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#0006;place-items:center;display:grid;position:absolute;inset:0}.status-circle{aspect-ratio:1;text-align:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141414bf;border:2px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(140px,55%,220px);max-width:calc(100% - 20px);padding:10px;display:flex;transform:rotate(-15deg);box-shadow:0 10px 30px #00000080}.status-circle.sold{background:#b41414d9;border-color:#fff9}.status-circle.pending{background:#232323d9;border-color:#c5a059cc}.status-th,.status-circle .jp{font-family:var(--font-sans);text-shadow:0 2px 4px #00000080;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:600;line-height:1}.status-en,.status-circle .en{font-family:var(--font-serif);letter-spacing:2px;text-transform:uppercase;opacity:.9;margin-top:4px;font-size:clamp(.7rem,1.5vw,.85rem)}@media (max-width:550px){.status-overlay{padding:8px}.status-circle{width:clamp(112px,68%,190px);transform:rotate(-4deg)}}.product-container{grid-template-columns:1.2fr .8fr;align-items:start;gap:40px;margin-top:20px;display:grid}@media (max-width:900px){.product-container{flex-direction:column;display:flex}.gallery{width:100%;margin-bottom:20px;position:relative!important;top:auto!important}.details{width:100%;padding-top:0}}.gallery{z-index:5;position:sticky;top:100px}.main-image-frame{aspect-ratio:1;background:var(--card-bg);cursor:crosshair;border:none;border-radius:4px;position:relative;overflow:hidden}.main-image-frame img{object-fit:cover;width:100%;height:100%;transition:transform .1s;display:block}.main-image-frame.zoomed img{transform:scale(2)}.zoom-hint{color:#fff;pointer-events:none;opacity:0;background:#00000080;border-radius:4px;padding:4px 8px;font-size:10px;transition:opacity .3s;position:absolute;bottom:10px;right:10px}.main-image-frame:hover .zoom-hint{opacity:1}.thumbnails{gap:10px;margin-top:15px;padding-bottom:5px;display:flex;overflow-x:auto}.thumb{cursor:pointer;opacity:.6;background:var(--card-bg);border:none;border-radius:2px;flex:0 0 60px;height:60px;transition:all .2s}.thumb.active{opacity:1;box-shadow:0 0 0 2px var(--accent)}.thumb img{object-fit:cover;width:100%;height:100%}.details{padding-top:5px}.p-sku{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.85rem;font-weight:500}.p-title{font-family:var(--font-serif);color:var(--text-main);margin:0 0 20px;font-size:2rem;line-height:1.2}.spec-table{border-collapse:collapse;width:100%;margin-bottom:20px}.spec-table td{border-bottom:1px solid var(--line);padding:10px 0;font-size:.95rem}.spec-label{color:var(--text-muted);width:35%}.spec-value{color:var(--text-main);font-weight:500;font-family:var(--font-sans);text-align:right;font-variant-numeric:lining-nums tabular-nums}.price-block{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin:25px 0;padding:20px 0}.price{font-size:1.8rem;font-family:var(--font-sans);color:var(--text-main);font-variant-numeric:lining-nums tabular-nums;font-weight:600}.vat-note{color:var(--text-muted);margin-top:5px;font-size:.8rem}.qty-row{align-items:center;gap:15px;margin-bottom:25px;display:flex}.qty-control{border:1px solid var(--line);border-radius:4px;height:44px;display:flex}.qty-btn{cursor:pointer;width:40px;color:var(--text-main);background:0 0;border:none;font-size:1.2rem;transition:all .2s}.qty-btn:hover:not(:disabled){background:var(--btn-hover)}.qty-input{text-align:center;width:50px;color:var(--text-main);border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);background:0 0;font-size:1rem}.actions{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.btn{border:1px solid var(--line);min-width:140px;height:50px;color:var(--text-main);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:4px;flex:1;font-size:.9rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--text-main);color:var(--bg);border-color:var(--text-main)}.btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn:disabled,.qty-btn:disabled{opacity:.5;cursor:not-allowed}.status-msg{min-height:20px;margin-top:10px;font-size:.9rem}.status-label-wrap{z-index:10;pointer-events:none;position:absolute;top:12px;left:12px}.status-label{text-transform:uppercase;letter-spacing:.5px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:700}.status-label.on_request{color:#1a1a1a;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);border:1px solid #96701c;box-shadow:0 2px 6px #0003}.detail-section{border-top:1px solid var(--line);margin-top:80px;padding-top:50px}.detail-title{text-align:center;font-family:var(--font-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--text-main);margin-bottom:40px;font-size:1.3rem}.detail-images{flex-direction:column;gap:30px;max-width:900px;margin:0 auto;display:flex}.detail-shot{background:var(--card-bg);border:none;padding:0}.detail-shot img{width:100%;display:block}.rec-section{border-top:1px solid var(--line);margin-top:80px;padding-top:50px}.rec-title{font-family:var(--font-serif);text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--text-main);margin:0 0 30px;font-size:1.1rem}.rec-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1000px){.rec-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.rec-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:450px){.rec-grid{grid-template-columns:1fr}}.rec-card{background:var(--card-bg);border:none;transition:all .2s;display:block;position:relative;overflow:hidden}.rec-card:hover{transform:translateY(-3px)}.rec-img{aspect-ratio:1;background:var(--card-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.rec-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.rec-card:hover .rec-img img{transform:scale(1.05)}.rec-body{text-align:center;background:var(--bg);border-top:1px solid var(--line);padding:15px}.rec-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;font-family:var(--font-serif);margin-bottom:6px;overflow:hidden}.rec-size{color:var(--text-muted);font-size:.75rem;font-family:var(--font-sans);font-variant-numeric:lining-nums tabular-nums;margin-bottom:8px}.rec-price{color:var(--text-main);font-size:1rem;font-weight:700;font-family:var(--font-sans);font-variant-numeric:lining-nums tabular-nums}.rec-badge{color:#fff;text-transform:uppercase;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;padding:4px 8px;font-size:10px;position:absolute;top:10px;left:10px}.rec-badge.on_request{background:linear-gradient(135deg,#bf953f,#aa771c)}@keyframes heart-boing{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.animate-boing{animation:.4s cubic-bezier(.175,.885,.32,1.275) heart-boing}.fav-btn{background:#fff;border:1px solid #f0f0f0;transition:all .3s}.fav-btn:hover{background:snow;border-color:#d4a373}