
/* Service-only enhancements; no framework runtime. */
.service-effects main .contact-arrow{display:inline-block;transition:transform .2s ease}
.service-effects main [data-contact-style]{transition:transform .2s ease}
@media(hover:hover){.service-effects main [data-contact-style]:not(:disabled):hover{transform:translateY(-2px)}.service-effects main [data-contact-style]:not(:disabled):hover .contact-arrow{transform:translateX(3px)}}
.service-effects main [data-contact-style]:not(:disabled):active{transform:translateY(0) scale(.98)}
.brand-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);padding:8px 24px 20px;touch-action:pan-x pan-y}
.brand-window::-webkit-scrollbar{display:none;width:0;height:0}
.brand-track{display:flex;width:max-content;will-change:transform}
.brand-group{display:flex;gap:24px;padding:0 24px 0 0;margin:0;list-style:none;align-items:stretch}
.brand-card{flex:none;width:300px;min-height:288px;padding:28px 24px;border:1px solid rgba(243,244,238,.35);display:flex;flex-direction:column}
.brand-card strong{font-size:26px;line-height:1.4;min-height:74px;display:flex;align-items:center;overflow-wrap:anywhere}
.brand-card h3{font-size:22px;margin:20px 0 12px}.brand-card p{font-size:16px;margin:0;min-height:82px}
.brand-copy{display:none}.brands-enhanced .brand-copy{display:flex}
.brands-enhanced[data-mode=auto] .brand-track{animation:brand-flow 112s linear infinite}
.brands-enhanced[data-paused=true] .brand-track{animation-play-state:paused}
.brand-list :focus-visible{outline-color:var(--paper)}.brand-note{margin:28px 0 0;font-size:16px}
@keyframes brand-flow{to{transform:translateX(-50%)}}
.buy-process-list{list-style:none;padding:0;margin:48px 0 0;display:grid;gap:72px}
.buy-process-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;border:0;padding:0}
.buy-process-photo{position:relative;min-width:0}
.buy-process-photo img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:6px}
.buy-process-photo>span{position:absolute;top:16px;left:16px;background:#141414cc;color:#fff;padding:5px 10px;font-size:12px;letter-spacing:.12em}
.buy-process-row:nth-child(even) .buy-process-photo{grid-column:2;grid-row:1}
.buy-process-row:nth-child(even) .buy-process-copy{grid-column:1;grid-row:1}
.buy-process-copy h3{font-size:28px;margin-block:16px}
.buy-process-copy>p:not(.process-number){max-width:44ch;margin-bottom:28px}
.contact-band-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.contact-band-actions .button{min-width:180px;opacity:1}
.contact-band-actions [data-contact-style=phone]{background:var(--green);color:#fff;border-color:var(--green)}
.contact-band-actions [data-contact-style=kakao]{background:#FEE500;color:rgba(0,0,0,.85);border-color:#FEE500}
@media(max-width:1023px){.buy-process-list{gap:48px}.buy-process-row{grid-template-columns:1fr;gap:28px}.buy-process-row:nth-child(even) .buy-process-photo,.buy-process-row:nth-child(even) .buy-process-copy{grid-column:auto;grid-row:auto}.buy-process-copy h3{font-size:24px}.contact-band-actions .button{flex:1;min-width:140px;max-width:260px}}
.review-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.review-card{margin:0;padding:32px;background:#E4E7DD;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.review-card p{font-size:20px;line-height:1.8;margin:0 0 24px;overflow-wrap:anywhere}.review-card cite{font-size:14px;font-style:normal}
.review-copy{display:none}.reviews-enhanced .review-copy{display:flex}
.reviews-enhanced .review-window{overflow:hidden}
.reviews-enhanced .review-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/2)}
.review-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.review-controls[hidden]{display:none}
.review-dots{display:flex;gap:4px}.review-dots button{width:44px;height:44px;padding:0;border:0;color:#5A5F5A}.review-dots [aria-current=true]{color:var(--ink);outline:1px solid currentColor}.review-status{font-size:13px}
.review-source-note{font-size:13px}
.repair-process .reveal-items{list-style:none;padding:0;margin:0}
.repair-process .process-step{border:0;min-height:75vh;padding-block:64px}
.repair-process .reveal-photos img,.repair-process .reveal-mobile-photo img{height:100%;aspect-ratio:4/3;object-fit:contain;background:#D7D9D4}
.repair-process .reveal-copy h3{font-size:30px}.repair-process .reveal-copy p{max-width:none}
.compare-handle span{width:56px;height:56px;font-size:18px;white-space:nowrap}
.compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.compare-label{font-size:12px;padding:4px 6px;bottom:8px;left:8px}
.is-interactive .compare-after .compare-label{right:8px}
.effect-pending{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.effect-pending.effect-seen{opacity:1;transform:none}
.photo-reveal{overflow:hidden}.photo-reveal img{transform:scale(1.035);transition:transform .5s ease}.photo-reveal.effect-seen img{transform:scale(1)}
@media(max-width:1023px){
 .brand-card{width:270px}.brands-enhanced[data-mode=auto] .brand-track{animation-duration:154s}
 .review-track{grid-template-columns:1fr}.reviews-enhanced .review-track{grid-auto-columns:100%}
 .review-card{padding:24px}.review-card p{font-size:18px}
 .repair-process .process-step{min-height:0;padding:0 0 64px}
 .repair-process .reveal-mobile-photo{margin:28px 0 0}
 .repair-process .reveal-copy h3{font-size:26px}
 .compare-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .brands-enhanced .brand-track{animation:none!important;transform:none!important;will-change:auto}
 .brands-enhanced .brand-copy{display:none}
 .review-track{transition:none!important}
 .effect-pending{opacity:1;transform:none;transition:none}
 .photo-reveal img{transform:none!important;transition:none}
 .service-effects main [data-contact-style],.service-effects main .contact-arrow{transition:none}
 .service-effects main [data-contact-style]:not(:disabled):hover,.service-effects main [data-contact-style]:not(:disabled):active,.service-effects main [data-contact-style]:hover .contact-arrow{transform:none}
}
