
/* HEDA SHELVES | PLASTIC BASKET WITH METAL HANDLES */
#heda-metalhandle01{
 --m-dark:#191e23;--m-charcoal:#303941;--m-ink:#29333b;
 --m-silver:#87949e;--m-muted:#67747b;--m-line:#e1e6e8;
 --m-soft:#f5f7f7;--m-red:#b64b49;
 width:100%;background:#fff;color:var(--m-ink);
 font:15px/1.75 Arial,Helvetica,sans-serif;
}
#heda-metalhandle01,#heda-metalhandle01 *{box-sizing:border-box}
#heda-metalhandle01 .mh-wrap{width:calc(100% - 44px);max-width:1180px;margin:auto}
#heda-metalhandle01 section{margin:0}
#heda-metalhandle01 h2,#heda-metalhandle01 h3,#heda-metalhandle01 p,#heda-metalhandle01 figure{margin:0;padding:0}
#heda-metalhandle01 h2{font-size:clamp(28px,3.5vw,43px);line-height:1.16;letter-spacing:-.8px;color:var(--m-ink)}
#heda-metalhandle01 h3{font-size:19px;line-height:1.4;color:var(--m-ink)}
#heda-metalhandle01 p{color:var(--m-muted);line-height:1.8}
#heda-metalhandle01 img{width:100%;max-width:100%;display:block}
#heda-metalhandle01 .mh-kicker{color:#52616a;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;font-size:11px;margin-bottom:16px}
#heda-metalhandle01 .mh-heading{max-width:800px;margin-bottom:32px}
#heda-metalhandle01 .mh-heading p{font-size:14px;margin-top:14px}
#heda-metalhandle01 .mh-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:19px 0;border-bottom:1px solid var(--m-line);font-size:11px;letter-spacing:.7px}
#heda-metalhandle01 .mh-top span{color:var(--m-muted)}
#heda-metalhandle01 .mh-hero{padding-bottom:0}
#heda-metalhandle01 .mh-hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding:45px 0 34px}
#heda-metalhandle01 .mh-hero-intro h2{font-size:clamp(35px,4.5vw,56px)}
#heda-metalhandle01 .mh-hero-intro h2 span{color:#777f84}
#heda-metalhandle01 .mh-hero-description{border-left:3px solid var(--m-dark);padding-left:22px}
#heda-metalhandle01 .mh-hero-description p{font-size:14px}
#heda-metalhandle01 .mh-hero-pics{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:stretch}
#heda-metalhandle01 .mh-photo{display:flex;flex-direction:column;min-width:0;border:1px solid var(--m-line)}
#heda-metalhandle01 .mh-photo-box{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:18px}
#heda-metalhandle01 .mh-photo-box img{height:365px;object-fit:contain}
#heda-metalhandle01 figcaption{padding:14px 18px;border-top:1px solid var(--m-line);background:var(--m-soft);font-size:11px;color:var(--m-muted)}
#heda-metalhandle01 .mh-featureline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;border-top:3px solid var(--m-dark);border-bottom:1px solid var(--m-line)}
#heda-metalhandle01 .mh-featureline>div{padding:24px 21px;border-right:1px solid var(--m-line)}
#heda-metalhandle01 .mh-featureline>div:first-child{padding-left:0}
#heda-metalhandle01 .mh-featureline>div:last-child{border-right:0}
#heda-metalhandle01 .mh-featureline strong{color:var(--m-ink);font-size:19px}
#heda-metalhandle01 .mh-featureline p{margin-top:6px;font-size:12px}
#heda-metalhandle01 .mh-handle{padding:80px 0}
#heda-metalhandle01 .mh-handle-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:stretch}
#heda-metalhandle01 .mh-handle-copy{display:flex;flex-direction:column;justify-content:center;padding:38px;background:var(--m-dark)}
#heda-metalhandle01 .mh-handle-copy .mh-kicker{color:#b9cbd2}
#heda-metalhandle01 .mh-handle-copy h2{color:#fff;margin-bottom:19px}
#heda-metalhandle01 .mh-handle-copy p{color:#d7e0e4;font-size:14px}
#heda-metalhandle01 .mh-handle-photo{display:flex;flex-direction:column;border:1px solid var(--m-line);min-width:0}
#heda-metalhandle01 .mh-handle-photo .mh-photo-box img{height:470px;object-fit:contain}
#heda-metalhandle01 .mh-engineering{padding:78px 0;background:var(--m-soft)}
#heda-metalhandle01 .mh-eng-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
#heda-metalhandle01 .mh-eng-card{display:grid;grid-template-columns:38px 1fr;gap:14px;min-width:0;background:#fff;border:1px solid var(--m-line);padding:27px 25px}
#heda-metalhandle01 .mh-eng-card>span{font-size:17px;color:var(--m-silver);font-weight:800}
#heda-metalhandle01 .mh-eng-card h3{margin-bottom:9px;font-size:18px}
#heda-metalhandle01 .mh-eng-card p{font-size:13px}
#heda-metalhandle01 .mh-storage{padding:78px 0}
#heda-metalhandle01 .mh-storage-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:19px;align-items:stretch}
#heda-metalhandle01 .mh-storage-figure{display:flex;flex-direction:column;border:1px solid var(--m-line);min-width:0}
#heda-metalhandle01 .mh-storage-figure .mh-photo-box img{height:375px;object-fit:contain}
#heda-metalhandle01 .mh-storage-copy{display:flex;flex-direction:column;justify-content:center;padding:32px;background:var(--m-soft)}
#heda-metalhandle01 .mh-storage-copy h2{margin-bottom:17px}
#heda-metalhandle01 .mh-storage-copy p{font-size:14px}
#heda-metalhandle01 .mh-spec{padding:79px 0;background:var(--m-soft)}
#heda-metalhandle01 .mh-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
#heda-metalhandle01 .mh-table th,#heda-metalhandle01 .mh-table td{text-align:left;vertical-align:top;padding:16px 20px;border:1px solid var(--m-line);font-size:13px;line-height:1.7}
#heda-metalhandle01 .mh-table th{width:35%;background:#e9eeef;color:var(--m-ink)}
#heda-metalhandle01 .mh-table td{color:var(--m-muted)}
#heda-metalhandle01 .mh-order{padding:78px 0}
#heda-metalhandle01 .mh-order-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:stretch}
#heda-metalhandle01 .mh-order-lead{padding:34px;background:var(--m-dark);display:flex;flex-direction:column;justify-content:center}
#heda-metalhandle01 .mh-order-lead .mh-kicker{color:#b8cdd4}
#heda-metalhandle01 .mh-order-lead h2{color:#fff}
#heda-metalhandle01 .mh-order-lead p{font-size:14px;margin-top:17px;color:#d8e3e6}
#heda-metalhandle01 .mh-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-content:center;padding:30px;border:1px solid var(--m-line)}
#heda-metalhandle01 .mh-checks span{padding:12px 0;border-bottom:1px solid var(--m-line);font-size:13px;color:var(--m-muted)}
#heda-metalhandle01 .mh-checks span:before{content:"• ";color:var(--m-red);font-weight:800}
#heda-metalhandle01 .mh-cta{padding:68px 0;background:var(--m-dark);border-top:4px solid var(--m-silver)}
#heda-metalhandle01 .mh-cta-grid{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
#heda-metalhandle01 .mh-cta .mh-kicker{color:#b9ced4}
#heda-metalhandle01 .mh-cta h2{color:#fff;margin-bottom:13px}
#heda-metalhandle01 .mh-cta p{color:#d8e3e6;font-size:14px;max-width:710px}
#heda-metalhandle01 a.mh-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:215px;min-height:54px;width:auto!important;padding:15px 28px!important;margin:0!important;background:#e5edf0!important;border:1px solid #e5edf0!important;border-radius:0!important;color:var(--m-dark)!important;text-decoration:none!important;font:800 12px/1.5 Arial,sans-serif!important;letter-spacing:1px;cursor:pointer}
#heda-metalhandle01 a.mh-button:hover{background:#fff!important;border-color:#fff!important;color:var(--m-dark)!important}
@media(max-width:950px){#heda-metalhandle01 .mh-photo-box img{height:300px}#heda-metalhandle01 .mh-handle-photo .mh-photo-box img{height:385px}}
@media(max-width:767px){
 #heda-metalhandle01 .mh-wrap{width:calc(100% - 32px)}
 #heda-metalhandle01 h2{font-size:29px}
 #heda-metalhandle01 .mh-hero-intro,#heda-metalhandle01 .mh-hero-pics,#heda-metalhandle01 .mh-handle-grid,#heda-metalhandle01 .mh-eng-grid,#heda-metalhandle01 .mh-storage-grid,#heda-metalhandle01 .mh-order-grid,#heda-metalhandle01 .mh-cta-grid{grid-template-columns:1fr}
 #heda-metalhandle01 .mh-hero-intro{gap:20px;padding:32px 0 27px}
 #heda-metalhandle01 .mh-hero-intro h2{font-size:37px}
 #heda-metalhandle01 .mh-hero-description{padding-left:16px}
 #heda-metalhandle01 .mh-photo-box img,#heda-metalhandle01 .mh-handle-photo .mh-photo-box img,#heda-metalhandle01 .mh-storage-figure .mh-photo-box img{height:auto;max-height:475px}
 #heda-metalhandle01 .mh-featureline{grid-template-columns:1fr}
 #heda-metalhandle01 .mh-featureline>div,#heda-metalhandle01 .mh-featureline>div:first-child{padding:19px 0;border-right:0;border-bottom:1px solid var(--m-line)}
 #heda-metalhandle01 .mh-handle,#heda-metalhandle01 .mh-engineering,#heda-metalhandle01 .mh-storage,#heda-metalhandle01 .mh-spec,#heda-metalhandle01 .mh-order{padding:49px 0}
 #heda-metalhandle01 .mh-handle-copy,#heda-metalhandle01 .mh-storage-copy,#heda-metalhandle01 .mh-order-lead{padding:29px 24px}
 #heda-metalhandle01 .mh-eng-card{padding:23px 20px}
 #heda-metalhandle01 .mh-table th,#heda-metalhandle01 .mh-table td{padding:13px 11px;font-size:12px;overflow-wrap:anywhere}
 #heda-metalhandle01 .mh-table th{width:40%}
 #heda-metalhandle01 .mh-cta{padding:49px 0}
 #heda-metalhandle01 a.mh-button{width:100%!important}
}
@media(max-width:420px){#heda-metalhandle01 .mh-checks{grid-template-columns:1fr}}
