/* Mobile-first Made Filter: keep controls reachable without a tall sticky preview. */
.filter-gallery{scroll-margin-top:calc(var(--header-offset,100px) + 80px)}
.made-filter button{touch-action:manipulation}
@media(max-width:700px){
.filter-page{padding:18px 12px 90px}
.filter-page .made-filter{padding:20px 12px;margin:0}
.filter-page .filter-heading h1{font-size:40px;line-height:1.15}
.filter-page .filter-heading>p{font-size:13px;line-height:1.8}
.filter-page .filter-layout{display:block}
.filter-page .filter-gallery{position:static;top:auto;padding:0 0 18px;margin:0 0 22px;box-shadow:none}
.filter-page .filter-gallery .filter-image,.filter-page .pearl-photo-preview{width:min(100%,300px);margin:0 auto}
.filter-page .filter-image-label{font-size:9px;max-width:calc(100% - 16px);line-height:1.4}
.filter-page .filter-caption{font-size:12px;line-height:1.65;justify-content:center;margin:10px 0 6px}
.filter-page .filter-gallery>.fineprint{display:block;font-size:10px;line-height:1.6;text-align:center;margin:6px auto 0;max-width:320px}
.filter-page .filter-designs{grid-template-columns:1fr;gap:8px}
.filter-page .filter-designs button,.filter-page .filter-designs button:last-child{min-height:48px;padding:13px 12px;grid-column:auto}
.filter-page .filter-designs strong{font-family:"HERSTONE Latin Sans",var(--font-jp),sans-serif;font-size:13px;line-height:1.5;letter-spacing:.025em;overflow-wrap:normal}
.filter-page .filter-designs small{font-size:11px;margin-top:3px}
.filter-page .filter-materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.filter-page .filter-materials button{min-height:92px;padding:12px 8px;gap:8px}
.filter-page .filter-materials button>span:last-child{font-size:12px;line-height:1.5}
.filter-page .filter-materials small{font-size:10px;line-height:1.5}
.filter-page .filter-controls fieldset{scroll-margin-top:calc(var(--header-offset,68px) + 70px);padding-bottom:22px;margin-bottom:22px}
.filter-page .filter-controls legend{font-size:15px}
.filter-page .filter-hint{font-size:12px;line-height:1.8}
.filter-page .stone-dialogue{padding:18px 12px;margin-top:12px}
.filter-page .stone-dialogue>h2{font-size:18px;line-height:1.65}
.filter-page .dialogue-intro{font-size:13px;line-height:1.85;margin-bottom:20px}
.filter-page .dialogue-options button{min-height:48px;font-size:13px;padding:12px}
.filter-page .dialogue-current{scroll-margin-top:calc(var(--header-offset,68px) + 70px)}
.filter-page .stone-amulet{padding:22px 12px}
.filter-page .stone-amulet h3{font-size:17px}
.filter-page .amulet-poem{font-size:13px;line-height:2}
.filter-page .amulet-meaning{font-size:12px}
.filter-page .filter-price{padding:18px 14px}
.filter-page .filter-controls>.button{font-size:13px;line-height:1.65;min-height:48px}
body:has(.made-filter) .instagram-follow-float{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:44px;height:44px;padding:0;justify-content:center;gap:0}
body:has(.made-filter) .instagram-follow-float>span:last-child{display:none}
body:has(.made-filter) .instagram-follow-float .follow-heart{font-size:23px}
}