.app-promo{margin:30px 0 0;background-color:#30271f;background-image:url('./assets/app-download-scene-v5.png'),url('./assets/app-download-scene-v5.png');background-position:left center,right center;background-size:auto 100%,100% 100%;background-repeat:no-repeat;color:#f5eddf;overflow:hidden}
.app-promo-main{min-height:205px;padding:28px 24px 24px 24%;display:grid;grid-template-columns:1.3fr 2fr auto;align-items:center;gap:24px}
.app-promo-copy p{font-size:8px;letter-spacing:2px;color:#c8b58e;margin:0 0 12px}.app-promo-copy h2{font-family:var(--serif);font-size:21px;font-weight:500;margin:0 0 9px;white-space:nowrap}.app-promo-copy>span{font-size:12px;color:#d9cfbc}
.app-promo-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:center}.app-promo-benefits>div{display:flex;flex-direction:column;align-items:center;gap:10px}.app-promo-benefits i{color:#d5b77b}.app-promo-benefits svg{width:30px;height:30px;stroke-width:1.35}.app-promo-benefits strong{font-size:12px;font-weight:500;white-space:nowrap}.app-promo-benefits small{font-size:9px;white-space:nowrap;color:#c3b8a5}
.app-promo-action{display:flex;flex-direction:column;align-items:center;gap:10px}.app-promo-platforms{display:flex;align-items:center;gap:15px}.app-promo-platforms img{width:27px;height:27px;object-fit:contain}.app-promo-download{display:flex;align-items:center;gap:14px;justify-content:center;background:#dfc99f;color:#30271f;border-radius:5px;padding:12px 18px;font-size:12px;white-space:nowrap}.app-promo-download:hover{background:#f4e2bf;color:#30271f}.app-promo-download svg{width:15px;height:15px}.app-promo-action>small{font-size:9px;color:#c8b99d}
.app-promo-baseline{height:64px;padding:0 28px 0 30%;display:flex;align-items:center;gap:18px;color:#342b22}.app-promo-baseline strong{font-family:var(--serif);letter-spacing:5px;white-space:nowrap;font-size:16px}.app-promo-baseline>span{border-left:1px solid #8d8170;padding-left:18px;font-size:11px}.app-promo-baseline small{font-size:8px;letter-spacing:1px;margin-left:auto}
@media(max-width:1150px){.app-promo-main{gap:16px;padding-right:18px;min-height:180px}.app-promo-copy h2{font-size:17px}.app-promo-copy>span{font-size:10px}.app-promo-benefits{gap:9px}.app-promo-benefits small{display:none}.app-promo-download{padding:11px 12px}.app-promo-baseline{padding-left:26%;gap:12px}.app-promo-baseline small{display:none}}
@media(max-width:700px){.app-promo{background-size:auto 280px;background-position:left top}.app-promo-main{grid-template-columns:1fr auto;padding:27px 20px 24px 32%;min-height:0;gap:24px 14px}.app-promo-copy h2{font-size:17px}.app-promo-copy p{font-size:6px;letter-spacing:1px}.app-promo-action{gap:8px}.app-promo-platforms img{width:22px;height:22px}.app-promo-benefits{grid-column:1/-1;grid-row:2;gap:14px;margin-left:-40%;background:#30271f;padding:18px 0 0}.app-promo-benefits svg{width:25px;height:25px}.app-promo-benefits strong{font-size:11px}.app-promo-baseline{background:#eee8dc;padding:17px 12px;height:auto;justify-content:center;gap:10px}.app-promo-baseline strong{font-size:13px;letter-spacing:2px}.app-promo-baseline>span{font-size:9px;padding-left:10px}}
@media(max-width:400px){.app-promo-main{padding-left:25%;padding-right:12px;gap:20px 10px}.app-promo-copy h2{font-size:14px}.app-promo-copy>span{font-size:9px}.app-promo-download{font-size:11px;padding:10px}.app-promo-download i{display:none}.app-promo-platforms{gap:8px}.app-promo-benefits{margin-left:-23%}}
.app-promo-main{padding-left:28%;min-height:240px;grid-template-columns:1fr 1.8fr auto}
.app-promo-baseline{height:80px}
@media(max-width:1150px) and (min-width:701px){.app-promo-main{gap:12px;min-height:190px;padding-left:28%}.app-promo-copy h2{font-size:15px}.app-promo-benefits strong{font-size:10px}.app-promo-benefits svg{width:24px;height:24px}.app-promo-baseline{height:65px}}
@media(max-width:700px){.app-promo{background-size:auto 195px}.app-promo-main{padding:24px 18px 18px 45%;grid-template-columns:1fr;gap:16px;min-height:0}.app-promo-copy h2{font-size:16px}.app-promo-action{grid-column:1;grid-row:2;align-items:flex-start}.app-promo-platforms,.app-promo-action>small{display:none}.app-promo-benefits{grid-column:1;grid-row:3;margin-left:-75%;padding-top:18px}.app-promo-baseline{height:auto}.app-promo-download i{display:inline-flex}}
@media(max-width:700px){.app-promo-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-right:8px}.app-promo-benefits strong{font-size:10px}}
.app-promo{position:relative}
@media(min-width:701px){
 .app-promo{background-image:url('./assets/app-download-scene-v5.png');background-size:100% 100%}
 .app-promo::before{content:'';position:absolute;inset:0;background:url('./assets/app-download-scene-v5.png') left center/auto 100% no-repeat;mask-image:linear-gradient(90deg,#000 29%,transparent 60%);pointer-events:none}
 .app-promo-main,.app-promo-baseline{position:relative}
}
.app-promo{background:#29241e;background-image:radial-gradient(ellipse at 12% 100%,#786044 0,transparent 45%)}
.app-promo::before{display:none}
.app-promo-main{padding-left:340px;min-height:305px;gap:20px}
.app-promo-baseline{background:#eee9df;padding-left:340px;height:62px}
.promo-phones{position:absolute;left:30px;top:25px;width:280px;height:280px;pointer-events:none;z-index:1}
.promo-phone{position:absolute;width:138px;height:276px;border:4px solid #242321;border-radius:23px;background:#fff;box-shadow:0 0 0 1px #8e8373,8px 15px 22px #0007;overflow:hidden;transform-origin:bottom center}
.promo-phone::after{content:'';position:absolute;top:5px;left:45px;width:44px;height:10px;border-radius:12px;background:#181818}
.promo-phone-1{left:0;top:0;transform:rotate(-7deg)}
.promo-phone-2{right:0;top:13px;transform:rotate(5deg)}
.mini-screen{width:320px;height:660px;transform:scale(.40625);transform-origin:top left;background:white;color:#272622;font-family:Arial,'PingFang SC',sans-serif;position:relative;overflow:hidden}
.mini-status{padding:12px 16px 4px;font-size:10px;font-weight:600;display:flex;justify-content:space-between}
.mini-header{padding:14px 13px 10px;display:flex;justify-content:space-between;align-items:center}
.mini-header>strong{font-family:var(--serif);font-size:25px;letter-spacing:4px}
.mini-header small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px;margin-top:3px}
.mini-header>span{font-size:8px;color:#555}
.mini-search{margin:0 12px 10px;background:#f4f3f1;padding:10px;font-size:10px;color:#777}
.mini-hero{height:265px;padding:20px 14px;position:relative;color:#fff;background:linear-gradient(#21190cef,transparent 70%),url('./assets/hero-watch-v1.png') center/cover}
.mini-hero>strong{font-family:var(--serif);font-size:23px;font-weight:500}.mini-hero p{font-size:12px;margin:8px 0 15px}.mini-hero>span{font-size:10px;background:#f7f6f0;color:#292721;padding:8px 12px}.mini-hero>div{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:8px}
.mini-services{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 8px;gap:5px}.mini-services img{width:100%;height:54px;object-fit:contain}.mini-services b{display:block;text-align:center;font-size:10px;margin-top:6px}
.mini-screen h3{font-size:16px;margin:13px 12px}.mini-screen h3 small{font-weight:400;font-size:9px;color:#777;margin-left:8px}
.mini-brands{display:grid;grid-template-columns:repeat(4,1fr);padding:0 12px}.mini-brands img{width:100%;height:45px;object-fit:contain;border:1px solid #eee;padding:7px}
.mini-nav{position:absolute;bottom:0;left:0;right:0;height:48px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;align-items:center;color:#927246}.mini-nav>span{font-size:20px;text-align:center}.mini-nav small{display:block;font-size:8px}
.mini-tabs{font-size:10px;padding:0 12px 12px;border-bottom:1px solid #eee}
.mini-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#f8f7f5}.mini-products>div{background:white;padding-bottom:8px;overflow:hidden}.mini-products img{width:100%;height:140px;object-fit:contain;background:#f2f1ee}.mini-products b,.mini-products span,.mini-products small,.mini-products strong{display:block;margin:4px 7px}.mini-products b{font-size:9px}.mini-products span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-products small{font-size:7px;color:#888}.mini-products strong{font-size:12px}
@media(min-width:701px) and (max-width:1100px){.app-promo-main{padding-left:315px;grid-template-columns:1fr auto;gap:18px}.app-promo-benefits{grid-column:1/-1;grid-row:2}.app-promo-action{grid-column:2;grid-row:1}.app-promo-copy h2{font-size:17px}.app-promo-baseline{padding-left:315px}.promo-phones{left:20px}}
@media(max-width:700px){.app-promo{padding-top:295px}.promo-phones{left:50%;top:22px;transform:translateX(-50%)}.app-promo-main{padding:30px 22px 24px;min-height:0;grid-template-columns:1fr auto;gap:24px 12px}.app-promo-copy h2{font-size:18px}.app-promo-action{grid-column:2;grid-row:1}.app-promo-benefits{grid-row:2;grid-column:1/-1;margin:0;padding:0;background:none}.app-promo-baseline{height:auto;padding:18px 12px}.app-promo-download{font-size:12px}.app-promo-copy>span{font-size:10px}}
.mini-detail{background:#fff}.mini-breadcrumb{font-size:9px;color:#888;padding:2px 12px 9px}.mini-detail-image{height:235px;background:#f3f2ef;display:flex;align-items:center;justify-content:center}.mini-detail-image img{width:100%;height:100%;object-fit:contain;padding:12px}.mini-detail-thumbs{display:flex;justify-content:center;gap:8px;padding:8px}.mini-detail-thumbs img{width:35px;height:35px;object-fit:contain;border:1px solid #ded8cf}.mini-detail-thumbs img:first-child{border-color:#98743a}.mini-detail-copy{padding:8px 14px}.mini-detail-copy>b{font-size:10px;letter-spacing:1px;color:#8c6d3f}.mini-detail-copy h3{font-family:var(--serif);font-size:21px;margin:7px 0}.mini-detail-copy p{font-size:9px;color:#888;margin:8px 0}.mini-detail-price{background:#f5f0e8;padding:10px 12px;margin:10px 0}.mini-detail-price small{display:block;font-size:9px;color:#887352}.mini-detail-price strong{display:block;font-size:23px;margin-top:3px;color:#8e6c35}.mini-detail-tabs{font-size:10px;border-bottom:1px solid #eee;padding:8px 0}.mini-detail-actions{position:absolute;bottom:0;left:0;right:0;height:48px;background:white;border-top:1px solid #eee;display:flex;gap:7px;align-items:center;padding:8px 10px}.mini-detail-actions span{font-size:10px;margin-right:auto}.mini-detail-actions strong{font-size:10px;font-weight:500;background:#947342;color:white;padding:9px 12px}.mini-detail-actions strong:last-child{background:#282620}
.mini-detail-image{height:215px}
.mini-detail-copy h3{font-size:18px;line-height:1.25}
/* Compact, aligned device pair with enough clearance for the download copy. */
.promo-phones{left:38px;top:26px;width:254px;height:286px}
.promo-phone{width:130px;height:276px;border:4px solid #252524;border-radius:24px;box-shadow:0 0 0 1px #a49b8c,0 16px 24px #0005}
.promo-phone-1{left:0;top:0;transform:rotate(-3deg)}
.promo-phone-2{right:0;top:17px;transform:rotate(3deg);z-index:2}
.promo-phone::after{left:50%;transform:translateX(-50%);width:39px;height:9px}
.mini-screen{height:704px;transform:scale(.38125)}
.mini-header>span{padding:6px 8px;border:1px solid #e5ddce;border-radius:20px;color:#8b7048}
.mini-search{border-radius:20px}
.mini-hero{height:285px;background:#28231d;isolation:isolate}
.mini-hero::before{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;height:155px;background:url('./assets/hero-faubourg-collection-v6.png') 72% center/cover no-repeat}
.mini-hero>div{color:#827258}
.mini-hero>strong{font-size:22px}
.mini-detail-image{height:245px}
.mini-detail-image img{padding:8px}
.mini-detail-actions strong{border-radius:18px}
.mini-nav::after,.mini-detail-actions::after{content:'';position:absolute;bottom:3px;left:37%;width:26%;height:3px;border-radius:5px;background:#252524}
@media(min-width:701px) and (max-width:1100px){.promo-phones{left:30px;width:244px}.app-promo-main,.app-promo-baseline{padding-left:310px}}
@media(max-width:700px){.promo-phones{left:50%;top:26px;transform:translateX(-50%)}.app-promo{padding-top:318px}}
