.shop-handwriting { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:center; margin:48px 0 64px; padding:clamp(20px,3vw,40px); background:#eee6da; border-radius:12px; color:#211e29; }
.shop-handwriting figure { margin:0; min-width:0; }
.shop-handwriting img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; border-radius:8px; }
.shop-handwriting figcaption { margin-top:12px; font-size:.85rem; line-height:1.55; color:#625965; }
.shop-handwriting h2 { margin:0 0 20px; font-size:clamp(1.75rem,3.2vw,2.7rem); line-height:1.12; letter-spacing:-.025em; }
.shop-handwriting p { max-width:55ch; margin:0 0 16px; line-height:1.65; }
.shop-handwriting__price { font-weight:700; }
.shop-handwriting__action { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 20px; margin:4px 0 16px; color:#fff; background:#593caf; border-radius:6px; font-weight:600; text-decoration:none; }
.shop-handwriting__action:hover { background:#452c92; }
.shop-handwriting__action:focus-visible { outline:3px solid #211e29; outline-offset:4px; }
.shop-handwriting__note { font-size:.9rem; color:#625965; }
@media(max-width:760px) { .shop-handwriting { grid-template-columns:1fr; margin:32px 0 48px; gap:24px; } .shop-handwriting__action { width:100%; box-sizing:border-box; } }