/* SiteKit Handyman Details 1.3.0: Before & After sliders + Testimonials slider.
   Colors and sizes mirror the reference site's GutenKit sliders. Section, card,
   dot and arrow styling for the reviews comes from the site CSS (sk-reviews). */

/* ----- Before & After ----- */
.sk-ba-grid{display:grid;grid-template-columns:minmax(0,36rem);justify-content:center;gap:clamp(2rem,4vw,2.75rem);align-items:start;margin:0;padding:0;list-style:none;}
@media (min-width:1024px){.sk-ba-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:clamp(1.5rem,2.5vw,2.25rem);}}
.sk-ba-item{margin:0;}
.sk-ba-item>*{margin-top:0;}
.sk-ba{--pos:50%;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;margin:0 0 1rem;background:#2B2B2B;}
.sk-ba__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;}
.sk-ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.sk-ba__label{position:absolute;top:12px;z-index:2;padding:.4em .7em;background:#171717;color:#F3F0E9;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;pointer-events:none;}
.sk-ba__label--before{left:12px;}
.sk-ba__label--after{right:12px;}
.sk-ba__divider{position:absolute;top:0;bottom:0;left:var(--pos);z-index:2;width:2px;margin-left:-1px;background:#FFFFFF;pointer-events:none;}
.sk-ba__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;transform:translate(-50%,-50%);border:2px solid #FFFFFF;border-radius:50%;background:#171717;color:#FFFFFF;box-sizing:border-box;}
.sk-ba__handle svg{width:20px;height:20px;fill:currentColor;}
.sk-ba__range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;touch-action:pan-y;}
.sk-ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100%;}
.sk-ba__range::-moz-range-thumb{width:44px;height:100%;border:0;}
.sk-ba:has(.sk-ba__range:focus-visible){outline:3px solid #FF5A1F;outline-offset:3px;}
.sk-ba__range:focus-visible~.sk-ba__divider .sk-ba__handle,.sk-ba:focus-within .sk-ba__handle{box-shadow:0 0 0 3px #FF5A1F;}

/* ----- Testimonials (structure only; look comes from .sk-reviews site CSS) ----- */
.skt .skt__slider{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1rem;}
.skt .skt__track{flex:0 0 100%;display:flex;align-items:stretch;gap:16px;margin:-8px;padding:8px;width:calc(100% + 16px);max-width:none;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:8px;scroll-behavior:smooth;scrollbar-width:none;}
.skt .skt__track::-webkit-scrollbar{display:none;}
.skt .skt__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;}
@media (min-width:768px){.skt .skt__track{gap:24px;}.skt .skt__slide{flex-basis:calc((100% - 24px)/2);}}
@media (min-width:1080px){.skt .skt__slide{flex-basis:calc((100% - 48px)/3);}}
.skt .gkit-testimonial-style4{margin:0;}
.skt .skt__quote{margin:0;padding:0;border:0;}
.skt .skt__quote::before,.skt .skt__quote::after{content:none;}
.skt .skt__rating{order:0;margin:0 0 .75rem;font-size:1.125rem;line-height:1;letter-spacing:.1em;color:#A8380D;}
.skt .skt__rating-off{color:#D9D5CD;}
.skt .skt__service{display:block;margin-top:.25rem;font-size:.875rem;line-height:1.4;color:#4A4642;}
.skt [hidden]{display:none!important;}
.skt .skt__dots .swiper-pagination-bullet{border:0;cursor:pointer;font:inherit;}
@media (prefers-reduced-motion:reduce){.skt .skt__track{scroll-behavior:auto;}}
.skt .screen-reader-text,.sk-ba-grid .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Editor-only notes */
.skbd-editor-note{margin:0;padding:1rem 1.25rem;border:1px dashed currentColor;font-size:.9375rem;}