body{background:#f7f3ff}.shop-page{max-width:1320px;margin:auto;padding:0 24px 90px;color:#334b79}.shop-hero{text-align:center;padding:70px 20px 46px;background:radial-gradient(ellipse at center,#e8d9ff 0,#f7f3ff 70%)}.shop-eyebrow{font-size:12px;font-weight:900;letter-spacing:3px;color:#a261dd}.shop-hero h1{font-size:clamp(38px,5vw,64px);margin:15px 0;color:#354f88}.shop-hero em{color:#b05cdb}.shop-hero p{color:#7283a4;font-size:16px}.shop-banner{display:inline-block;margin-top:24px;background:#fff7e9;color:#926421;border:1px solid #f1d7a3;padding:13px 18px;border-radius:15px;font-size:13px;font-weight:700}.shop-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.shop-sidebar,.shop-card{background:#fff;border:1px solid #e6defa;box-shadow:0 12px 28px #8377b21a;border-radius:20px}.shop-sidebar{padding:22px;position:sticky;top:105px}.shop-sidebar h2{font-size:22px;margin:0 0 17px;color:#43568e}.shop-category{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;margin:3px 0;border-radius:11px;font-size:13px;font-weight:700;color:#617196}.shop-category:hover,.shop-category.selected{background:#efe8ff;color:#8953c9}.shop-category span{color:#a78dbf}.shop-search{display:flex;gap:10px;margin-bottom:13px}.shop-search input{flex:1;min-width:0;border:1px solid #e1d9f2;border-radius:13px;padding:15px 18px;font:inherit;background:#fff;color:#354f88}.shop-search button{border:0;border-radius:13px;background:linear-gradient(120deg,#a778ed,#c15fd9);color:#fff;padding:0 22px;font-weight:800;cursor:pointer}.shop-count{font-size:12px;color:#8792aa;margin:15px 0 20px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-card{overflow:hidden;display:flex;flex-direction:column}.shop-image{height:170px;display:grid;place-items:center;background:linear-gradient(145deg,#f5edff,#e8f7ff)}.shop-image img{width:125px;height:125px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 9px 10px #8a7dba40)}.shop-image span{font-size:50px;color:#bd9de6}.shop-content{padding:20px;display:flex;flex-direction:column;flex:1}.shop-label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#a163c8;font-weight:900}.shop-content h3{font-size:18px;color:#3a538a;margin:9px 0}.shop-content p{font-size:12px;line-height:1.6;color:#8190aa;min-height:54px;max-height:57px;overflow:hidden;margin:0 0 16px}.shop-bottom{display:flex;justify-content:space-between;margin-top:auto;align-items:center}.shop-bottom strong{font-size:20px;color:#9859d1}.shop-bottom span{color:#8290a8}.shop-content button{margin-top:16px;padding:12px;border:0;border-radius:10px;background:#f1ebfb;color:#a08abf;font-weight:800;cursor:not-allowed}.shop-empty{padding:40px;background:#fff;border-radius:18px;text-align:center}@media(max-width:980px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{position:static}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-page{padding:0 12px 60px}.shop-search button{padding:0 12px}}@media(max-width:450px){.shop-grid{grid-template-columns:1fr}.shop-hero{padding:42px 12px}.shop-search{flex-direction:column}.shop-search button{padding:13px}}