/* Homepage only: quiet retail hierarchy, shared product and detail styles stay intact. */
.storefront-home{--paper:#fff;--ink:#242424;--muted:#747474;--line:#e8e7e4;--gold:#8c7048;background:#fff;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
.storefront-home .announcement,.storefront-home .brand-motto,.storefront-home .nav-note{display:none}
.storefront-home .wrap{max-width:1360px;width:calc(100% - 80px)}
.storefront-home .site-header{background:#fff}
.storefront-home .header-inner{min-height:88px;gap:28px}
.storefront-home .header-actions{display:contents}
.storefront-home .wordmark strong{font-size:27px;letter-spacing:6px;white-space:nowrap}
.storefront-home .search{max-width:560px;margin-left:auto;height:42px;background:#f5f5f3;border:1px solid #eeedea}
.storefront-home .search button{background:transparent;color:#292929;border-left:1px solid #deddd9;font-size:12px}
.storefront-home .gold{background:#292824;letter-spacing:0}
.storefront-home .gold:hover{background:#4b4438}
.storefront-home .desktop-nav{height:46px;gap:36px;font-size:13px}
.storefront-home .desktop-nav .active:after{background:#242424}
/* Single-row desktop navigation; the mobile header retains its own layout. */
@media(min-width:1024px){
 .storefront-home .site-header{display:grid;grid-template-columns:auto minmax(max-content,1fr) minmax(140px,300px) auto;align-items:center;column-gap:clamp(18px,2vw,32px);padding:0 24px;min-height:80px}
 .storefront-home .header-inner.wrap{display:contents}
 .storefront-home .wordmark{grid-column:1;grid-row:1;justify-self:start;gap:4px}
 .storefront-home .wordmark,.storefront-home .desktop-nav.wrap{transform:translateX(40px)}
 .storefront-home .desktop-nav.wrap{padding-right:40px}
 .storefront-home .wordmark strong{font-size:26px;letter-spacing:5px;line-height:1.25}
 .storefront-home .wordmark>span{font-size:8px;letter-spacing:3px}
 .storefront-home .header-inner .search{grid-column:3;grid-row:1;width:100%;max-width:300px;min-width:0;margin:0;height:40px;border-radius:999px;overflow:hidden;padding-left:14px}
 .storefront-home .search input{font-size:13px}
 .storefront-home .search button{padding-inline:14px}
 .storefront-home .header-actions{grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:12px}
 .storefront-home .header-language{height:44px;padding:0 4px}
 .storefront-home .notification{width:36px;height:44px}
 .storefront-home .header-download{height:40px;padding:0 16px;border-radius:4px}
 .storefront-home .desktop-nav.wrap{grid-column:2;grid-row:1;width:auto;max-width:none;margin:0;height:80px;gap:clamp(16px,1.8vw,28px);border:0;white-space:nowrap}
 .storefront-home .desktop-nav a,.storefront-home .desktop-nav button{height:40px;font-size:13px}
}
.storefront-home .hero .hero-inner{height:clamp(330px,29vw,450px);padding-bottom:20px}
.storefront-home .hero .eyebrow,.storefront-home .hero-detail,.storefront-home .hero-signature{display:none}
.storefront-home .hero h1{font-size:clamp(28px,3vw,44px);letter-spacing:0;line-height:1.35;margin-bottom:16px}
.storefront-home .hero-subtitle{font-family:inherit;font-size:15px;letter-spacing:1px;color:#e0ddd6}
.storefront-home .hero-cta{margin-top:28px;background:#ffffffec;color:#282724;padding:13px 20px;gap:36px;font-size:12px}
.storefront-home .hero-cta:hover{background:white}
.storefront-home .services{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:24px 0;border-bottom:1px solid var(--line)}
.storefront-home .services .service{height:106px;border:0;border-radius:0;padding:6px 24px;background:#fff;box-shadow:none;transform:none;isolation:auto;display:flex;align-items:center;gap:20px}
.storefront-home .services .service:first-child{padding-left:0}
.storefront-home .services .service:last-child{padding-right:0}
.storefront-home .services .service+.service{border-left:1px solid var(--line)}
.storefront-home .service:after,.storefront-home .service-kicker,.storefront-home .service-action{display:none}
.storefront-home .service .service-photo{position:static;flex:none;width:96px;height:90px;object-fit:contain;object-position:center;z-index:auto;transform:none;filter:none;background:transparent;transition:transform .25s ease}
.storefront-home .service:hover .service-photo{transform:translateY(-3px)}
.storefront-home .service .service-copy{width:auto;height:auto;padding:0;flex:1}
.storefront-home .service .service-copy strong{font-family:inherit;font-size:18px;font-weight:500;letter-spacing:0;color:#242424}
.storefront-home .service .service-copy small{font-size:12px;color:#777;margin-top:10px;white-space:normal}
.storefront-home .trust{padding:18px 0;gap:16px;border-bottom:0}
.storefront-home .trust>div{justify-content:flex-start;gap:10px}
.storefront-home .trust svg{width:20px;height:20px;color:#8a8172}
.storefront-home .trust span{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.storefront-home .trust strong{font-size:12px;color:#555}
.storefront-home .trust small{font-size:10px;color:#888}
.storefront-home .brands-section{padding-top:20px}
.storefront-home .section-heading h2{font-family:inherit;font-size:22px;font-weight:500;letter-spacing:0}
.storefront-home .text-link{color:#666;font-size:12px}
.storefront-home .brand-grid{gap:0;border:1px solid var(--line)}
.storefront-home .brand-tile{border:0;border-bottom:2px solid transparent;height:108px;background:#fff;gap:12px}
.storefront-home .brand-tile+.brand-tile{border-left:1px solid #f0efed}
.storefront-home .brand-tile.selected{border-bottom-color:#8c7048;background:#f7f6f3}
.storefront-home .brand-tile:hover{background:#f7f6f3}
.storefront-home .catalog{padding-top:40px;scroll-margin-top:145px}
.storefront-home .title-group>span{display:none}
.storefront-home .sort-label select{border:0;background:#f7f7f5;color:#444;padding:11px 14px;font-size:12px}
.storefront-home .filters{margin-top:20px}
.storefront-home .category-tabs{gap:32px}
.storefront-home .category-tabs button{font-size:13px;padding:12px 0}
.storefront-home .category-tabs button.selected{color:#222;border-bottom-color:#222;font-weight:600}
.storefront-home .results-line{min-height:40px;font-size:11px;color:#777}
.storefront-home .product-grid{gap:30px 22px}
.storefront-home .product-card{border:0;border-radius:0;background:#fff}
.storefront-home .product-media{aspect-ratio:1;background:#f4f3f0}
.storefront-home .product-media>a>img{padding:26px}
.storefront-home .product-badge{background:#ffffffdb;color:#4e5b52;border-radius:0;font-size:10px;padding:5px 7px;top:12px;left:12px}
.storefront-home .product-badge.global{background:#ffffffdb;color:#555}
.storefront-home .favorite{background:transparent;top:8px;right:8px}
.storefront-home .product-info{padding:14px 0 0}
.storefront-home .product-brand{font-size:12px;font-weight:600;margin:0 0 8px;min-height:0;line-height:1.6}
.storefront-home .product-name{font-size:13px;color:#606060;margin-bottom:10px}
.storefront-home .product-meta{font-size:11px;margin-bottom:12px;gap:8px}
.storefront-home .product-meta span,.storefront-home .product-meta .city{background:transparent;color:#81817a;padding:0}
.storefront-home .product-meta .city{border-left:1px solid #d6d5cf;padding-left:8px}
.storefront-home .price{font-size:18px;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums}
.storefront-home .quote{border:0;border-bottom:1px solid #bdb8ae;border-radius:0;padding:4px 0;color:#666;font-size:11px}
.storefront-home .load-more{min-width:220px;margin:40px auto 48px;border-color:#b8b6b0}
.storefront-home .app-banner{background:#f3f2ef;color:#242424;border-block:1px solid #e5e3dc;min-height:145px;padding:30px 36px}
.storefront-home .app-emblem,.storefront-home .app-copy .eyebrow{display:none}
.storefront-home .app-copy h2{font-family:inherit;font-size:22px;font-weight:500}
.storefront-home .app-copy>p:last-child{color:#78766f;font-size:12px}
.storefront-home :is(button,a,input,select):focus-visible{outline:2px solid #8c7048;outline-offset:4px}
@media(max-width:1000px){
 .storefront-home .wrap{width:calc(100% - 40px)}
 .storefront-home .header-inner{gap:18px}
 .storefront-home .services{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
 .storefront-home .services .service{gap:12px;padding-inline:16px}
 .storefront-home .services .service:nth-child(odd){border-left:0;padding-left:0}
 .storefront-home .service .service-photo{width:64px;height:76px}
 .storefront-home .service .service-copy strong{font-size:16px}
 .storefront-home .service .service-copy small{font-size:10px}
 .storefront-home .trust small{display:none}
 .storefront-home .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .storefront-home .brand-tile{height:86px}
 .storefront-home .product-grid{gap:26px 16px}
}
@media(max-width:600px){
 .storefront-home .wrap{width:calc(100% - 28px)}
 .storefront-home .header-inner{min-height:0;gap:12px;padding:14px 0 12px}
 .storefront-home .wordmark strong{font-size:23px;letter-spacing:5px}
 .storefront-home .search{max-width:none;width:100%;height:38px;margin:2px 0 0}
 .storefront-home .hero .hero-inner{height:350px;padding-top:22px;align-items:flex-start}
 .storefront-home .hero-copy{padding:0;max-width:100%}
 .storefront-home .hero h1{font-size:27px;margin-bottom:8px}
 .storefront-home .hero-subtitle{font-size:12px;letter-spacing:.5px}
 .storefront-home .hero-cta{margin-top:14px;padding:9px 12px;gap:18px;font-size:10px}
 .storefront-home .hero .carousel-image{height:240px;bottom:0;object-position:80% center}
 .storefront-home .hero .hero-shade{background:linear-gradient(180deg,#20160c 0%,#20160c 21%,transparent 62%,#20160c33 100%)}
 .storefront-home .services{grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 0;gap:0}
 .storefront-home .services .service{height:auto;padding:0 9px;gap:9px;flex-direction:column;align-items:stretch}
 .storefront-home .services .service:nth-child(3){border-left:1px solid var(--line);padding-left:9px}
 .storefront-home .service .service-photo{width:100%;height:66px;object-position:center}
 .storefront-home .service .service-copy{width:100%;text-align:center;align-items:center}
 .storefront-home .service .service-copy strong{font-size:14px;line-height:1.5}
 .storefront-home .service .service-copy small{font-size:10px;margin-top:4px;min-height:0;line-height:1.6}
 .storefront-home .trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:15px 0 4px}
 .storefront-home .trust>div{gap:5px;justify-content:center}
 .storefront-home .trust svg{width:16px;height:16px}
 .storefront-home .trust strong{font-size:10px;white-space:nowrap}
 .storefront-home .brands-section{padding-top:24px}
 .storefront-home .section-heading h2{font-size:19px}
 .storefront-home .text-link{font-size:11px}
 .storefront-home .brand-tile{height:77px;gap:10px}
 .storefront-home .catalog{padding-top:30px;scroll-margin-top:140px}
 .storefront-home .filters{margin-top:12px;gap:8px}
 .storefront-home .category-tabs{gap:17px}
 .storefront-home .category-tabs button{font-size:12px}
 .storefront-home .sort-label select{font-size:10px;padding:9px;max-width:116px}
 .storefront-home .product-grid{gap:24px 12px}
 .storefront-home .product-media>a>img{padding:15px}
 .storefront-home .product-badge{font-size:8px;top:7px;left:6px;padding:4px}
 .storefront-home .favorite{right:3px;top:3px}
 .storefront-home .product-info{padding-top:10px}
 .storefront-home .product-brand{font-size:10px;margin-bottom:5px;min-height:16px}
 .storefront-home .product-name{font-size:11px;margin-bottom:8px}
 .storefront-home .product-meta{font-size:9px;gap:5px;margin-bottom:9px}
 .storefront-home .product-meta .city{padding-left:5px}
 .storefront-home .price{font-size:16px}
 .storefront-home .quote{font-size:10px}
 .storefront-home .load-more{margin:28px auto 32px}
 .storefront-home .app-banner{padding:24px 20px;gap:20px}
 .storefront-home .app-copy h2{font-size:19px}
 .storefront-home .app-copy>p:last-child{font-size:11px}
}
.storefront-home .hero .hero-authentic{inset:0;width:100%;height:100%;background:#32261b url('./assets/hero-boutique-scene-v2.png') center/cover no-repeat;pointer-events:none}
.hero-collection{position:absolute;right:3%;bottom:0;width:57%;height:100%;isolation:isolate}
.storefront-home .hero .hero-real-faubourg{inset:0;width:100%;height:100%;background:#191612 url('./assets/faubourg-salon-v3.png') center/100% 100% no-repeat}
.real-faubourg-photo{position:absolute;right:7%;top:4%;width:43%;height:78%}
.real-faubourg-photo::before{content:'';position:absolute;bottom:5%;left:17%;width:66%;height:4%;border-radius:50%;background:#0009;filter:blur(9px)}
.real-faubourg-photo img{position:relative;width:100%;height:100%;object-fit:contain;padding:0;filter:drop-shadow(8px 12px 9px #0005)}
.storefront-home .hero:has(.hero-real-faubourg.is-active) .hero-shade{background:none}
@media(max-width:600px){.real-faubourg-photo{top:auto;bottom:8px;right:0;width:100%;height:58%}.real-faubourg-photo img{padding:6px}}
.hero-collection img{position:absolute;object-fit:contain;filter:drop-shadow(5px 14px 9px #1d120950)}
.hero-collect-bag{width:78%;height:113%;left:-5%;bottom:-2%;z-index:2}
.hero-collect-watch{width:37%;height:77%;right:0;bottom:8%;z-index:3;transform:rotate(-7deg)}
.storefront-home .hero:has(.hero-authentic.is-active) .hero-shade{background:linear-gradient(90deg,#160f0870,transparent 58%)}
@media(max-width:600px){
 .storefront-home .hero .carousel-image.hero-authentic{inset:0;height:100%}
 .storefront-home .hero .hero-authentic{background-position:65% center}
 .hero-collection{width:98%;height:220px;right:0;bottom:7px}
 .hero-collect-bag{width:78%;height:108%;left:-3%;bottom:0}
 .hero-collect-watch{right:2%;width:34%;height:73%;bottom:9%}
 .storefront-home .hero:has(.hero-authentic.is-active) .hero-shade{background:linear-gradient(180deg,#160f08b0,transparent 53%)}
}
