.cs-cat-shop{--cshop-ink:#182b40;--cshop-muted:#697b8f;--cshop-line:#e4eaf0;--cshop-blue:#195b94;max-width:1240px;margin:30px auto 72px;padding:0 24px;color:var(--cshop-ink)}
.cs-cat-shop *{box-sizing:border-box}
.cs-cat-shop__intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 32px;border:1px solid var(--cshop-line);border-radius:16px;background:linear-gradient(120deg,#f4f8fc,#fff 66%)}
.cs-cat-shop__eyebrow{display:block;margin-bottom:9px;color:var(--cshop-blue);font-size:11px;font-weight:800;letter-spacing:.12em}
.cs-cat-shop__intro h2{margin:0;color:var(--cshop-ink);font-size:30px;line-height:1.2;letter-spacing:-.025em}
.cs-cat-shop__intro p{margin:8px 0 0;color:var(--cshop-muted);font-size:15px}
.cs-cat-shop__search{display:flex;width:min(100%,420px);height:50px;flex:0 0 38%;overflow:hidden;border:1px solid #cbd6e0;border-radius:9px;background:white;box-shadow:0 2px 8px #183b5a0a}
.cs-cat-shop__search input[type=search]{width:100%;min-width:0;border:0!important;outline:0!important;padding:0 16px;background:transparent;font-size:14px;box-shadow:none!important}
.cs-cat-shop__search button{width:54px;flex:0 0 54px;border:0;background:var(--cshop-blue);color:#fff;font-size:29px;cursor:pointer}
.cs-cat-shop__quick{display:flex;gap:10px;overflow:auto;padding:19px 1px 5px;scrollbar-width:thin}
.cs-cat-shop__quick a{display:flex;align-items:center;gap:13px;flex:0 0 auto;padding:10px 14px;border:1px solid var(--cshop-line);border-radius:22px;background:#fff;color:var(--cshop-ink);font-size:13px;font-weight:650;text-decoration:none;transition:border-color .15s,background .15s}
.cs-cat-shop__quick a:hover{border-color:#9ebbd5;background:#f6faff}.cs-cat-shop__quick a span{color:var(--cshop-blue);font-size:18px;line-height:12px}
.cs-cat-shop__heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--cshop-line)}
.cs-cat-shop__heading h2{margin:0;font-size:22px;line-height:1.3}.cs-cat-shop__heading>span{color:var(--cshop-muted);font-size:13px}
.cs-cat-shop__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.cs-cat-shop__card{min-width:0;padding:11px;border:1px solid var(--cshop-line);border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.cs-cat-shop__card:hover{transform:translateY(-3px);border-color:#bdcedd;box-shadow:0 9px 24px #173b5a12}
.cs-cat-shop__visual{position:relative;display:grid;place-items:center;aspect-ratio:1.38;border-radius:8px;background:linear-gradient(145deg,#f2f6fa,#e8eff5);overflow:hidden}
.cs-cat-shop__visual img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.cs-cat-shop__card:hover .cs-cat-shop__visual img{transform:scale(1.04)}
.cs-cat-shop__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:var(--cshop-blue);font-size:29px;box-shadow:0 4px 18px #19365312}
.cs-cat-shop__arrow{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffffed;color:var(--cshop-blue);font-size:15px}
.cs-cat-shop__card-title{display:block;margin:12px 2px 3px;color:var(--cshop-ink);font-size:15px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.cs-cat-shop__count{display:block;margin:0 2px 3px;color:var(--cshop-muted);font-size:12px}
@media(max-width:1000px){.cs-cat-shop__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-cat-shop__intro{padding:25px}}
@media(max-width:700px){.cs-cat-shop{margin:16px auto 48px;padding:0 16px}.cs-cat-shop__intro{display:block;padding:22px 18px;border-radius:12px}.cs-cat-shop__intro h2{font-size:25px}.cs-cat-shop__intro p{font-size:13px;line-height:1.5}.cs-cat-shop__search{width:100%;margin-top:18px;height:47px}.cs-cat-shop__quick{gap:8px;padding-top:14px}.cs-cat-shop__quick a{padding:9px 12px;font-size:12px}.cs-cat-shop__heading{margin-top:25px}.cs-cat-shop__heading h2{font-size:19px}.cs-cat-shop__heading>span{font-size:11px}.cs-cat-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cs-cat-shop__card{padding:8px;border-radius:10px}.cs-cat-shop__visual{aspect-ratio:1.22}.cs-cat-shop__card-title{margin-top:9px;font-size:13px}.cs-cat-shop__count{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cs-cat-shop__card,.cs-cat-shop__visual img{transition:none}}