.shop{--shop-content:1520px;flex-direction:column;min-height:100dvh;display:flex}.shop-search{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 16px;position:sticky;top:0}.shop-search-inner{max-width:var(--shop-content);flex-direction:column;gap:8px;margin:0 auto;display:flex}.trail{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.trail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-right:2px;font-size:11px;font-weight:700}.trail-item{align-items:center;gap:6px;min-width:0;display:inline-flex}.trail-sep{color:var(--pink);font-weight:700}.trail-step{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);background:var(--white);max-width:340px;color:var(--ink);font:inherit;cursor:pointer;border-radius:50px;padding:3px 11px;transition:border-color .15s,color .15s;overflow:hidden}.trail-step:hover:not(:disabled){border-color:var(--pink);color:var(--pink)}.trail-step.active{background:var(--black);border-color:var(--black);color:var(--white);cursor:default}.trail-step.after{opacity:.55;border-style:dashed}.trail-step:disabled{cursor:default}.trail-reset{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:13px;font-weight:600}.trail-reset:hover:not(:disabled){color:var(--pink)}.searchbar{background:var(--white);border:2px solid var(--black);border-radius:50px;align-items:center;gap:8px;padding:5px 5px 5px 20px;transition:border-color .15s,box-shadow .15s;display:flex}.searchbar.refining{border-color:var(--pink);padding-left:6px}.searchbar:focus-within{border-color:var(--pink);box-shadow:0 0 0 4px #eb1e7a26}.searchbar input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:9px 0;font-size:17px}.searchbar-mode{background:var(--pink-soft);color:var(--pink);text-transform:uppercase;letter-spacing:.4px;border-radius:50px;flex:none;padding:6px 12px;font-size:12px;font-weight:700}.searchbar-submit{background:var(--pink);color:var(--white);font:inherit;cursor:pointer;border:0;border-radius:50px;flex:none;padding:11px 22px;font-size:15px;font-weight:700;transition:background .15s}.searchbar-submit:hover:not(:disabled){background:var(--pink-dark)}.searchbar-submit:disabled{cursor:not-allowed;background:#d5d5d5}.searchbar-hint{color:var(--muted);margin:0;padding-left:20px;font-size:12px}.searchbar-hint strong{color:var(--ink)}.link{font:inherit;color:var(--pink);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.link:disabled{color:var(--muted);cursor:default}.shop-main{width:100%;max-width:var(--shop-content);flex:1;margin:0 auto;padding:20px 16px 40px}.shop-summary{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.shop-summary h1{font-family:var(--font-title);margin:0;font-size:clamp(20px,2.6vw,26px);font-weight:500;line-height:1.3}.shop-summary h1.pending{color:var(--muted);animation:1.2s ease-in-out infinite pulse}.shop-error{color:#b42318;background:#fff1f1;border-radius:12px;margin:0;padding:12px 16px}.shop-loose{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.questions{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--pink);border-radius:12px;padding:10px 14px}.questions-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.questions-list{flex-wrap:wrap;gap:8px;display:flex}.question{border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:50px;align-items:center;gap:10px;padding:7px 8px 7px 14px;font-size:14px;transition:border-color .15s,background .15s;display:inline-flex}.question:hover{border-color:var(--pink);background:var(--pink-soft)}.question-cta{color:var(--white);background:var(--black);border-radius:50px;flex:none;padding:2px 9px;font-size:12px;font-weight:700}.question:hover .question-cta{background:var(--pink)}.questions-pending{color:var(--muted);font-size:13px;animation:1.2s ease-in-out infinite pulse}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px 0;display:flex}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter{border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit;cursor:pointer;border-radius:50px;align-items:center;gap:7px;padding:6px 8px 6px 14px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.filter:hover:not(:disabled){border-color:var(--black)}.filter:disabled{opacity:.4;cursor:default}.filter-count{text-align:center;background:var(--bg);min-width:22px;color:var(--muted);border-radius:50px;padding:1px 6px;font-size:12px}.filter.active{background:var(--black);border-color:var(--black);color:var(--white)}.filter.active .filter-count{background:var(--pink);color:var(--white)}.filter-new .filter-count{background:var(--black);color:var(--white)}.filter-promo .filter-count{background:var(--pink);color:var(--white)}.toolbar-side{align-items:center;gap:10px;font-size:14px;display:flex}.toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.toggle input{accent-color:var(--pink);width:16px;height:16px}.toolbar-side select{font:inherit;border:1px solid var(--line);background:var(--white);border-radius:50px;padding:6px 10px;font-size:14px}.btn-compare{border:1px solid var(--pink);background:var(--white);color:var(--pink);font:inherit;cursor:pointer;border-radius:50px;padding:6px 14px;font-size:14px;font-weight:700}.btn-compare:hover{background:var(--pink);color:var(--white)}.shop-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px;display:grid}.shop-section{margin:14px 0 22px}.shop-section h2{align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:700;display:flex}.shop-section.accent h2:before{content:"";background:var(--pink);border-radius:2px;width:4px;height:18px}.shop-section-count{color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:50px;padding:0 8px;font-size:12px;font-weight:600}.shop-section.accent .product{border-color:#f3b3cf}.shop-pending{color:var(--muted);margin:0;font-size:14px;animation:1.2s ease-in-out infinite pulse}.shop-group+.shop-group{margin-top:14px}.shop-group-title{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:700}.shop-empty{color:var(--muted);text-align:center;padding:30px 0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));align-items:stretch;gap:12px;display:grid}.shop-grid .product-media{height:170px}.skeleton{background:linear-gradient(90deg,#ececec 25%,#f7f7f7 50%,#ececec 75%) 0 0/200% 100%;border-radius:14px;height:360px;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.shop-aside{background:var(--white);border:1px solid var(--line);border-radius:14px;max-height:calc(100dvh - 170px);margin-top:14px;padding:12px;position:sticky;top:150px;overflow-y:auto}.shop-aside-list{flex-direction:column;gap:2px;display:flex}.shop-aside-list .accessory.compact{border-bottom:1px solid var(--bg);margin:0;padding:7px 6px}.shop-aside-empty{color:var(--muted);margin:4px 0 0;font-size:13px}.shop-aside-empty.loading{animation:1.2s ease-in-out infinite pulse}.compare{border:0;border-radius:16px;width:min(1400px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0}.compare::backdrop{background:#00000080}.compare-inner{flex-direction:column;max-height:calc(100dvh - 48px);padding:18px 20px;display:flex}.compare-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.compare-head h2{font-family:var(--font-title);margin:0;font-size:22px;font-weight:500}.compare-close{background:var(--bg);cursor:pointer;border:0;border-radius:50%;flex:none;width:34px;height:34px;font-size:16px}.compare-close:hover{background:var(--pink);color:var(--white)}.compare-scroll{flex:1;overflow:auto}.compare-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.compare-table+.compare-table{margin-top:22px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:middle;padding:7px 10px}.compare-table td{min-width:120px}.compare-table thead th{z-index:2;background:var(--white);border-bottom:2px solid var(--black);vertical-align:top;min-width:170px;position:sticky;top:0}.compare-table tbody th,.compare-corner{z-index:1;background:var(--bg);min-width:150px;font-weight:700;position:sticky;left:0}.compare-corner{z-index:3}.compare-table tbody tr:hover td{background:var(--pink-soft)}.compare-product{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.compare-product:hover .compare-name{color:var(--pink);text-decoration:underline}.compare-thumb{border:1px solid var(--line);background:var(--white);border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.compare-thumb img{object-fit:contain;max-width:100%;max-height:100%}.compare-name{font-size:13px;font-weight:600;line-height:1.3}.compare-price{margin-top:6px;font-size:15px;font-weight:800;display:block}.compare-ref{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:400;display:block}.compare-note{color:var(--muted);margin:10px 0 0;font-size:12px}@media (max-width:960px){.shop-layout{grid-template-columns:minmax(0,1fr)}.shop-aside{max-height:none;position:static}}@media (max-width:560px){.shop-search{position:static}.searchbar input{font-size:16px}.searchbar-submit{padding:10px 14px}.searchbar-hint{padding-left:4px}.trail-step{max-width:220px}.shop-grid{grid-template-columns:minmax(0,1fr)}.toolbar-side{flex-wrap:wrap}}
