/* Home page reference, September 2026. Loaded only by the home view. */
body.mdr-home-refresh { --mdr-red:#e90024; --mdr-ink:#19232b; }
.md-refonte.mdr-home-refresh .mdr-site-header,
.md-refonte.mdr-home-refresh.scroll .mdr-site-header {
  min-height:116px; padding:20px 3.5%; gap:24px; border-bottom:0;
}
.mdr-home-refresh .mdr-brand { flex:0 1 420px; max-width:48%; }
.mdr-home-refresh .mdr-brand img { max-width:none; width:100%; }
.mdr-home-refresh .mdr-primary-nav { display:flex; }
.mdr-home-refresh .mdr-search-link { display:inline-flex; }
@media (min-width:1121px) {
  .mdr-home-refresh .mdr-brand { flex:0 1 330px; }
  .mdr-home-refresh .mdr-primary-nav { flex:1 1 auto; justify-content:center; gap:clamp(22px,2vw,42px); }
  .mdr-home-refresh .mdr-header-actions { flex:0 0 auto; }
}
.mdr-home-refresh .mdr-header-actions { gap:clamp(22px,3.6vw,48px); }
.mdr-home-refresh .mdr-account-link { display:inline-flex; }
.mdr-home-refresh .mdr-header-actions > .mdr-icon-link { min-width:44px; min-height:52px; }
.mdr-home-refresh .mdr-header-actions svg { width:36px; height:36px; display:block; }
.mdr-home-refresh .mdr-menu-toggle { min-height:60px; min-width:44px; gap:3px; }
.mdr-home-refresh .mdr-menu-toggle svg { width:42px; height:36px; }
.mdr-home-refresh .mdr-menu-toggle span { font-size:13px; line-height:1.25; }
.mdr-home-refresh .mdr-cart-count { min-width:26px; height:26px; font-size:15px; top:-4px; right:-4px; }
.mdr-home-refresh .mdr-menu-chat { display:flex; align-items:center; gap:10px; padding:9px 0 20px; min-height:44px; font-size:15px; }
.mdr-home-refresh .mdr-menu-chat:hover { color:#bd1020; }
.mdr-home-refresh .mdr-promotion { background:var(--mdr-red); padding:5px 20px; font-size:16px; line-height:1.35; }
.mdr-home-refresh .mdr-home-discovery { background:#cfd2d4; padding:12px 3.5%; }
.mdr-home-refresh .mdr-home-search {
  display:flex; align-items:center; gap:13px; min-height:52px; width:100%;
  margin:0; padding:2px 10px 2px 16px; border:1px solid #d6d9dc; border-radius:10px;
  background:#fff; color:var(--mdr-ink); transition:border-color .15s;
}
.mdr-home-refresh .mdr-home-search:focus-within { border-color:#65717b; }
.mdr-home-refresh .mdr-home-search > svg { width:26px; height:26px; flex:none; }
.mdr-home-refresh .mdr-home-search input {
  display:block; flex:1; min-width:0; width:100%; height:42px; margin:0; padding:6px 0;
  border:0; border-radius:0; outline:0; box-shadow:none; background:transparent;
  font:400 18px/1.35 Arial,Helvetica,sans-serif; color:var(--mdr-ink);
}
.mdr-home-refresh .mdr-home-search input::placeholder { opacity:1; color:var(--mdr-ink); }
.mdr-home-refresh .mdr-home-search input:focus-visible { outline:0; }
.mdr-home-refresh .mdr-home-search button { flex:none; display:grid; place-items:center; width:40px; height:40px; padding:6px; border-radius:6px; }
.mdr-home-refresh .mdr-home-search button:hover { color:var(--mdr-red); background:#fff2f4; }
.mdr-home-refresh .mdr-home-search button svg { width:26px; height:26px; }
.mdr-home-refresh .mdr-hero { height:clamp(650px,56vw,830px); }
.mdr-home-refresh .mdr-hero-shade { display:none; }
.mdr-home-refresh .mdr-hero-copy { margin-left:clamp(70px,12vw,180px); padding-top:clamp(60px,7.8vw,112px); padding-right:30px; max-width:850px; }
.mdr-home-refresh .mdr-hero .mdr-eyebrow { font-size:16px!important; font-weight:400!important; letter-spacing:.7px; margin-bottom:25px!important; gap:22px; }
.mdr-home-refresh .mdr-hero .mdr-eyebrow:before { width:44px; height:5px; }
.mdr-home-refresh .mdr-hero h1 { font-size:clamp(44px,4.8vw,67px); font-weight:700; line-height:1.03; letter-spacing:-.8px; text-shadow:0 2px 4px rgba(0,0,0,.72); }
.mdr-home-refresh .mdr-intro,.mdr-home-refresh .mdr-hero .mdr-eyebrow { text-shadow:0 2px 4px rgba(0,0,0,.72); }
.mdr-home-refresh .mdr-intro { font-size:clamp(19px,2vw,26px)!important; line-height:1.3!important; margin:22px 0 26px!important; }
.mdr-home-refresh .mdr-hero-copy .mdr-button { min-height:68px; padding:17px 27px; font-size:21px; border-radius:6px; gap:27px; }
.mdr-home-refresh .mdr-hero-copy .mdr-button > span { font-size:29px; line-height:1; font-weight:400; }
.mdr-home-refresh .mdr-hero-buy { right:30px; bottom:24px; min-height:44px; padding:10px 16px; font-size:14px; background:#17232bd9; color:#fff; border:1px solid #ffffff80; }
.mdr-home-refresh .mdr-hero-buy:hover { background:#17232b; }
.mdr-home-refresh .mdr-home .mdr-slide-arrow { top:66%; width:58px; height:58px; font-size:44px; line-height:46px; background:#242a2bce; border:1px solid #ffffff90; }
.mdr-home-refresh .mdr-carousel-controls { bottom:24px; padding:3px 7px; background:#15212a55; }
.mdr-home-refresh .mdr-carousel-dots button:before { width:12px; height:12px; }
.mdr-home-refresh .mdr-carousel-dots [aria-pressed=true]:before { background:var(--mdr-red); }
.mdr-home-refresh .mdr-benefits { min-height:132px; padding:28px 3.5%; background:#f5f5f5; }
.mdr-home-refresh .mdr-benefits > * { gap:18px; color:var(--mdr-ink)!important; font-size:16px!important; line-height:1.5; padding:0 18px; }
.mdr-home-refresh .mdr-benefits > :first-child { padding-left:0; }
.mdr-home-refresh .mdr-benefits > :last-child { padding-right:0; }
.mdr-home-refresh .mdr-benefits svg { width:43px; height:43px; flex:none; }
@media(max-width:1100px) {
  .mdr-home-refresh .mdr-benefits > * { gap:12px; font-size:14px!important; padding:0 12px; }
  .mdr-home-refresh .mdr-benefits svg { width:37px; height:37px; }
  .mdr-home-refresh .mdr-hero-buy { bottom:75px; }
}
@media(min-width:601px) and (max-width:850px) {
  .mdr-home-refresh .mdr-hero { height:660px; }
  .mdr-home-refresh .mdr-hero-copy { margin-left:9%; padding-top:70px; }
  .mdr-home-refresh .mdr-benefits { padding:23px 2%; }
  .mdr-home-refresh .mdr-benefits > * { gap:9px; font-size:12px!important; padding:0 10px; }
  .mdr-home-refresh .mdr-benefits svg { width:30px; height:30px; }
}
@media(max-width:600px) {
  .md-refonte.mdr-home-refresh .mdr-site-header,
  .md-refonte.mdr-home-refresh.scroll .mdr-site-header { min-height:80px; padding:13px 16px; gap:12px; }
  .mdr-home-refresh .mdr-brand { flex:1 1 auto; max-width:calc(100% - 140px); }
  .mdr-home-refresh .mdr-header-actions { gap:1px; flex:none; }
  .mdr-home-refresh .mdr-header-actions > .mdr-icon-link { min-width:42px; min-height:48px; }
  .mdr-home-refresh .mdr-header-actions svg { width:27px; height:27px; }
  .mdr-home-refresh .mdr-menu-toggle { min-height:48px; min-width:44px; }
  .mdr-home-refresh .mdr-menu-toggle svg { width:30px; height:29px; }
  .mdr-home-refresh .mdr-menu-toggle span { font-size:9px; }
  .mdr-home-refresh .mdr-cart-count { min-width:19px; height:19px; top:-1px; right:0; font-size:11px; }
  .mdr-home-refresh .mdr-promotion { padding:11px 8px; font-size:14px; }
  .mdr-home-refresh .mdr-home-discovery { padding:12px 16px; }
  .mdr-home-refresh .mdr-home-search { min-height:52px; border-width:1px; border-radius:10px; padding:2px 3px 2px 11px; gap:8px; }
  .mdr-home-refresh .mdr-home-search > svg { width:22px; height:22px; }
  .mdr-home-refresh .mdr-home-search input { height:44px; font-size:16px; }
  .mdr-home-refresh .mdr-home-search input::placeholder { font-size:clamp(10.5px,2.95vw,12px); letter-spacing:-.15px; }
  .mdr-home-refresh .mdr-home-search button { width:40px; height:44px; padding:7px; }
  .mdr-home-refresh .mdr-home-search button svg { width:26px; height:26px; }
  .mdr-home-refresh .mdr-hero { height:610px; }
  .mdr-home-refresh .mdr-scene img { object-position:63% 50%; }
  .mdr-home-refresh .mdr-hero-shade { background:linear-gradient(90deg,#051015b8,#05101594 76%,#05101550); }
  .mdr-home-refresh .mdr-hero-copy { padding:49px 25px 0; margin:0; }
  .mdr-home-refresh .mdr-hero .mdr-eyebrow { font-size:10px!important; line-height:1.5; letter-spacing:.35px; margin-bottom:22px!important; gap:12px; }
  .mdr-home-refresh .mdr-hero .mdr-eyebrow:before { width:27px; height:3px; }
  .mdr-home-refresh .mdr-hero h1 { font-size:clamp(30px,8vw,44px); line-height:1.06; letter-spacing:-.5px; }
  .mdr-home-refresh .mdr-intro { max-width:330px; font-size:17px!important; margin:20px 0 24px!important; line-height:1.4!important; }
  .mdr-home-refresh .mdr-hero-copy .mdr-button { min-height:58px; padding:13px 19px; font-size:18px; gap:20px; }
  .mdr-home-refresh .mdr-home .mdr-slide-arrow { top:72%; width:42px; height:42px; font-size:34px; line-height:36px; }
  .mdr-home-refresh .mdr-hero-buy { right:18px; bottom:74px; min-height:44px; padding:10px 14px; font-size:13px; }
  .mdr-home-refresh .mdr-carousel-controls { bottom:18px; }
  .mdr-home-refresh .mdr-benefits { grid-template-columns:1fr 1fr; padding:22px 16px; gap:20px 0; }
  .mdr-home-refresh .mdr-benefits > * { justify-content:flex-start; min-height:52px; font-size:12px!important; gap:10px; padding:0 12px!important; }
  .mdr-home-refresh .mdr-benefits > :nth-child(odd) { padding-left:0!important; }
  .mdr-home-refresh .mdr-benefits > :nth-child(even) { padding-right:0!important; border-right:0!important; }
  .mdr-home-refresh .mdr-benefits svg { width:32px; height:32px; }
}
@media(max-width:360px) {
  .mdr-home-refresh .mdr-brand { max-width:calc(100% - 128px); }
  .mdr-home-refresh .mdr-header-actions > .mdr-icon-link { min-width:36px; }
  .mdr-home-refresh .mdr-hero-copy { padding-right:19px; padding-left:19px; }
  .mdr-home-refresh .mdr-hero h1 { font-size:clamp(27px,8vw,30px); }
  .mdr-home-refresh .mdr-benefits > * { font-size:11px!important; gap:7px; }
  .mdr-home-refresh .mdr-benefits svg { width:28px; height:28px; }
}
@media(prefers-reduced-motion:reduce) { .mdr-home-refresh .mdr-home-search { transition:none; } }
@media(max-width:1250px) { .mdr-home-refresh .mdr-primary-nav { display:none; } }
.mdr-home-refresh .mdr-benefit-chat { border:0; background:transparent; font:inherit; cursor:pointer; }


/* Compact home search approved for desktop review. */
.mdr-home-refresh .mdr-home-discovery{padding:7px 3.5%}
.mdr-home-refresh .mdr-home-search{max-width:1000px;min-height:38px;margin:0 auto;padding:1px 7px 1px 12px;gap:10px}
.mdr-home-refresh .mdr-home-search>svg{width:20px;height:20px}
.mdr-home-refresh .mdr-home-search input{height:32px;font-size:16px;padding:3px 0}
.mdr-home-refresh .mdr-home-search button{width:30px;height:30px;padding:4px}
.mdr-home-refresh .mdr-home-search button svg{width:20px;height:20px}
@media(max-width:767px){
 .mdr-home-refresh .mdr-home-discovery{padding:10px 16px}
 .mdr-home-refresh .mdr-home-search{max-width:none;min-height:44px}
 .mdr-home-refresh .mdr-home-search input{height:36px;font-size:16px}
}

/* Review: localized contrast behind the hero copy. */
.mdr-home-refresh .mdr-hero-shade{
 display:block;
 inset:0 auto 0 0;
 width:72%;
 height:100%;
 border-radius:0;
 filter:none;
 transform:none;
 background:linear-gradient(90deg,rgba(5,16,21,.68) 0%,rgba(5,16,21,.62) 28%,rgba(5,16,21,.46) 46%,rgba(5,16,21,.27) 61%,rgba(5,16,21,.12) 75%,rgba(5,16,21,.04) 88%,transparent 100%);
}
@media(max-width:767px){
 .mdr-home-refresh .mdr-hero-shade{inset:0;width:100%;height:100%;filter:none;transform:none;background:linear-gradient(90deg,rgba(5,16,21,.68) 0%,rgba(5,16,21,.58) 40%,rgba(5,16,21,.34) 65%,rgba(5,16,21,.12) 84%,transparent 100%)}
}