.shop-parent{display:flex;gap:32px;box-sizing:border-box;padding:40px 8%;width:100%;background:var(--color-bg-primary);min-height:100vh}.mobile-filter-toggle{display:none}.shop-child1{width:260px;min-width:260px;height:fit-content;gap:24px;position:sticky;top:130px}.brand,.shop-child1,.shop-filter{box-sizing:border-box;display:flex;flex-direction:column}.brand,.shop-filter{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:24px;gap:16px}.brand h1,.shop-filter h1{font-size:16px;font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.brand label,.shop-filter label{display:flex;align-items:center;gap:12px;cursor:pointer;transition:color var(--transition-fast)}.brand label:hover,.shop-filter label:hover{color:var(--color-gold)}.brand input[type=radio],.shop-filter input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all var(--transition-fast);position:relative}.brand input[type=radio]{border-radius:50%}.brand input[type=radio]:checked,.shop-filter input[type=checkbox]:checked{background:var(--color-gold);border-color:var(--color-gold)}.brand input[type=radio]:checked:after,.shop-filter input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--color-bg-primary);border-radius:2px}.brand input[type=radio]:checked:after{border-radius:50%}.shop-parent ul{display:flex;justify-content:space-between;width:100%}.shop-parent ul li:first-child{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.shop-parent ul li:nth-child(2){font-size:13px;color:var(--color-text-muted)}.shop-child2{flex:1;display:flex;flex-direction:column;gap:24px}.shop-banner{width:100%;height:200px;border-radius:20px;overflow:hidden;position:relative}.shop-banner img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.shop-brand{position:absolute;bottom:24px;left:32px;font-size:32px;color:#fff;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.shop-brand,.shop-child2-head{font-weight:700;text-transform:uppercase}.shop-child2-head{font-size:28px;color:var(--color-text-primary);text-align:center;letter-spacing:1px}.shop-info{padding:16px 20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;font-size:14px;color:var(--color-text-secondary)}.shop-arr{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.shop-arr-i{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;cursor:pointer;position:relative;overflow:hidden;padding:20px;transition:all var(--transition-smooth)}.shop-arr-i:hover{transform:translateY(-8px);border-color:var(--color-gold);box-shadow:var(--shadow-gold)}.shop-arr-img{width:100%;height:220px;object-fit:cover;border-radius:12px;background-position:50%;background-size:cover;transition:transform var(--transition-smooth)}.shop-arr-i:hover .shop-arr-img{transform:scale(1.05)}.shop-arr-title{font-size:14px;font-weight:600;color:var(--color-text-primary);text-transform:capitalize;text-align:center;transition:color var(--transition-fast)}.shop-arr-i:hover .shop-arr-title{color:var(--color-gold)}.shop-arr-content{font-size:13px;color:var(--color-text-muted);text-align:center}.shop-btn-arr{padding:12px 24px;background:var(--gradient-accent);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-smooth);display:flex;align-items:center;gap:8px}.shop-btn-arr:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,0,0,.4);background:var(--color-accent-light)}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:40px;padding:32px 0}.pagination button{padding:14px 32px;background:transparent;color:var(--color-gold);border:2px solid var(--color-gold);border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all var(--transition-smooth)}.pagination button:hover:not(:disabled){background:var(--color-gold);color:var(--color-bg-primary);transform:translateY(-2px)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:14px;color:var(--color-text-secondary)}@media (max-width:1200px){.shop-arr{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.shop-parent{padding:32px 5%}.shop-child1{width:220px;min-width:220px}.shop-arr{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.shop-parent{flex-direction:column;padding:20px 5%}.mobile-filter-toggle{display:block;margin-bottom:24px}.mobile-filter-toggle button{width:100%;padding:14px;background:var(--color-bg-card);border:1px solid var(--color-gold);color:var(--color-gold);border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.mobile-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.mobile-filter-header h3{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0}.close-filter{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.shop-child1{position:fixed;top:0;left:-100%;width:100%;height:100%;background:var(--color-bg-primary);z-index:2000;display:flex;flex-direction:column;padding:40px 24px;gap:32px;transition:left .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}.shop-child1.open{left:0}.brand,.shop-filter{background:hsla(0,0%,100%,.03);border:1px solid var(--color-border);border-radius:20px;padding:24px;width:100%;box-sizing:border-box}.shop-arr{grid-template-columns:repeat(2,1fr);gap:16px}.shop-child2{width:100%}.shop-banner{height:150px}.shop-brand{font-size:24px;bottom:16px;left:20px}.shop-child2-head{font-size:20px}}@media (max-width:480px){.shop-arr{grid-template-columns:repeat(2,1fr);gap:12px}.shop-arr-i{padding:12px}.shop-arr-img{height:150px}.shop-arr-title{font-size:12px}.shop-btn-arr{padding:10px 16px;font-size:11px}.shop-banner{height:120px;border-radius:12px}.shop-brand{font-size:18px;bottom:12px;left:16px}.shop-child2-head{font-size:16px;padding:16px 0}.shop-info{font-size:12px;padding:12px 16px}.pagination{gap:16px}.pagination button{padding:12px 20px;font-size:12px}}