/* 簡単見積もりボタンの注目演出（2026-10-15）。数回だけ動いて止まる。動きを減らす設定では無効 */
@keyframes sdpAttnRing{0%{box-shadow:0 0 0 0 rgba(163,79,77,.6)}70%{box-shadow:0 0 0 16px rgba(163,79,77,0)}100%{box-shadow:0 0 0 0 rgba(163,79,77,0)}}
@keyframes sdpAttnRingInset{0%{box-shadow:inset 0 0 0 0 rgba(255,255,255,.0)}35%{box-shadow:inset 0 0 0 4px rgba(255,255,255,.85)}100%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}}
@keyframes sdpAttnShine{0%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(260%) skewX(-20deg)}}
@keyframes sdpAttnNudge{0%,100%{transform:scale(1)}40%{transform:scale(1.06)}}
/* A：光の輪 */
.sdp-attn-a{animation:sdpAttnRing 1.6s ease-out 3}
.estimate-dock .sdp-attn-a{animation:sdpAttnRingInset 1.6s ease-out 3}          /* PCのドックは枠外が切れるので内側に光らせる */
@media (max-width:767px){.estimate-dock .sdp-attn-a{animation:sdpAttnRing 1.6s ease-out 3}}
/* B：光の帯 */
.sdp-attn-b{position:relative;overflow:hidden;animation:sdpAttnNudge 1.4s ease-in-out 3}
.sdp-attn-b::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));animation:sdpAttnShine 1.4s ease-in-out 3}
/* B案ウェーブ（2026-10-15 Doctor 決定）：修理料金→郵送修理→電話で相談の順に光を流す。膨らむのは修理料金だけ */
.sdp-attn-w{position:relative;overflow:hidden}
.sdp-attn-w::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
  animation:sdpAttnShine 1.4s ease-in-out 3;animation-delay:var(--sdp-attn-d,0s);transform:translateX(-120%) skewX(-20deg)}
.sdp-attn-w.sdp-attn-light::after{background:linear-gradient(90deg,rgba(163,79,77,0),rgba(163,79,77,.28),rgba(163,79,77,0))}
/* 追加案（2026-10-15 Doctor 承認）：ページ上部の料金カードは、画面に入ったときに1回だけ（赤みの光＋小さな膨らみ） */
.hero-price-card.sdp-attn-b{animation:sdpAttnNudge 1.4s ease-in-out 1}
.hero-price-card.sdp-attn-b::after{background:linear-gradient(90deg,rgba(163,79,77,0),rgba(163,79,77,.38),rgba(163,79,77,0));animation-iteration-count:1}
@media (prefers-reduced-motion:reduce){.sdp-attn-a,.sdp-attn-b,.sdp-attn-b::after,.sdp-attn-w::after{animation:none!important}}
/* ダークモードでも「郵送修理」をグレーにする（2026-10-15 Doctor 指示。ライトモードと同じ灰色・文字は白） */
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]) .estimate-dock .estimate-dock-mail,
  html:not([data-theme="light"]) .estimate-dock .estimate-dock-mail:hover{background:#6b6c6e!important;border-color:#6e7175!important;color:#fff!important}
  html:not([data-theme="light"]) .estimate-dock .estimate-dock-mail small{color:rgb(255 255 255 / 82%)!important}
}
html[data-theme="dark"] .estimate-dock .estimate-dock-mail,
html[data-theme="dark"] .estimate-dock .estimate-dock-mail:hover{background:#6b6c6e!important;border-color:#6e7175!important;color:#fff!important}
html[data-theme="dark"] .estimate-dock .estimate-dock-mail small{color:rgb(255 255 255 / 82%)!important}