/* on-site search (staging 2026-10-25) — homepage DA */
.sr-hd{display:flex;align-items:center;margin-left:14px}
.sr-hd input{width:150px;border:1px solid rgba(255,105,170,.45);border-radius:999px;padding:7px 12px 7px 32px;font:inherit;font-size:.9rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e0418a' stroke-width='2.4'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 10px center;transition:width .3s,box-shadow .3s;color:#2a1630}
.sr-hd input:focus{outline:none;width:200px;box-shadow:0 0 0 4px rgba(255,105,170,.18)}
@media(max-width:640px){header.site .wrap{flex-wrap:wrap}.sr-hd{order:3;width:100%;margin:8px 0 0}.sr-hd input,.sr-hd input:focus{width:100%}}
.sr-box{max-width:640px;margin:0 auto 10px;position:relative}
.sr-box input{width:100%;box-sizing:border-box;border:2px solid #ff69aa;border-radius:999px;padding:15px 22px 15px 50px;font:inherit;font-size:1.05rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23e0418a' stroke-width='2.4'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px center;animation:srGlow 2.8s ease-in-out infinite;color:#2a1630}
.sr-box input:focus{outline:none}
@keyframes srGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,105,170,.35)}50%{box-shadow:0 0 0 9px rgba(255,105,170,0)}}
.sr-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}
.sr-tabs button{border:1px solid rgba(255,105,170,.5);background:#fff;color:#c2306f;border-radius:999px;padding:6px 14px;font:inherit;font-size:.88rem;cursor:pointer}
.sr-tabs button.on{background:linear-gradient(135deg,#ff69aa,#a14bd6);color:#fff;border-color:transparent}
.sr-meta{text-align:center;color:#7a5a7f;font-size:.92rem;min-height:1.3em;margin:6px 0 16px}
.sr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;max-width:1100px;margin:0 auto}
.sr-card{display:block;text-decoration:none;color:#2a1630;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 22px rgba(161,75,214,.13);transition:transform .25s,box-shadow .25s;animation:srIn .45s ease-out both}
.sr-card:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 12px 30px rgba(255,105,170,.28)}
.sr-card .ph{aspect-ratio:4/5;background:#f6e9f2;overflow:hidden}
.sr-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.sr-card:hover img{transform:scale(1.06)}
.sr-card .tt{padding:10px 12px 13px;font-weight:600;font-size:.93rem;line-height:1.3;text-align:center}
@keyframes srIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sr-empty{max-width:560px;margin:10px auto 0;text-align:center;background:linear-gradient(135deg,#fff0f7,#f5ecff);border-radius:20px;padding:24px 20px;color:#4b2a52}
.sr-empty b{color:#c2306f}
@media(max-width:640px){.sr-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sr-card .tt{font-size:.85rem;padding:8px 8px 10px}}