/* A visible tap-to-call number across every storefront page. */
.announcement.announcement-with-phone{padding:0;letter-spacing:.3px}
.announcement-with-phone .wrap{min-height:48px;align-items:center;gap:16px}
.announcement-with-phone .header-phone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px;min-height:48px;color:#fff;line-height:1.25;white-space:nowrap}
.header-phone svg{width:20px;height:20px;flex-shrink:0}
.header-phone>span{font-size:14px;font-weight:600;letter-spacing:0}
.header-phone strong{font-size:19px;font-weight:800;letter-spacing:.3px}
.announcement-with-phone .header-phone:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.header-phone:focus-visible{outline:3px solid #fff;outline-offset:-3px;border-radius:4px}
.announcement-with-phone a.announcement-location{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;min-height:44px;padding:6px 0;color:#fff;text-align:right;font-size:12px;font-weight:600;letter-spacing:0;line-height:1.4}
.announcement-location svg{width:17px;height:17px;flex:none}
.announcement-location .location-short{display:none}
.announcement-location:hover .location-full,.announcement-location:hover .location-short{text-decoration:underline;text-underline-offset:3px}
.announcement-location:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){
  .announcement-with-phone .wrap{justify-content:center}
}

/* Product browsing stays visible; secondary destinations share one mobile menu. */
.storefront-nav{gap:24px;flex-wrap:nowrap;min-height:64px;padding-block:8px;font-size:14px;white-space:normal}
.storefront-nav .all-products{gap:9px;flex-shrink:0;margin-right:auto;font-weight:750;color:var(--navy)}
.storefront-nav .all-products svg{width:19px;height:19px;flex-shrink:0}
.storefront-menu,.storefront-primary-links,.storefront-upcoming-links{display:flex;align-items:center;gap:24px}
.storefront-menu{min-width:0}
.storefront-nav a{line-height:1.35}
.storefront-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.storefront-upcoming{border:1px solid #efd0d2;background:#fff7f7;border-radius:10px;padding:10px 14px}
.storefront-upcoming-label{display:block;color:var(--red);font-size:10px;line-height:1.2;font-weight:750;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.storefront-upcoming-links{gap:16px}
.storefront-upcoming-links a{display:inline-flex;align-items:center;min-height:30px;color:var(--red);font-size:13px;font-weight:700}
.storefront-upcoming-links a:hover{color:var(--red);text-decoration:underline;text-underline-offset:4px}
.storefront-nav a:hover{color:var(--red)}
.storefront-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;background:#f2f5f7;border:1px solid #c5d0da;border-radius:7px;color:var(--navy);font:inherit;font-weight:750;line-height:1.3}
.storefront-menu-toggle svg{width:20px;height:20px}
.storefront-menu-toggle[aria-expanded="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.storefront-menu-toggle:focus-visible,.storefront-nav a:focus-visible{outline:3px solid #2577be;outline-offset:3px}
.storefront-nav [hidden]{display:none}
.storefront-primary-links .mobile-project-link{display:none}
.header-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;color:var(--navy);font-size:14px;font-weight:700;flex:none}
.header-cart svg{width:23px;height:23px;flex:none}
.header-cart-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;line-height:1}
.header-cart-count[data-empty]{background:#edf2f6;color:var(--navy)}
.header-cart:focus-visible{outline:3px solid #2577be;outline-offset:3px;border-radius:6px}
.store-cart-status{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;max-width:540px;z-index:1100;background:#fff;color:#172d47;padding:14px 18px;border:1px solid #bdcbd7;border-left:4px solid var(--red);border-radius:8px;box-shadow:0 4px 20px #0002;font-size:14px;line-height:1.5}
@media(min-width:701px) and (max-width:1100px){
 .header-actions{display:grid;grid-template-columns:auto 44px;gap:0 10px}
 .header-actions .header-mysupply{grid-column:1;grid-row:1}
 .header-actions .header-cart{grid-column:2;grid-row:1}
 .header-actions .quote-link{grid-column:1/-1;justify-content:center}
 .header-cart-label{display:none}
 .header-cart-count{position:absolute;right:0;top:0}
}
@media(max-width:1000px){
  .storefront-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 12px;min-height:60px;font-size:15px;padding-block:8px}
  .storefront-nav .all-products{min-height:44px;margin-right:auto}
  .storefront-menu-toggle:not([hidden]){display:inline-flex}
  .storefront-menu{flex:0 0 100%;display:block;margin-top:8px;padding:8px 0 4px;border-top:1px solid var(--line)}
  .storefront-primary-links{display:grid;gap:0}
  .storefront-primary-links a{padding:12px;min-height:48px;border-radius:6px}
  .storefront-primary-links a:hover{background:#f2f5f7}
  .storefront-upcoming{margin-top:10px;padding:12px 14px 6px}
  .storefront-upcoming-label{margin-bottom:2px;font-size:11px}
  .storefront-upcoming-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .storefront-upcoming-links a{min-height:44px;font-size:14px;overflow-wrap:anywhere}
  .storefront-upcoming-links a+a{border-left:1px solid #efd0d2;padding-left:12px}
}

/* Phone layout: one utility row, one account row, then search and navigation. */
@media(max-width:700px){
 .wrap{width:calc(100% - 32px)}
 .announcement-with-phone .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:44px}
 .announcement-with-phone .header-phone{justify-content:flex-start;min-width:0;min-height:44px;gap:7px}
 .header-phone>span{display:none}
 .header-phone strong{font-size:14px;letter-spacing:0}
 .header-phone svg{width:16px;height:16px}
 .announcement-with-phone a.announcement-location{max-width:none;font-size:12px;white-space:nowrap;gap:5px}
 .announcement-location .location-full{display:none}
 .announcement-location .location-short{display:inline}
 .header-main{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:10px 0}
 .header-main .brand{width:clamp(104px,30vw,124px)}
 .header-main .brand img{height:64px;width:100%;object-position:left center}
 .header-actions{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}
 .header-actions .header-mysupply{min-height:44px;padding:9px 10px;font-size:14px;gap:6px;border-radius:6px;border-bottom-width:2px;box-shadow:none}
 .header-mysupply svg{width:17px;height:17px}
 .header-actions .header-mysupply .mysupply-arrow,.header-actions .quote-link,.header-cart-label{display:none}
 .header-cart{width:44px;height:44px;border:1px solid #dce2e7;border-radius:6px}
 .header-cart-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px}
 .header-main .search{height:44px;border-radius:6px;margin:0;background:#f5f7f9}
 .header-main .search input{font-size:16px;padding:10px 12px;width:0}
 .header-main .search button{width:44px;flex:none}
 .storefront-nav{min-height:52px;height:auto;padding:4px 0;gap:0 8px}
 .storefront-nav .all-products{font-size:14px;gap:8px;margin-right:auto}
 .storefront-menu-toggle{background:transparent;border-color:transparent;padding:8px;font-size:14px}
 .storefront-menu{margin-top:4px;padding-bottom:8px}
 .storefront-primary-links .mobile-project-link{display:flex;justify-content:space-between;align-items:center}
 .storefront-primary-links a{font-size:15px}
 .hero{min-height:0}
 .hero-inner{padding:34px 0 28px}
 .hero-copy{max-width:none}
 .hero .eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:15px}
 .hero h1{font-size:clamp(36px,10.5vw,50px);line-height:1.06;letter-spacing:-.5px}
 .hero h1 span{border-bottom-width:4px;padding-bottom:8px}
 .hero p{font-size:16px;line-height:1.55;margin:18px 0 22px;max-width:36ch}
 .hero .actions{gap:10px;align-items:stretch}
 .hero .actions .button{width:100%;min-height:48px;padding:13px 18px;justify-content:space-between;font-size:15px;border-radius:5px}
 .hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px}
 .hero-foot{display:none}
 .service-strip{padding:20px 0;gap:12px}
 .service-strip>div{gap:12px}
 .service-strip small{line-height:1.4}
 .product-purchase .cart-quantity{display:flex!important;justify-content:space-between;width:100%;margin:8px 0 12px!important;gap:12px}
 .cart-quantity input{min-height:44px;font-size:16px}
 .product-purchase [data-cart-add]{width:100%;justify-content:center;min-height:48px}
 .product-purchase .directory-actions{gap:8px}
 .product-purchase .directory-actions .button{min-height:48px;padding:12px;font-size:15px}
}