.motor-hero-video{position:relative;background:#0b3144;overflow:hidden}.motor-hero-video iframe,.motor-hero-video video{position:absolute;inset:0;width:100%;height:100%;border:0;transform:scale(1.12);pointer-events:none;object-fit:cover}.motor-video-badge{position:absolute;left:22px;bottom:20px;background:rgba(8,47,66,.88);color:#fff;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;z-index:2}.motor-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.motor-video-card,.motor-photo-card{background:#fff;border:1px solid #e1dbd1;overflow:hidden}.motor-media-wide{grid-column:span 2}.motor-video-frame{position:relative;aspect-ratio:16/9;background:#0b3144}.motor-video-frame iframe,.motor-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.motor-media-copy{padding:15px 16px 17px}.motor-media-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--brown)}.motor-media-copy h3{font:22px/1.08 Georgia,serif;color:var(--navy);margin:6px 0 6px}.motor-media-copy p{font-size:12px;line-height:1.48;color:#5a6a74;margin:0}.motor-photo-card{position:relative;min-height:260px;cursor:zoom-in;padding:0}.motor-photo-card img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}.motor-photo-label{position:absolute;left:12px;bottom:12px;background:rgba(8,47,66,.9);color:#fff;padding:9px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.motor-photo-card:hover img{transform:scale(1.025)}
.motor-hero .product-hero-image img{object-position:center center}.motor-benefits{background:#fff}.motor-gallery-section{padding-top:46px}.motor-day{padding:48px 0 54px;background:#fff}.motor-day-heading{margin-bottom:25px}.motor-day-heading h2{margin:7px 0 0}.motor-day-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.motor-day-grid article{position:relative;min-height:390px;overflow:hidden;background:#0b3144}.motor-day-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.motor-day-grid article:last-child img{filter:brightness(.58)}.motor-day-copy{position:absolute;left:0;right:0;bottom:0;padding:34px 34px 30px;color:#fff;background:linear-gradient(transparent,rgba(3,24,34,.82))}.motor-day-copy span{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#edd2b3}.motor-day-copy h3{font:34px/1.04 Georgia,serif;margin:7px 0 9px}.motor-day-copy p{max-width:510px;font-size:13px;line-height:1.5;margin:0;color:#eef3f5}.motor-smart{padding:42px 0;background:#f1e8d8}.motor-smart-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.motor-smart h2{font:36px/1.08 Georgia,serif;color:var(--navy);margin:8px 0 0}.motor-smart-inner>p{font-size:14px;line-height:1.65;color:#53636c;margin:0}.motor-gallery-section .product-gallery{grid-auto-rows:185px}@media(max-width:900px){.motor-day-grid{grid-template-columns:1fr}.motor-day-grid article{min-height:340px}.motor-smart-inner{grid-template-columns:1fr;gap:18px}}@media(max-width:650px){.motor-day{padding:38px 0}.motor-day-grid article{min-height:300px}.motor-day-copy{padding:26px 22px 22px}.motor-day-copy h3{font-size:29px}.motor-smart{padding:34px 0}.motor-smart h2{font-size:30px}}

@media(max-width:900px){.motor-media-grid{grid-template-columns:1fr 1fr}.motor-media-wide{grid-column:span 2}.motor-photo-card{min-height:230px}.motor-photo-card img{min-height:230px}}
@media(max-width:650px){.motor-hero-video{min-height:330px}.motor-hero-video iframe,.motor-hero-video video{transform:scale(1.28)}.motor-media-grid{grid-template-columns:1fr}.motor-media-wide{grid-column:auto}.motor-photo-card,.motor-photo-card img{min-height:230px}}

.motor-video-card video{display:block;background:#0b3144}.motor-video-frame.has-local video{pointer-events:auto}.motor-video-frame .video-controls{position:absolute;right:10px;bottom:10px;font-size:11px;background:rgba(8,47,66,.88);color:#fff;padding:6px 10px;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;pointer-events:none}.motor-video-frame.has-local::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);pointer-events:none}
/* V44 motorization video polish */
.motor-video-frame video{display:block;background:#0b3144;pointer-events:none;filter:saturate(1.03) contrast(1.03)}
.motor-video-card{box-shadow:0 10px 28px rgba(11,49,68,.06)}
.motor-video-frame{overflow:hidden}
.motor-video-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.04),transparent 45%);pointer-events:none}
.video-controls{display:none !important}
.gallery-source-note{margin-top:14px;font-size:12px;line-height:1.55;color:#6b7a83}

/* V65: full-width cinematic hero */
.product-hero.motor-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:540px;min-height:max(540px,42.6vw);background:#0b3144;overflow:hidden}
.motor-hero .motor-hero-video{position:absolute;inset:0;min-height:0;z-index:-2}
.motor-hero .motor-hero-video video{transform:none;object-fit:cover;object-position:center;width:100%;height:100%}
.motor-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,20,29,.88) 0%,rgba(3,20,29,.7) 28%,rgba(3,20,29,.28) 58%,rgba(3,20,29,.06) 100%);pointer-events:none}
.motor-hero .product-hero-copy{width:100%;max-width:1440px;margin:0 auto;padding:64px max(5vw,24px);box-sizing:border-box}
.motor-hero .product-hero-copy h1{color:#fff;font-size:clamp(38px,4vw,62px);line-height:1.06;max-width:590px;text-shadow:0 2px 18px rgba(0,0,0,.2)}
.motor-hero .product-hero-copy .eyebrow{color:#f2d4ae;font-size:14px}
.motor-hero .product-hero-copy>p:not(.eyebrow){color:#fff;max-width:490px;font-size:16px;line-height:1.65}
.motor-hero .actions{display:flex;flex-wrap:wrap;gap:12px;max-width:580px}
.motor-hero .dark-outline{color:#fff;border-color:rgba(255,255,255,.8);background:rgba(3,20,29,.25)}
.motor-hero .dark-outline:hover{background:#fff;color:#0b3144}
@media(min-width:1800px){.product-hero.motor-hero{min-height:0;aspect-ratio:1920/818}}
@media(max-width:650px){.product-hero.motor-hero{min-height:640px;align-items:flex-end}.motor-hero .product-hero-copy{padding:50px 24px 38px}.motor-hero .product-hero-copy h1{font-size:38px;max-width:480px}.motor-hero .product-hero-copy .eyebrow{font-size:12px}.motor-hero::after{background:linear-gradient(0deg,rgba(3,20,29,.94),rgba(3,20,29,.72) 56%,rgba(3,20,29,.15))}.motor-hero .motor-hero-video video{object-position:58% center}.motor-hero .actions{flex-direction:column;align-items:flex-start}}

/* V66: show the complete SmartDrape frame without zoom or cropping. */
.motor-video-frame.smartdrape-video-frame{aspect-ratio:16/9}
.smartdrape-video-frame video{object-fit:contain;object-position:center;transform:none;filter:none}
.smartdrape-video-frame::after{display:none}

/* V67: match the scene ratio after removing only the bottom black band. */
.motor-video-frame.movement-video-frame{aspect-ratio:1920/902}
.movement-video-frame video{object-fit:contain;object-position:center;transform:none;filter:none}
.movement-video-frame::after{display:none}


/* V70 motorization card image alignment */
.motor-benefits .choice-visual{
  width:100%;
  height:auto;
  aspect-ratio:1.18 / 1;
  object-fit:cover;
}
.motor-benefits article:nth-child(3) .choice-visual{
  object-position:center 28%;
}




/* V74: Motorized Shade Movement spans the full media-gallery width. */
.motor-media-full{
  grid-column:1 / -1;
}


/* V77: three control-type blocks under the routines video */
.motor-control-grid{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;box-sizing:border-box}.motor-control-card{background:#fff;border:1px solid #e1dbd1;overflow:hidden;box-shadow:0 10px 28px rgba(11,49,68,.06)}.motor-control-card img{width:100%;height:auto;display:block;aspect-ratio:1.12/1;object-fit:cover;background:#f4f0ea}.motor-control-copy{padding:16px 18px 20px}.motor-control-copy h3{font:22px/1.08 Georgia,serif;color:var(--navy);margin:0 0 8px}.motor-control-copy p{font-size:12.5px;line-height:1.58;color:#5a6a74;margin:0}@media(max-width:900px){.motor-control-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.motor-control-grid{grid-template-columns:1fr}}
