/* Marketplace typography with the reference font stack and a larger,
   higher-contrast scale requested for Dailyhug. Home surfaces only. */
body.market.live-store.hb-redesign:not(.inside-store){
 --hb-font:-apple-system,BlinkMacSystemFont,Arial,Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
 --hb-text:#242424;
 --hb-product-text:#242424;
 --hb-menu:#353535;
 --hb-muted:#4b4b4b;
 --hb-price:#171717;
 --hb-orange:#ff6000;
 font-family:var(--hb-font);
 color:var(--hb-text);
 letter-spacing:-.025em;
}
body.market.live-store.hb-redesign:not(.inside-store) #app :where(.dhm-home,.logo,h1,h2,h3,h4,p,a,button,input,select,span,small,strong,b,em){
 font-family:var(--hb-font);
}
body.market.live-store.hb-redesign:not(.inside-store) #app :where(button,input,select){letter-spacing:-.025em}

/* Clear navigation and readable search text. */
body.market.live-store.hb-redesign:not(.inside-store) .utility-bar{
 color:var(--hb-muted);font-size:12px;line-height:18px;font-weight:600;letter-spacing:0;
}
body.market.live-store.hb-redesign:not(.inside-store) .utility-bar>span:first-child{color:var(--hb-muted)}
body.market.live-store.hb-redesign:not(.inside-store) .utility-bar button:nth-of-type(2){color:var(--hb-orange)}
body.market.live-store.hb-redesign:not(.inside-store) .header-inner .logo{color:var(--hb-orange)}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-logo-caption{color:var(--hb-text);letter-spacing:-.25px}
body.market.live-store.hb-redesign:not(.inside-store) .searchbox input{
 color:var(--hb-text);font-size:16px;font-weight:500;line-height:22px;letter-spacing:0;
}
body.market.live-store.hb-redesign:not(.inside-store) .searchbox input::placeholder{color:var(--hb-menu);opacity:1}
body.market.live-store.hb-redesign:not(.inside-store) .top-categories button{
 color:var(--hb-menu);font-size:15px;font-weight:700;line-height:20px;letter-spacing:-.15px;
}
body.market.live-store.hb-redesign:not(.inside-store) .delivery-location{color:var(--hb-text)}
body.market.live-store.hb-redesign:not(.inside-store) .delivery-location small{font-size:14px;font-weight:600;line-height:16px}
body.market.live-store.hb-redesign:not(.inside-store) .delivery-location b{color:var(--hb-orange);font-size:12px;font-weight:400;line-height:16px}
body.market.live-store.hb-redesign:not(.inside-store) .actions button:first-child{color:var(--hb-text)}
body.market.live-store.hb-redesign:not(.inside-store) .actions button:first-child small{font-size:10px;font-weight:400;line-height:14px}
body.market.live-store.hb-redesign:not(.inside-store) .actions button:first-child b{font-size:15px;font-weight:700;line-height:18px}
body.market.live-store.hb-redesign:not(.inside-store) .actions button:last-child{font-size:15px;font-weight:700;line-height:18px}
body.market.live-store.hb-redesign:not(.inside-store) .actions .bag-count{color:#919191;font-size:12px;line-height:16.8px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-top-banner>button{color:var(--hb-orange);font-weight:700}

/* Department shortcuts and campaign navigation. */
body.market.live-store.hb-redesign:not(.inside-store) .dhm-shortcuts strong{
 color:var(--hb-text);font-size:14px;font-weight:700;line-height:20px;letter-spacing:-.15px;min-height:40px;
}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-shortcuts small{color:var(--hb-muted);font-size:12px;line-height:18px;white-space:normal}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-new-shortcut>div>span{color:var(--hb-orange)}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-campaign-tabs button{color:var(--hb-menu);font-weight:700;font-size:14px;line-height:20px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-campaign-tabs button[aria-pressed="true"]{color:var(--hb-orange)}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero{color:var(--hb-text)}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero h1{color:var(--hb-text);font-size:clamp(36px,3.6vw,50px);font-weight:800;line-height:1.08;letter-spacing:-1.25px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-kicker{color:var(--hb-menu);font-size:13px;line-height:18px;font-weight:700;letter-spacing:.2px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero-copy>p{color:var(--hb-text);opacity:1;font-size:18px;line-height:26px;letter-spacing:0;max-width:340px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-cta{color:#fff;font-size:16px;line-height:22px;min-height:46px;font-weight:700;letter-spacing:0}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-price-bubble small{color:var(--hb-menu)}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-price-bubble b{color:var(--hb-orange)}
body.market.live-store.hb-redesign:not(.inside-store) :is(.dhm-slide-prev,.dhm-slide-next,.dhm-slide-count){color:var(--hb-menu)}

/* Strong headings, comfortable descriptions and clear product prices. */
body.market.live-store.hb-redesign:not(.inside-store) .dhm-section-head h2{
 color:var(--hb-text);font-size:30px;font-weight:700;line-height:38px;letter-spacing:-.6px;
}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-section-head p{color:var(--hb-muted);font-size:16px;font-weight:400;line-height:24px;letter-spacing:0}
body.market.live-store.hb-redesign:not(.inside-store) :is(.dhm-see-all,.dhm-brands .dhm-section-head>button){color:#c94b00;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-info>small{color:var(--hb-muted);font-size:13px;line-height:18px;letter-spacing:0}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-info h3{height:66px}
body.market.live-store.hb-redesign:not(.inside-store) :is(.dhm-product-info h3,.dhm-product-info h3 button){
 color:var(--hb-product-text);font-size:16px;font-weight:600;line-height:22px;letter-spacing:0;
}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-info>p{color:var(--hb-muted);font-size:13px;font-weight:400;line-height:19px;letter-spacing:0;height:auto;min-height:38px;white-space:normal;overflow:visible;margin:10px 0}
body.market.live-store.hb-redesign:not(.inside-store) :is(.dhm-product-price strong,.dhm-spotlight strong){
 color:var(--hb-price);font-size:24px;font-weight:800;line-height:30px;letter-spacing:-.4px;
}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-price button{color:var(--hb-orange)}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-save{color:var(--hb-muted)}

/* Promo copy follows the same grey hierarchy as the catalogue. */
body.market.live-store.hb-redesign:not(.inside-store) :is(.dhm-discovery h2,.dhm-promo h2,.closing h2){color:var(--hb-text);font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.6px}
body.market.live-store.hb-redesign:not(.inside-store) :is(.dhm-discovery-heading>span,.dhm-promo small){color:var(--hb-menu);font-size:12px;line-height:18px;font-weight:700;letter-spacing:.1px}
body.market.live-store.hb-redesign:not(.inside-store) :is(.dhm-discovery-heading>button,.dhm-promo span,.dhm-spotlight em){color:#b94200;font-size:14px;line-height:20px;font-weight:700;letter-spacing:0}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-spotlight small{color:var(--hb-muted);font-size:12px;line-height:18px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-spotlight b{color:var(--hb-product-text);font-size:15px;font-weight:600;line-height:21px;letter-spacing:0;-webkit-line-clamp:3}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-brands b{color:var(--hb-text);font-size:15px;line-height:21px;font-weight:700;letter-spacing:0}
body.market.live-store.hb-redesign:not(.inside-store) :is(.closing p,footer p,footer small){color:var(--hb-muted)}
body.market.live-store.hb-redesign:not(.inside-store) footer .logo{color:var(--hb-orange)}

/* Give the larger copy room rather than shrinking it at each breakpoint. */
body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero{min-height:350px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-track{grid-auto-columns:calc((100% - 64px)/5);gap:16px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-photo{height:190px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-info{padding:0 16px 18px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-price button{width:36px;height:36px}
body.market.live-store.hb-redesign:not(.inside-store) .dhm-section-head{align-items:flex-start}
@media(max-width:1150px){
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-track{grid-auto-columns:calc((100% - 48px)/4)}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-campaign-grid{grid-template-columns:minmax(0,1.9fr) minmax(275px,1fr)}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero h1{font-size:38px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero-copy>p{font-size:17px;line-height:24px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-cta{font-size:14px}
}
@media(max-width:860px){
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-campaign-grid{grid-template-columns:1fr}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-track{grid-auto-columns:calc((100% - 32px)/3)}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-discovery{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero-copy{width:60%}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero-art{width:40%}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-promo h2{font-size:27px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-promo>div{width:70%}
}
@media(max-width:600px){
 body.market.live-store.hb-redesign:not(.inside-store) .top-categories button{min-width:100px;padding:5px 10px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-shortcuts>button{flex-basis:90px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero{min-height:330px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero-copy{width:100%;padding:24px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero h1{font-size:32px;line-height:1.1;max-width:290px;letter-spacing:-.7px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-kicker{font-size:11px;line-height:16px;margin-bottom:12px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero-copy>p{font-size:16px;line-height:23px;letter-spacing:0;max-width:62%}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-hero-art{width:40%;height:185px;top:auto;bottom:4px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-price-bubble{display:none}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-cta{font-size:14px;line-height:20px;padding:12px;max-width:70%}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-campaign-tabs button{font-size:12px;line-height:17px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-section-head{flex-wrap:wrap;gap:8px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-section-head>div:first-child{flex:1 1 100%}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-section-head h2{font-size:25px;line-height:31px;letter-spacing:-.5px;max-width:none}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-section-head p{font-size:15px;line-height:22px;max-width:none}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-see-all{font-size:15px;line-height:22px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-track{grid-auto-columns:minmax(160px,calc((100% - 12px)/1.85));gap:12px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-photo{height:155px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-info{padding:0 12px 15px}
 body.market.live-store.hb-redesign:not(.inside-store) :is(.dhm-product-info h3,.dhm-product-info h3 button){font-size:15px;line-height:21px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-info h3{height:63px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-product-price strong{font-size:23px;line-height:29px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-discovery{grid-template-columns:1fr;padding:20px;gap:16px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-discovery h2{font-size:28px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-spotlight>img{width:80px;height:100px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-spotlight b{font-size:15px;line-height:21px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-spotlight em{display:block;font-size:12px;line-height:18px}
 body.market.live-store.hb-redesign:not(.inside-store) .dhm-brands b{font-size:13px;line-height:18px}
}
