/* Center-focused gallery adapted from the Shutter Factory landing page. */
.product-motorized-shades .shade-gallery-section{overflow:hidden}
.product-motorized-shades .shade-carousel{position:relative;margin:42px auto 34px}
.product-motorized-shades .shade-carousel-track{position:relative;height:clamp(360px,46vw,570px);overflow:hidden}
.product-motorized-shades .shade-carousel-slide{position:absolute;top:50%;left:50%;width:min(70%,860px);height:100%;z-index:0;margin:0;padding:0;overflow:hidden;border:0;border-radius:18px;background:#f5f5f5;box-shadow:0 22px 52px -34px rgba(30,30,30,.72);opacity:0;transform:translate(-50%,-50%) scale(.58);transition:transform .45s ease,opacity .45s ease,filter .45s ease;pointer-events:none;cursor:pointer}
.product-motorized-shades .shade-carousel-slide img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.product-motorized-shades .shade-carousel-slide.is-active{z-index:3;opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;cursor:default}
.product-motorized-shades .shade-carousel-slide.is-prev{z-index:2;opacity:.58;transform:translate(-118%,-50%) scale(.72);filter:saturate(.78);pointer-events:auto}
.product-motorized-shades .shade-carousel-slide.is-next{z-index:2;opacity:.58;transform:translate(18%,-50%) scale(.72);filter:saturate(.78);pointer-events:auto}
.product-motorized-shades .shade-carousel-arrow{position:absolute;top:calc(50% - 25px);z-index:5;display:grid;place-items:center;width:54px;height:54px;padding:0;border:3px solid #fff;border-radius:50%;background:#ed9a32;color:#fff;box-shadow:0 8px 24px rgba(30,30,30,.3);font:500 44px/1 Inter,sans-serif;cursor:pointer;transition:background .18s ease,transform .18s ease}
.product-motorized-shades .shade-carousel-arrow span{display:block;margin-top:-5px}
.product-motorized-shades .shade-carousel-prev{left:18px}
.product-motorized-shades .shade-carousel-next{right:18px}
.product-motorized-shades .shade-carousel-arrow:focus-visible,.product-motorized-shades .shade-carousel-slide:focus-visible,.product-motorized-shades .shade-carousel-dot:focus-visible{outline:3px solid #c67b1c;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.product-motorized-shades .shade-carousel-arrow:hover{background:#db841b;transform:scale(1.06)}.product-motorized-shades .shade-carousel-slide.is-prev:hover,.product-motorized-shades .shade-carousel-slide.is-next:hover{opacity:.76}}
.product-motorized-shades .shade-carousel-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px}
.product-motorized-shades .shade-carousel-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#c9c9c9;cursor:pointer;transition:width .2s ease,background .2s ease}
.product-motorized-shades .shade-carousel-dot[aria-current="true"]{width:30px;border-radius:999px;background:#ed9a32}
.product-motorized-shades .shade-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
.product-motorized-shades .shade-carousel{margin-top:30px}
.product-motorized-shades .shade-carousel-track{height:360px}
.product-motorized-shades .shade-carousel-slide{width:84%;border-radius:14px}
.product-motorized-shades .shade-carousel-slide.is-prev{transform:translate(-118%,-50%) scale(.68)}
.product-motorized-shades .shade-carousel-slide.is-next{transform:translate(18%,-50%) scale(.68)}
.product-motorized-shades .shade-carousel-arrow{top:calc(50% - 22px);width:46px;height:46px;border-width:2px;font-size:38px}
.product-motorized-shades .shade-carousel-prev{left:5px}
.product-motorized-shades .shade-carousel-next{right:5px}
}
@media(prefers-reduced-motion:reduce){.product-motorized-shades .shade-carousel-slide,.product-motorized-shades .shade-carousel-arrow,.product-motorized-shades .shade-carousel-dot{transition:none}}

.shade-carousel-track{touch-action:pan-y}
.product-motorized-shades .shade-carousel-slide img.gallery-portrait{object-fit:contain}
.product-motorized-shades .shade-carousel-arrow{color:#211b12}