/* SofaMend v4.7.0: 10-image full-photo carousel, independent of older hero.
   Full source image is kept visible; photo content is never object-fit:cover. */
.sm-v465 .sm470-hero, .sm-v465 .sm470-hero * {box-sizing:border-box}
.sm-v465 .sm470-hero{background:#fff;border:1px solid #e8edf2;border-radius:23px;overflow:hidden;box-shadow:0 12px 35px rgba(10,33,58,.075);isolation:isolate}
.sm470-slides{position:relative;min-width:0}
.sm-v465 .sm470-slide{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:stretch;min-height:425px;max-width:100%;margin:0}
.sm-v465 .sm470-slide[hidden]{display:none!important}
.sm470-visual{grid-column:2;grid-row:1;display:grid;place-items:center;min-width:0;background:#f7ede1;overflow:hidden}
.sm470-visual img{width:100%;height:100%;max-height:475px;object-fit:cover!important;object-position:center center!important;display:block;filter:none!important;mix-blend-mode:normal!important}
.sm470-copy{grid-column:1;grid-row:1;padding:clamp(24px,3.3vw,63px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0;background:linear-gradient(130deg,#fffaf3,#fff 72%);min-width:0}
.sm470-eyebrow{font-weight:850;font-size:clamp(10px,.9vw,12px);letter-spacing:.12em;color:#dd570e;margin-bottom:15px}
.sm470-copy h1{margin:0;color:#09273e;font-size:clamp(31px,3.4vw,60px);font-weight:900;line-height:1.07;letter-spacing:-.05em;max-width:630px}
.sm470-copy h1 em{font-style:normal;color:#f1590b}
.sm470-copy p{margin:16px 0 21px;max-width:520px;color:#52697e;font-size:clamp(13px,1.08vw,18px);line-height:1.55}
.sm470-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sm470-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;min-height:47px;padding:12px 19px;font-size:13px;font-weight:850;text-decoration:none;transition:transform .18s ease}
.sm470-actions a:hover{transform:translateY(-2px)}
.sm470-primary{background:linear-gradient(115deg,#ff7021,#ea4f02);color:white!important;box-shadow:0 8px 16px rgba(234,79,2,.14)}
.sm470-secondary{background:white;color:#163149!important;border:1px solid #dce4eb}
.sm470-pagination{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:11px 19px;background:white;border-top:1px solid #edf1f4;min-height:39px}
.sm470-dots{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}
.sm-v465 .sm470-dot{position:relative;display:block;flex:0 0 12px;width:12px;height:6px;min-height:6px;margin:0!important;padding:0!important;border:0!important;border-radius:30px!important;background:#d8e0e5!important;box-shadow:none!important;overflow:hidden;cursor:pointer;transition:width .22s ease}
.sm-v465 .sm470-dot.is-active{flex-basis:33px;width:33px;background:#ffe0cc!important}
.sm470-dot-fill{position:absolute;inset:0 auto 0 0;width:0;background:#f45e0b;border-radius:inherit;pointer-events:none}
.sm470-dot.is-active .sm470-dot-fill{animation:sm470Fill 6s linear forwards}
@keyframes sm470Fill{from{width:0}to{width:100%}}
.sm470-counter{display:none!important}
.sm470-hero[data-sm470-paused="true"] .sm470-dot-fill{animation-play-state:paused!important}
@media(max-width:1050px) and (min-width:701px){.sm-v465 .sm470-slide{min-height:345px}.sm470-copy{padding:26px}.sm470-copy h1{font-size:clamp(29px,4vw,44px)}}
@media(max-width:700px){
 .sm-v465 .sm470-hero{margin:0 -11px!important;border-left:none;border-right:none;border-radius:0!important;box-shadow:0 4px 11px #102e4610}
 .sm-v465 .sm470-slide{display:flex;flex-direction:column;min-height:0!important}
 .sm470-visual{order:0;flex:none;display:flex;width:100%;height:auto;aspect-ratio:1200/700;min-height:0;background:#f7ebdf}
 .sm470-visual img{width:100%;height:100%;max-height:none!important;object-fit:cover!important;object-position:center center!important}
 .sm470-copy{order:1;padding:13px 16px 16px;background:#fff;min-height:158px;display:flex;justify-content:center;align-items:flex-start}
 .sm470-eyebrow{font-size:9px;letter-spacing:.085em;margin-bottom:5px}
 .sm470-copy h1{font-size:clamp(22px,6.2vw,28px);line-height:1.11;max-width:100%;letter-spacing:-.044em}
 .sm470-copy p{margin:5px 0 10px;font-size:11px;line-height:1.42;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .sm470-actions{gap:8px;flex-wrap:nowrap;width:100%}
 .sm470-actions a{min-height:37px;border-radius:10px;padding:7px 13px;font-size:11px;white-space:nowrap}
 .sm470-actions .sm470-secondary{background:#fff;color:#244259!important}
 .sm470-pagination{padding:10px 16px 12px;min-height:34px}
 .sm470-counter{font-size:10px}
 .sm465-weekly-promo{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;height:auto!important;padding:0!important;overflow:hidden!important}
 .sm465-promo-copy{order:0!important;max-width:100%!important;width:100%!important;padding:15px 16px 0!important}
 .sm465-promo-copy h2{font-size:clamp(22px,5.8vw,28px)!important;max-width:100%!important}
 .sm465-promo-copy p{max-width:100%!important}
 .sm465-promo-sofa{position:relative!important;order:1!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:436/140!important;object-fit:contain!important;object-position:center!important;mask-image:none!important;opacity:1!important}
}
@media(max-width:340px){.sm470-copy{padding:10px 12px 12px;min-height:160px}.sm470-copy h1{font-size:21px}.sm470-actions a{padding:7px 9px;font-size:10px}.sm470-dots{gap:4px}.sm470-pagination{padding:10px}}
@media(prefers-reduced-motion:reduce){.sm470-dot-fill{animation:none!important}.sm470-actions a{transition:none!important}}

/* SofaMend v4.7.2: approved image-first ten-photo mobile UI. */
.sm-v465 .sm470-hero{position:relative}
.sm-v465 .sm470-visual{position:relative}
.sm-v465 .sm472-arrow{position:absolute;z-index:5;top:50%;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #ffffffa6;border-radius:50%;background:rgba(10,23,35,.75);color:#fff;font-family:Arial,sans-serif;font-size:31px;font-weight:400;line-height:31px;display:grid;place-items:center;transform:translateY(-50%);cursor:pointer;touch-action:manipulation;box-shadow:0 2px 8px #14263745}
.sm-v465 .sm472-arrow-prev{left:14px}
.sm-v465 .sm472-arrow-next{right:14px}
.sm-v465 .sm472-arrow:focus-visible{outline:3px solid #ff7b29;outline-offset:3px}
.sm-v465 .sm472-arrow:hover{background:rgba(10,23,35,.93)}
.sm-v465 .sm465-service-section{z-index:1;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.sm-v465 .sm465-service-section::before,.sm-v465 .sm465-service-section::after,.sm-v465 .sm465-section-heading::before,.sm-v465 .sm465-section-heading::after{display:none!important;content:none!important}
.sm-v465 .sm465-service-section .sm465-section-heading{background:transparent!important;isolation:auto;z-index:1}
.sm-v465 .sm465-service-section .sm465-services{background:transparent!important;isolation:auto}
.sm-v465 .sm465-service-section .sm465-service-card{background:#fff;box-shadow:0 5px 18px rgba(14,41,64,.08)}
@media (max-width:700px){
 .sm-v465 .sm470-hero{display:block!important;margin:0 -11px!important;border-radius:0!important;box-shadow:none!important}
 .sm-v465 .sm470-visual{aspect-ratio:1200/660!important;background:#f6eae0!important;width:100%!important}
 .sm-v465 .sm470-visual img{object-fit:contain!important;object-position:center center!important;height:100%!important;width:100%!important}
 .sm-v465 .sm470-copy{padding:15px 17px 13px!important;min-height:0!important}
 .sm-v465 .sm470-copy h1{max-width:360px!important;font-size:clamp(23px,6vw,29px)!important;line-height:1.12!important;letter-spacing:-.042em}
 .sm-v465 .sm470-copy p{font-size:11.5px!important;line-height:1.43!important;margin:8px 0 12px!important}
 .sm-v465 .sm470-copy .sm470-eyebrow{color:#e85810!important;font-size:9px!important;letter-spacing:.085em!important;margin-bottom:7px!important}
 .sm-v465 .sm470-actions a{min-height:39px!important;font-weight:800!important}
 .sm-v465 .sm470-pagination{position:absolute!important;top:calc((100vw) * 660 / 1200);left:0;right:0;z-index:4;min-height:28px!important;height:28px;padding:7px 17px 5px!important;justify-content:center!important;border:0!important;background:#fff!important}
 .sm-v465 .sm470-copy{padding-top:39px!important}
 .sm-v465 .sm470-dots{gap:5px!important}
 .sm-v465 .sm470-dot{flex-basis:9px!important;width:9px!important;height:5px!important;min-height:5px!important;background:#cfd7dc!important}
 .sm-v465 .sm470-dot.is-active{flex-basis:24px!important;width:24px!important;background:#ffe0cc!important}
 .sm-v465 .sm472-arrow{width:35px;height:35px;min-height:35px;font-size:28px;line-height:28px}
 .sm-v465 .sm472-arrow-prev{left:11px}
 .sm-v465 .sm472-arrow-next{right:11px}
 .sm-v465 .sm465-category-rail{margin-top:11px!important;margin-bottom:13px!important}
 .sm-v465 .sm465-service-section{margin-top:20px!important}
 .sm-v465 .sm465-section-heading{margin-bottom:10px!important}
 .sm-v465 .sm465-services{padding-bottom:12px!important}
}
@media (max-width:340px){.sm-v465 .sm470-copy{padding-left:13px!important;padding-right:13px!important}.sm-v465 .sm470-actions a{padding-inline:9px!important}}
@media(prefers-reduced-motion:reduce){.sm-v465 .sm472-arrow{transition:none!important}}

/* v4.7.2 reference-photo correction: the first five photos are taken directly
   from the customer's uploaded screenshot. The dark arrows are already visible
   in these crops, so only invisible hit areas sit above them on mobile. */
@media(max-width:700px){
 .sm-v465 .sm470-visual{aspect-ratio:300/180!important}
 .sm-v465 .sm470-visual img{width:100%!important;height:100%!important;object-fit:cover!important}
 .sm-v465 .sm472-reference-shot .sm470-visual img{object-fit:fill!important}
 .sm-v465 .sm470-pagination{top:calc(100vw * 180 / 300)!important}
 .sm-v465 .sm472-reference-shot .sm472-arrow,
 .sm-v465 .sm472-reference-shot .sm472-arrow:hover{
  width:16%!important;height:68%!important;min-height:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;color:transparent!important;
  font-size:0!important;box-shadow:none!important;
  top:50%;opacity:1!important;
 }
 .sm-v465 .sm472-reference-shot .sm472-arrow-prev{left:0!important}
 .sm-v465 .sm472-reference-shot .sm472-arrow-next{right:0!important}
 .sm-v465 .sm472-reference-shot .sm472-arrow:focus-visible{outline:3px solid #ff7018!important;outline-offset:-3px}
}
@media(min-width:701px){
 .sm-v465 .sm472-reference-shot .sm470-visual img{object-fit:cover!important}
}
