.vcat-media{position:relative;display:grid;grid-template-columns:1fr;aspect-ratio:4/3;background:var(--bg-3);overflow:hidden}.vcat-media--with-variants{grid-template-columns:1fr 54px}.vcat-media-img{position:relative;width:100%;height:100%}.vcat-strip{position:relative;display:flex;flex-direction:column;background:rgba(0,0,0,.12);border-left:1px solid var(--border);min-height:0}.vcat-strip-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;padding:6px 5px 0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-y;user-select:none}.vcat-strip-scroll:active{cursor:grabbing}.vcat-strip-scroll::-webkit-scrollbar{display:none}.vcat-strip-scroll--fade-top{mask-image:linear-gradient(180deg,transparent,#000 14%,#000);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000)}.vcat-strip-scroll--fade-bottom{mask-image:linear-gradient(180deg,#000,#000 86%,transparent);-webkit-mask-image:linear-gradient(180deg,#000,#000 86%,transparent)}.vcat-strip-scroll--fade-top.vcat-strip-scroll--fade-bottom{mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}.vcat-strip-item{position:relative;flex-shrink:0;width:44px;height:44px;padding:3px;background:transparent;border:1px solid rgba(255,255,255,.06);cursor:pointer;overflow:hidden;touch-action:pan-y;transition:background .18s ease,border-color .18s ease}.vcat-strip-item img{object-fit:contain;padding:2px;pointer-events:none}@media (hover:hover){.vcat-strip-item:hover{border-color:rgba(255,255,255,.2)}}.vcat-strip-item--active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}.vcat-strip-count{flex-shrink:0;height:28px;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--bg-3);color:var(--text);font-family:inherit;font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:700;letter-spacing:.04em;border-top:1px solid var(--border-2)}.vcat-strip-count svg{color:var(--orange)}.vcat-modal{width:min(1000px,calc(100vw - 3rem));max-width:none;height:min(720px,calc(100vh - 3rem))}.vcat-modal .ui-modal-body{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0}.vcat-detail{flex:1;min-height:0;display:grid;grid-template-columns:340px 1fr;grid-template-rows:1fr}.vcat-detail-side{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.1rem 1.15rem 1.15rem;border-right:1px solid var(--border);min-width:0;min-height:0;overflow:hidden}.vcat-detail-media{position:relative;width:100%;aspect-ratio:1/1;background:radial-gradient(ellipse at 50% 45%,rgba(var(--c-white-rgb),.18) 0,rgba(var(--c-white-rgb),.08) 45%,transparent 75%),var(--bg-2);border:1px solid var(--border-2);box-shadow:0 12px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;flex-shrink:0}.vcat-detail-media img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.vcat-detail-media-zoom-hint{position:absolute;right:10px;bottom:10px;z-index:2;display:inline-flex;color:var(--text-2);filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));pointer-events:none;opacity:.7;transition:opacity .18s ease,color .18s ease}@media (hover:hover){.vcat-detail-media:hover .vcat-detail-media-zoom-hint{opacity:1;color:var(--text)}}.vcat-detail-current{display:flex;flex-direction:column;gap:.25rem;min-width:0}.vcat-detail-current-label{font-size:1.15rem;font-weight:800;letter-spacing:-.025em;color:var(--orange);line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.vcat-detail-current-id{font-family:inherit;font-variant-numeric:tabular-nums;font-size:.72rem;color:var(--text-4)}.vcat-detail-actions{display:flex;align-items:stretch;gap:.4rem;margin-top:auto}.vcat-detail-fav{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .85rem;background:var(--bg-2);border:1px solid var(--border-2);font-size:.76rem;font-weight:650;color:var(--text-2);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}@media (hover:hover){.vcat-detail-fav:hover{background:var(--bg-3);border-color:var(--border-3);color:var(--text)}}.vcat-detail-fav--primary{flex:1;background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 4px 14px rgba(var(--c-brand-rgb),.25)}@media (hover:hover){.vcat-detail-fav--primary:hover{background:var(--orange-2);border-color:var(--orange-2);color:#fff;box-shadow:0 6px 18px rgba(var(--c-brand-rgb),.3)}}.vcat-detail-fav--icon{flex-shrink:0;width:38px;padding:0}.vcat-detail-fav--icon.vcat-detail-fav--on,.vcat-detail-fav--on{color:var(--orange);border-color:rgba(var(--c-brand-rgb),.4);background:rgba(var(--c-brand-rgb),.1)}@media (hover:hover){.vcat-detail-fav--on:hover{border-color:rgba(var(--c-brand-rgb),.55);background:rgba(var(--c-brand-rgb),.16);color:var(--orange)}}.vcat-detail-fav--ok{color:var(--green);border-color:rgba(var(--c-success-rgb),.55);background:rgba(var(--c-success-rgb),.18);box-shadow:none}@media (hover:hover){.vcat-detail-fav--ok:hover{color:var(--green);border-color:rgba(var(--c-success-rgb),.55);background:rgba(var(--c-success-rgb),.18);box-shadow:none}}.vcat-detail-main{display:flex;flex-direction:column;min-height:0}.vcat-detail-main-h{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:rgba(var(--c-white-rgb),.015);flex-shrink:0}.vcat-detail-section-title{gap:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-4)}.vcat-detail-section-count,.vcat-detail-section-title{display:inline-flex;align-items:center;font-size:.62rem;font-weight:700}.vcat-detail-section-count{justify-content:center;min-width:1.5rem;height:1.15rem;padding:0 .4rem;background:rgba(var(--c-brand-rgb),.1);border:1px solid rgba(var(--c-brand-rgb),.3);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--orange)}.vcat-detail-wall{flex:1 1 0;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-auto-rows:max-content;align-content:start;gap:.5rem;padding:.75rem 1rem 1rem}.vcat-detail-empty{grid-column:1/-1;padding:2.5rem 1rem;text-align:center;font-size:.82rem;color:var(--text-3)}.vcat-detail-variant{position:relative;display:flex;flex-direction:column;background:var(--bg-3);border:1px solid var(--border);cursor:pointer;overflow:hidden;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}@media (hover:hover){.vcat-detail-variant:hover{border-color:var(--border-3);background:var(--bg-4)}}.vcat-detail-variant--active{border-color:rgba(var(--c-brand-rgb),.55);background:rgba(var(--c-brand-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--c-brand-rgb),.2)}.vcat-detail-variant:focus-visible{outline:2px solid rgba(var(--c-brand-rgb),.55);outline-offset:-1px}.vcat-detail-variant-thumb{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.vcat-detail-variant-thumb img{object-fit:contain;padding:8px;pointer-events:none}.vcat-detail-variant-label{padding:4px 6px 5px;font-family:inherit;font-size:.6rem;text-align:center;font-variant-numeric:tabular-nums;color:var(--text-3);border-top:1px solid var(--border)}.vcat-detail-variant--active .vcat-detail-variant-label{color:var(--orange);border-top-color:rgba(var(--c-brand-rgb),.2)}@media (max-width:720px){.vcat-modal{width:100%;height:calc(100dvh - 1rem)}.vcat-detail{grid-template-columns:1fr;grid-template-rows:auto 1fr}.vcat-detail-side{border-right:0;border-bottom:1px solid var(--border);padding:1rem}.vcat-detail-media{aspect-ratio:16/10;max-height:200px}.vcat-detail-current-label{font-size:1rem}.vcat-detail-fav{padding:.55rem .7rem}.vcat-detail-wall{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));padding:.6rem .75rem .85rem;gap:.4rem}}.vmd-stats{list-style:none;margin:0;padding:.65rem 1rem 1rem;overflow-y:auto;flex:1 1 0;min-height:0}.vmd-price-section{flex-shrink:0;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 1.1rem 1.15rem;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent 0,rgba(var(--c-success-rgb),.05) 100%),rgba(0,0,0,.18)}.vmd-price-label{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.vmd-price-value{font-family:inherit;font-size:1.55rem;font-weight:800;letter-spacing:-.025em;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}.vmd-stat{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:.85rem;padding:.65rem .25rem;border-bottom:1px solid var(--border);font-size:.86rem}.vmd-stat:last-child{border-bottom:none}.vmd-stat-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-3)}.vmd-stat-label{color:var(--text-2);font-weight:600}.vmd-stat-value{color:var(--text);font-weight:700;letter-spacing:-.01em;text-align:right;font-variant-numeric:tabular-nums}