/* Homepage pilot only: native product, category, search and account pages retain R5. */
.st-homeHeroContainer{padding-top:4px;padding-bottom:0}
.st-homeHero{position:relative;border-radius:8px;overflow:hidden;background:#eaf1f5}
.st-homePilot [hidden],.st-homeHero [hidden]{display:none!important}
.st-homeSlide{position:relative;aspect-ratio:5/1}
.st-homeSlide>a{display:block;height:100%}
.st-homeSlide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.st-homeSlideCopy{position:absolute;left:5%;top:12%;max-width:55%;background:rgba(255,255,255,.92);padding:12px 18px;color:#173e56;border-radius:4px}
.st-homeSlideCopy h2{font-size:24px;margin:0 0 6px}.st-homeSlideCopy p{margin:0 0 5px}
.st-homeCarouselControls{display:flex;gap:6px;align-items:center;justify-content:flex-end;padding:7px 10px;background:#f5f8fa;color:#173e56;font-size:13px}
.st-homeCarouselControls button{min-width:40px;min-height:40px;padding:7px 12px;background:#fff;border:1px solid #bfced8;border-radius:4px;color:#173e56;cursor:pointer}
.st-homePilot{margin:24px 0 36px;color:#173e56}
/* A single rounded panel contains the tree, including its heading and more-systems disclosure. */
.st-homeLayout{display:grid;grid-template-columns:minmax(270px,26%) minmax(0,1fr);gap:28px;align-items:start}
.st-homePilot h2{color:#173e56;font-size:23px;line-height:1.25;letter-spacing:0;font-weight:700;margin:0 0 15px}
.st-homeBrowser{min-width:0;background:#fff;border:1px solid #dce6ee;border-radius:12px;box-shadow:0 2px 8px #173e5606}
.st-homeBrowser>h2{padding:15px 16px;margin:0;font-size:20px;border-bottom:1px solid #e4ebf0}
.st-homePilot ul{list-style:none;margin:0;padding:0}
.st-homeTree{margin:0;min-width:0}
.st-homeTreeRoot:first-child>details>summary{border-radius:0}
.st-homeTreeNode{margin:0;padding:0;min-width:0}
.st-homeTreeRoot+.st-homeTreeRoot{border-top:1px solid #e4ebf0}
.st-homePilot summary{list-style:none;cursor:pointer}
.st-homePilot summary::-webkit-details-marker{display:none}
.st-homeTreeNode>details>summary,.st-homeTreeLeaf{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;gap:8px;align-items:center;padding:7px 10px;min-height:54px;color:#173e56;text-decoration:none;font-size:13px;line-height:1.4;font-weight:600}
.st-homeTreeRoot>details>summary,.st-homeTreeRoot>.st-homeTreeLeaf{grid-template-columns:62px minmax(0,1fr) 16px;min-height:68px;padding:9px 12px;font-size:14px;font-weight:700}
.st-homeTreeNode>details[open]>summary{background:#edf4f8;color:#073f62}
.st-homeTreeNode>details[open]>summary>.st-homeChevron{transform:rotate(180deg)}
.st-homeTreeNode summary:hover,.st-homeTreeLeaf:hover{background:#f1f6f8}
.st-homeThumb{display:flex;align-items:center;justify-content:center;width:42px;height:38px;background:#fff;border-radius:6px;overflow:hidden;color:#6a8797}
.st-homeTreeRoot>details>summary>.st-homeThumb,.st-homeTreeRoot>.st-homeTreeLeaf>.st-homeThumb{width:62px;height:48px}
.st-homeThumb img{width:100%;height:100%;object-fit:contain;display:block}
.st-homeThumb:has(img)>svg{display:none}
.st-homeTreeNode>details>summary>span,.st-homeTreeLeaf>span{overflow-wrap:anywhere;min-width:0}
.st-homeThumb svg{width:25px;height:25px}
.st-homeChevron{font-size:17px;font-weight:400;color:#668f44;text-align:center}
.st-homeBranch{padding:2px 3px 7px 6px;border-left:1px solid #dce8f0;margin-left:12px}
.st-homeViewAll{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 10px;color:#095d88;font-size:12px;text-decoration:none;font-weight:700;line-height:1.4}
.st-homeMore{border-top:1px solid #e4ebf0;border-radius:0 0 12px 12px}
.st-homeMore>summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:12px 16px;color:#173e56;font-size:13px;font-weight:700;border-radius:0 0 12px 12px}
.st-homeMore[open]>summary{background:#edf4f8;border-radius:0}
.st-homeMore[open]>summary>span{transform:rotate(45deg)}
.st-homeMore>.st-homeTree{border-top:1px solid #e4ebf0}
.st-homeBrowser nav>.st-homeTree>.st-homeTreeRoot:last-child>details:not([open])>summary,.st-homeBrowser nav>.st-homeTree>.st-homeTreeRoot:last-child>.st-homeTreeLeaf{border-radius:0}
.st-homeShopping{min-width:0}
.st-homeSectionHeading{display:flex;align-items:center;gap:18px;margin-bottom:10px;min-height:40px}
.st-homeSectionHeading h2{margin:0}
.st-homeSectionHeading:after{content:"";height:1px;background:#dce6ee;flex:1;min-width:15px}
/* The shortcuts stay the same when shoppers drill into the independent category tree. */
.st-homeShortcutGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
.st-homeShortcut{display:grid;grid-template-columns:36% minmax(0,1fr) 18px;gap:14px;align-items:center;position:relative;border-bottom:1px solid #e1eaf0;min-height:136px;padding:14px 6px;color:#173e56;text-decoration:none;border-radius:6px;transition:background-color .15s}
.st-homeShortcut:nth-child(odd):after{content:"";position:absolute;right:-15px;top:18px;bottom:18px;border-right:1px solid #e1eaf0}
.st-homeShortcut:hover{background:#f5f9fb;color:#073f62}
.st-homeShortcut strong{font-size:18px;line-height:1.4;overflow-wrap:break-word}
.st-homeShortcutImage{display:flex;align-items:center;justify-content:center;height:104px;min-width:0}
.st-homeShortcutImage img{width:100%;height:100%;object-fit:contain;display:block}
.st-homeBrands{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:22px 0 26px;padding:14px 15px;background:#edf5fc;border:1px solid #e1edf7;border-radius:9px;min-height:80px}
.st-homeBrands>h2{margin:0;font-size:15px;line-height:1.4}
.st-homeBrandLinks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;min-width:0}
.st-homeBrandLinks>a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;min-height:46px;padding:4px 10px;color:#173e56;text-decoration:none;border-left:1px solid #d3e4f2;border-radius:3px}
.st-homeBrandLinks img{width:100%;max-width:110px;height:32px;object-fit:contain;display:block}
.st-homeBrandSub{font-size:10px;line-height:1;color:#173e56;margin-top:-1px}
.st-homeBrandLinks>a:hover{background:#e1edf7}
.st-homeAllBrands{display:flex;align-items:center;gap:6px;min-height:44px;color:#095d88;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.st-homeFeatured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.st-homeFeatured>li{min-width:0}
.st-homeFeatured .card{display:grid;grid-template-columns:34% minmax(0,1fr);column-gap:12px;row-gap:6px;align-content:start;position:relative;min-height:245px;height:100%;padding:15px 12px;margin:0;border:1px solid #dce6ee;border-radius:7px;background:#fff}
.st-homeFeatured .card-figure{grid-column:1;grid-row:1/3;position:relative;margin:0;padding:0;align-self:start;width:100%;background:#fff}
.st-homeFeatured .card-figure>a{display:block}.st-homeFeatured .card-img-container{height:145px;max-width:none;position:relative;margin:0}.st-homeFeatured .card-img-container:after{display:none}
.st-homeFeatured .card-image{position:static;width:100%;height:145px;max-height:145px;object-fit:contain;margin:0}
.st-homeFeatured .card-figcaption{display:none}
.st-homeFeatured .card-body{grid-column:2;grid-row:1;padding:0;margin:0;min-width:0;float:none;width:auto;text-align:left}
.st-homeFeatured .card-title{font-size:16px;line-height:1.35;max-height:none;min-height:0;margin:5px 0 9px;overflow:visible;white-space:normal}
.st-homeFeatured .card-title a{color:#173e56;text-decoration:none}
.st-homeFeatured .card-text--brand{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#668094;margin:0}
.st-homeFeatured .card-text--price{font-size:14px;font-weight:600;line-height:1.5;color:#173e56;margin:8px 0}
.st-homeFeatured .card-text--sku{font-size:11px;color:#668094;margin:5px 0;overflow-wrap:anywhere}
.st-homeFeatured .card-text--summary{font-size:12px;line-height:1.4;color:#668094}.st-homeFeatured .card-text--summary p{margin:6px 0}
.st-homeFeatured .card-aside{display:block;grid-column:2;grid-row:2;position:static;width:auto;padding:0;margin:0;text-align:left;float:none}
.st-homeFeatured .card-aside .card-text--price{display:none}.st-homeFeatured .card-aside .card-buttons{display:block;position:static;padding:0;margin:0}
.st-homeFeatured .card-aside .button{display:block;width:100%;padding:10px 8px;margin:0;min-height:40px;font-size:13px;line-height:1.4;border-radius:4px;white-space:normal}
.st-homeHelp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;padding:14px 8px;border-radius:6px;background:#edf5fc;gap:8px}
.st-homeHelp>a{display:flex;gap:8px;align-items:center;padding:6px;color:#173e56;text-decoration:none;min-width:0}
.st-homeHelp>a>span:first-child{font-size:24px;line-height:1}.st-homeHelp strong{display:block;font-size:12px;line-height:1.4}.st-homeHelp small{display:block;font-size:11px;color:#095d88;margin-top:3px}
.st-homePilot :focus-visible,.st-homeHero :focus-visible{outline:3px solid #6ca3c2;outline-offset:2px}
@media(max-width:1150px){.st-homeLayout{grid-template-columns:minmax(260px,28%) minmax(0,1fr);gap:22px}.st-homeShortcutGrid{column-gap:22px}.st-homeShortcut:nth-child(odd):after{right:-11px}.st-homeShortcut{min-height:122px;gap:10px}.st-homeShortcut strong{font-size:16px}.st-homeShortcutImage{height:94px}.st-homeBrands{grid-template-columns:1fr auto;gap:10px;padding:12px 14px}.st-homeBrandLinks{grid-column:1/-1;grid-row:2}.st-homeBrandLinks>a:first-child{border-left:0}.st-homeBrands .st-homeAllBrands{grid-column:2;grid-row:1}.st-homeFeatured{grid-template-columns:1fr}.st-homeFeatured .card{min-height:210px}.st-homeHelp{grid-template-columns:1fr}.st-homeHelp>a{min-height:44px}}
@media(max-width:800px){.st-homeHeroContainer{padding-top:8px}.st-homeSlide{aspect-ratio:3.6/1}.st-homePilot{margin-top:18px}.st-homeLayout{grid-template-columns:1fr;gap:25px}.st-homePilot h2{font-size:21px}.st-homeBrowser>h2{font-size:19px}.st-homeBrowser nav{max-height:none}.st-homeTreeRoot>details>summary,.st-homeTreeRoot>.st-homeTreeLeaf{min-height:64px}.st-homeSectionHeading{gap:14px}.st-homeShortcutGrid{column-gap:16px}.st-homeShortcut:nth-child(odd):after{right:-8px}.st-homeShortcut{min-height:122px;grid-template-columns:40% minmax(0,1fr) 13px;gap:8px;padding:12px 3px}.st-homeShortcutImage{height:92px}.st-homeShortcut strong{font-size:15px}.st-homeBrands{margin-top:20px;margin-bottom:24px}.st-homeBrands>h2{font-size:15px}.st-homeBrandLinks{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.st-homeBrandLinks>a:nth-child(4){border-left:0}.st-homeFeatured .card{min-height:220px;grid-template-columns:34% minmax(0,1fr);padding:14px}.st-homeSlideCopy{top:6%;max-width:60%;padding:5px 8px}.st-homeSlideCopy h2{font-size:14px}.st-homeSlideCopy p,.st-homeSlideCopy span{font-size:11px}.st-homeCarouselControls{justify-content:center}}
@media(max-width:380px){.st-homeShortcutGrid{grid-template-columns:1fr}.st-homeShortcut:nth-child(odd):after{display:none}.st-homeShortcut{grid-template-columns:30% minmax(0,1fr) 18px;min-height:106px}.st-homeShortcutImage{height:80px}}
@media(prefers-reduced-motion:reduce){.st-homeShortcut{transition:none}}

/* Keep native square-image rules inside each featured card's image column. */
.st-homeFeatured .card{grid-template-columns:minmax(0,34%) minmax(0,1fr)}
.st-homeFeatured .card-figure{min-width:0;max-width:100%;overflow:hidden}
.st-homeFeatured .card-figure>a{width:100%;min-width:0;max-width:100%}
.st-homeFeatured .card-img-container{width:100%;min-width:0;max-width:100%;aspect-ratio:auto;overflow:hidden}
.st-homeFeatured .card-image{display:block;inset:auto;min-width:0;min-height:0;max-width:100%;aspect-ratio:auto;object-fit:contain}
@media(min-width:801px){
    .st-homeMore>summary{display:none}
    .st-homeMore>.st-homeTree{border-top:0}
    .st-homeMore>.st-homeTree>.st-homeTreeRoot:last-child>details:not([open])>summary,
    .st-homeMore>.st-homeTree>.st-homeTreeRoot:last-child>.st-homeTreeLeaf{border-radius:0 0 12px 12px}
}
@media(max-width:800px){
    .st-homeBrandLinks{grid-template-columns:repeat(6,minmax(0,1fr))}
    .st-homeBrandLinks>a{grid-column:span 2}
    .st-homeBrandLinks>a:nth-child(4){grid-column:2/span 2}
    .st-homeBrandLinks>a:nth-child(5){grid-column:4/span 2}
}