body .zasshi-section.z-search{background:var(--z-bg);letter-spacing:normal;padding:0 0 96px}body .zasshi-section .z-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body .zasshi-section .z-search-hero{background:var(--z-bg-soft);padding:0 24px 52px}body .zasshi-section .z-search-hero-inner{max-width:var(--z-max);margin:0 auto}body .zasshi-section .z-search-hero .z-breadcrumb{padding:16px 0;border-bottom-color:#233c5714}body .zasshi-section .z-search-intro{text-align:center;max-width:680px;margin:44px auto 0}body .zasshi-section .z-search-intro h1{font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}body .zasshi-section .z-search-intro p{font-size:16px;margin-top:12px}body .zasshi-section .z-search-form{position:relative;z-index:20;max-width:760px;margin:30px auto 0}body .zasshi-section .z-search-field{display:flex;align-items:center;gap:6px;height:64px;padding:0 8px 0 22px;background:#fff;border:1.5px solid var(--z-border);border-radius:999px;box-shadow:0 14px 34px #233c5712;transition:border-color .2s ease,box-shadow .2s ease}body .zasshi-section .z-search-field:focus-within{border-color:var(--z-accent);box-shadow:0 0 0 4px #72aacc2e,0 14px 34px #233c5712}body .zasshi-section .z-search-icon{flex:0 0 20px;width:20px;height:20px;color:#8a96a3}body .zasshi-section .z-search-field input[type=search]{flex:1;min-width:0;height:100%;padding:0 6px;border:0;outline:0;background:transparent;box-shadow:none;font-family:var(--z-font);font-size:16px;color:var(--z-ink);-webkit-appearance:none;appearance:none}body .zasshi-section .z-search-field input[type=search]::placeholder{color:#9aa5b1}body .zasshi-section .z-search-field input[type=search]::-webkit-search-cancel-button,body .zasshi-section .z-search-field input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}body .zasshi-section .z-search-clear{flex:0 0 34px;width:34px;height:34px;padding:0;border:0;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--z-bg-soft);color:var(--z-ink-soft);transition:background-color .15s ease,color .15s ease}body .zasshi-section .z-search-clear[hidden]{display:none}body .zasshi-section .z-search-clear svg{width:15px;height:15px}body .zasshi-section .z-search-clear:hover{background:#eef6fb;color:var(--z-ink)}body .zasshi-section .z-search-clear:focus{outline:none}body .zasshi-section .z-search-clear:focus-visible{box-shadow:0 0 0 3px #72aacc59}body .zasshi-section .z-btn.z-search-submit{height:48px;padding:0 26px;margin-left:4px;flex:0 0 auto}body .zasshi-section .z-btn.z-search-submit svg{width:17px;height:17px}body .zasshi-section .z-search-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:760px;margin:20px auto 0}body .zasshi-section .z-search-chips-label{font-size:13px;color:var(--z-ink-soft);margin-right:4px}body .zasshi-section .z-search-chip{padding:7px 15px;border-radius:999px;background:#fff;border:1px solid var(--z-border);font-size:13px;color:var(--z-ink);transition:border-color .15s ease,color .15s ease,background-color .15s ease}body .zasshi-section .z-search-chip:hover{border-color:var(--z-accent);color:var(--z-accent)}body .zasshi-section .z-pred{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border:1px solid var(--z-border);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #233c5729;text-align:left;animation:z-pred-in .18s ease both}body .zasshi-section .z-pred[hidden]{display:none}@keyframes z-pred-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}body .zasshi-section .z-pred-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:28px;padding:22px 22px 16px;max-height:min(460px,60vh);overflow-y:auto}body .zasshi-section .z-pred-cols.z-pred-one{grid-template-columns:1fr}body .zasshi-section .z-pred-head{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--z-gold-dark);margin:0 0 8px 10px}body .zasshi-section .z-pred-head~.z-pred-head{margin-top:18px}body .zasshi-section .z-pred-list,body .zasshi-section .z-pred-products{display:flex;flex-direction:column;gap:2px}body .zasshi-section .z-pred-link{display:block;padding:8px 10px;border-radius:10px;font-size:14.5px;color:var(--z-ink-soft);transition:background-color .12s ease,color .12s ease}body .zasshi-section .z-pred-link mark{background:none;color:var(--z-ink);font-weight:600}body .zasshi-section .z-pred-product{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:12px;transition:background-color .12s ease}body .zasshi-section .z-pred-thumb{flex:0 0 54px;width:54px;height:54px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,var(--z-bg-soft),#dbe6ee)}body .zasshi-section .z-pred-thumb img{display:block;width:100%;height:100%;object-fit:cover}body .zasshi-section .z-pred-info{display:flex;flex-direction:column;gap:2px;min-width:0}body .zasshi-section .z-pred-title{font-size:14.5px;font-weight:600;color:var(--z-ink);line-height:1.3}body .zasshi-section .z-pred-price{font-size:13px;color:var(--z-accent);font-weight:600}body .zasshi-section .z-pred-link:hover,body .zasshi-section .z-pred-link.z-active,body .zasshi-section .z-pred-product:hover,body .zasshi-section .z-pred-product.z-active{background:var(--z-bg-soft);color:var(--z-ink)}body .zasshi-section .z-pred-product.z-active .z-pred-title,body .zasshi-section .z-pred-product:hover .z-pred-title{color:var(--z-accent)}body .zasshi-section .z-pred-none{padding:22px 24px 18px;font-size:14.5px;color:var(--z-ink-soft)}body .zasshi-section .z-pred-all{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 24px;border-top:1px solid var(--z-border);font-size:14.5px;font-weight:600;color:var(--z-ink);transition:background-color .12s ease,color .12s ease}body .zasshi-section .z-pred-all svg{width:18px;height:18px;flex:0 0 18px;transition:transform .2s ease}body .zasshi-section .z-pred-all:hover,body .zasshi-section .z-pred-all.z-active{background:var(--z-bg-soft);color:var(--z-accent)}body .zasshi-section .z-pred-all:hover svg,body .zasshi-section .z-pred-all.z-active svg{transform:translate(3px)}body .zasshi-section .z-search-body{max-width:var(--z-max);margin:0 auto;padding:48px 24px 0;scroll-margin-top:90px}body .zasshi-section .z-search-count{font-size:14px;color:var(--z-ink-soft);margin-bottom:24px}body .zasshi-section .z-search-card{display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@media(hover:hover){body .zasshi-section .z-search-card:hover{transform:translateY(-4px);box-shadow:var(--z-shadow);border-color:var(--z-accent-light)}}body .zasshi-section .z-search-card-img{display:block;aspect-ratio:3 / 2;overflow:hidden;background:var(--z-bg-soft)}body .zasshi-section .z-search-card-img img{width:100%;height:100%;object-fit:cover;display:block}body .zasshi-section .z-search-card .z-product-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px}body .zasshi-section .z-search-card h3{font-size:18px;margin-bottom:8px}body .zasshi-section .z-search-card h3 a:hover{color:var(--z-accent)}body .zasshi-section .z-search-card p{font-size:14px;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body .zasshi-section .z-search-card .z-product-link{margin-top:auto}body .zasshi-section .z-search-empty{max-width:560px;margin:8px auto 0;padding:48px 32px 46px;text-align:center;background:var(--z-bg-soft);border-radius:22px}body .zasshi-section .z-search-empty-icon{width:80px;height:80px;margin:0 auto 22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef6fb;color:var(--z-ink);box-shadow:0 0 0 10px #eef6fb80}body .zasshi-section .z-search-empty-icon svg{width:32px;height:32px}body .zasshi-section .z-search-empty h2{font-size:clamp(22px,3vw,28px);margin-bottom:10px;overflow-wrap:anywhere}body .zasshi-section .z-search-empty p{font-size:15px;max-width:400px;margin:0 auto}body .zasshi-section .z-search-empty .z-btn{margin:26px auto 0}body .zasshi-section .z-search-fallback{margin-top:72px}body .zasshi-section .z-search-empty+.z-search-fallback{margin-top:80px}@media(max-width:700px){body .zasshi-section .z-pred-cols{grid-template-columns:1fr;gap:18px}}@media(max-width:600px){body .zasshi-section.z-search{padding-bottom:72px}body .zasshi-section .z-search-hero{padding:0 16px 40px}body .zasshi-section .z-search-intro{margin-top:32px}body .zasshi-section .z-search-field{height:56px;padding:0 6px 0 18px}body .zasshi-section .z-btn.z-search-submit{width:44px;height:44px;padding:0}body .zasshi-section .z-btn.z-search-submit span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body .zasshi-section .z-search-body{padding:36px 16px 0}body .zasshi-section .z-pred{border-radius:16px}body .zasshi-section .z-pred-cols{padding:16px 12px 10px}body .zasshi-section .z-search-empty{padding:40px 22px 38px}}@media(prefers-reduced-motion:reduce){body .zasshi-section .z-pred{animation:none}body .zasshi-section .z-search-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zasshi-search.css.map */