.shell{width:min(100% - 40px,1220px);margin:auto}.preview{background:#f5f5f5;color:#166534;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:7px 12px}.site-header{position:sticky;top:0;background:#fff;z-index:40;box-shadow:0 2px 7px #17171716}.utility{display:flex;align-items:center;gap:16px;min-height:68px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:16px;font-weight:800;letter-spacing:.09em;white-space:nowrap}.logo img{width:43px;height:43px;object-fit:contain}.utility-actions{display:flex;align-items:center;gap:18px;margin-left:auto;white-space:nowrap;font-size:13px;font-weight:700}.utility-actions a:hover,.secondary a:hover{text-decoration:underline}.cart{padding:11px 15px;background:var(--green);border-radius:6px;color:#1a1a1a;font-weight:800}.navline{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.navline .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px}.order-note .shell{display:flex;justify-content:space-between;gap:14px}.hero .shell{position:relative;display:flex;align-items:center;min-height:330px;padding-top:32px;padding-bottom:32px}@media (max-width:1050px){.desktop-wordmark{display:none}.utility{gap:13px}}@media (max-width:720px){.shell{width:min(100% - 24px,620px)}.site-header{position:sticky}.utility{min-height:58px;flex-wrap:wrap;gap:8px;padding:7px 0}.logo img{width:35px;height:35px}.utility-actions{gap:8px;font-size:12px}.utility-actions .desktop-action{display:none}.utility-actions .cart{padding:8px 11px}.navline{display:none}.order-note .shell{display:block}.hero .shell{min-height:260px;padding:27px 0}}.hero .shell{min-height:190px}@media (max-width:720px){.hero .shell{min-height:185px}}.hero .shell{min-height:210px;padding-block:20px}@media (max-width:720px){.hero .shell{min-height:0;padding-block:18px}}.show-concept .site-header{position:static}.show-concept .utility{min-height:58px}.hero .shell{z-index:2;pointer-events:none}.hero .shell a{pointer-events:auto}.preview-footer{font-size:11px!important;color:#e5e5e5!important}.header-top{background:#e8eee9;border-bottom:1px solid #dbe2dc;font-size:11px;color:#1a1a1a}.header-top .shell{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:27px}.header-top a{font-weight:800;text-decoration:underline}.utility .search{display:flex;flex:1;min-width:180px;height:46px;margin-left:15px;border:1px solid #757575;border-radius:5px;overflow:hidden}.utility .search input{flex:1;border:0;min-width:50px;padding:0 15px;background:white;font-size:14px;outline:0}.utility .search button{color:white;background:#166534;border:0;padding:0 16px;font-weight:800;cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1050px){.utility .search{margin-left:0}}@media (max-width:720px){.header-top{font-size:10px}.header-top .shell{gap:6px;padding:5px 0}.header-top span{max-width:72%;line-height:1.2}.utility .search{order:3;flex-basis:100%;height:39px;max-width:none;margin:0}.utility .search input{font-size:12px}.utility .search button{font-size:12px;padding:0 12px}.site-header .utility-actions{gap:8px}.site-header .mobile-nav{display:block}}@media (max-width:720px){.utility-actions .mobile-account{display:block!important;color:#166534;font-weight:800;font-size:11px}}.preview-filterbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;background:#f5f9f6;border:1px solid #e5e5e5;padding:15px;border-radius:5px}.preview-filterbar label{font-size:11px;color:#636363;font-weight:700}.preview-filterbar input,.preview-filterbar select{display:block;width:100%;padding:8px;margin-top:5px;border:1px solid #e5e5e5;border-radius:3px;background:#eef2ee;color:#858585}@media (max-width:1050px){.preview-filterbar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.preview-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}}.install-jw{background:#166534;color:white!important;border:0;border-radius:6px;padding:10px 14px;font:700 12px Inter,sans-serif;cursor:pointer;white-space:nowrap}.install-jw:hover{background:#166534}@media (max-width:900px){.utility-actions>.install-jw{display:none}}#category-n-produce-41777>.shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;align-items:start}@media (max-width:720px){#category-n-produce-41777>.shell{display:block}}.hero .shell{min-height:360px}@media (max-width:720px){.hero .shell{min-height:310px}}.utility .search{border:1px solid #bdbdbd;background:#fff;border-radius:6px}.utility .search input{background:#fff;color:#1a1a1a;min-height:44px}.utility .search input::placeholder{color:#606060}.utility .search button{min-height:44px;background:#166534;color:#fff;font-size:14px;font-weight:800;padding:0 18px;border:0;cursor:pointer}.utility .search button:hover{background:#166534}.utility .search:focus-within{outline:2px solid #166534;outline-offset:2px}.shelves .shell,.categories .shell,.dashboard .shell,.resources .shell{max-width:1220px;width:min(100% - 40px,1220px);margin-left:auto;margin-right:auto}@media (max-width:720px){.utility .search button{min-height:38px;font-size:12px;padding:0 14px}.utility .search input{min-height:38px}.shelves .shell,.categories .shell,.dashboard .shell,.resources .shell{width:min(100% - 24px,620px)}}.extra-feature-banner .shell{width:min(100% - 40px,1220px);max-width:1220px;margin:auto}.extra-feature-banner .shell>a{position:relative;display:block;overflow:hidden;height:210px;border-radius:6px;color:#fff}.extra-feature-banner .shell img{width:100%;height:100%;object-fit:cover}.extra-feature-banner .shell span{position:absolute;left:20px;bottom:15px;padding:10px 15px;background:#171717e8;border-radius:4px;display:flex;flex-direction:column}.extra-feature-banner .shell strong{font-size:22px}.extra-feature-banner .shell small{font-size:13px}@media (max-width:720px){.extra-feature-banner .shell{width:min(100% - 24px,620px)}.extra-feature-banner .shell>a{height:170px}.extra-feature-banner .shell strong{font-size:17px}}.shell{width:min(100% - 40px,1220px)!important;max-width:1220px!important;margin-left:auto!important;margin-right:auto!important}@media (max-width:720px){.shell{width:min(100% - 24px,620px)!important}}.feature-map> .shell>p{margin:5px 0 25px;color:#666666}.feature-banner-prototype .shell,.extra-feature-banner .shell,.feature-banner-prototype:not(.extra-feature-banner)>a{width:100%!important;max-width:none!important;margin:0!important}.feature-banner-prototype .shell>a,.feature-banner-prototype:not(.extra-feature-banner)>a{width:100%!important;border-radius:0}#feature-banner-tools>.shell,#feature-banner-safety>.shell,#feature-banner-flyer>.shell,#feature-banner-prototype>a{width:min(calc(100% - 40px),1220px)!important;max-width:1220px!important;margin:0 auto!important}#feature-banner-tools .shell>a,#feature-banner-safety .shell>a,#feature-banner-flyer .shell>a,#feature-banner-prototype>a{height:210px;border-radius:0}#feature-explore>.shell{width:min(calc(100% - 40px),1220px)!important;max-width:1220px!important;margin:0 auto!important}@media (max-width:720px){#feature-banner-tools>.shell,#feature-banner-safety>.shell,#feature-banner-flyer>.shell,#feature-banner-prototype>a,#feature-explore>.shell{width:min(calc(100% - 24px),620px)!important}#feature-banner-tools .shell>a,#feature-banner-safety .shell>a,#feature-banner-flyer .shell>a,#feature-banner-prototype>a{height:170px}}.catalog-page>.shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;align-items:start}.catalog-page>.shell>.catalog-department-nav{position:sticky;top:172px;max-height:calc(100vh - 185px);overflow-y:auto;overflow-x:hidden;grid-column:1;grid-row:1;display:flex;flex-direction:column;margin:0;padding:10px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;z-index:3}.catalog-page>.shell>.catalog-department-nav a{width:100%;padding:5px 8px;box-sizing:border-box;white-space:normal}.catalog-page>.shell>.catalog-content{min-width:0;grid-column:2;grid-row:1}.catalog-page>.shell>.catalog-mobile-control{display:none}@media (max-width:1050px) and (min-width:721px){.catalog-page>.shell{grid-template-columns:205px minmax(0,1fr)}.catalog-page>.shell>.catalog-department-nav{top:168px;max-height:calc(100vh - 182px)}}@media (max-width:720px){.catalog-page>.shell{display:block}.catalog-page>.shell>.catalog-department-nav{display:none!important}.catalog-page>.shell>.catalog-mobile-control{display:block;position:sticky;top:171px;z-index:35;margin:0 0 10px;background:#f4f9f5;border:1px solid #e5e5e5;border-radius:5px}.catalog-page>.shell>.catalog-content{display:block}}.catalog-page>.shell>.catalog-department-nav{border:0!important;border-radius:0!important;background:transparent!important;padding:0 12px 0 0!important;box-shadow:none!important}.catalog-page>.shell>.catalog-department-nav strong{font-size:13px;letter-spacing:.03em;margin:0 0 13px;color:#1a1a1a}.catalog-page>.shell>.catalog-department-nav a{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:6px 0!important;color:#1a1a1a;font-size:12px;font-weight:600;line-height:1.3}.catalog-page>.shell>.catalog-department-nav a:hover,.catalog-page>.shell>.catalog-department-nav a[aria-current=page]{color:#166534!important;text-decoration:underline;text-underline-offset:4px;font-weight:800}body>.site-header{z-index:40!important;position:sticky!important;top:0;margin-top:0!important;margin-bottom:0!important}body>.site-header .shell,body>.order-note .shell,body>.preview .shell{width:min(calc(100% - 40px),1220px)!important;max-width:1220px!important}body>.preview{margin-top:0!important;margin-bottom:0!important}body main#top>section>.shell,body main#concept-views>section>.shell,body>section.prefooter>.shell{max-width:100%}body main#top>section.feature-banner-prototype>.shell,body main#top>section.feature-banner-prototype:not(.extra-feature-banner)>a{width:100%!important;max-width:100%!important;margin:0!important}body main#top>section.feature-banner-prototype .shell>a,body main#top>section.feature-banner-prototype:not(.extra-feature-banner)>a{width:100%!important;max-width:100%!important;border-radius:7px!important}body main#concept-views>#full-feature-map .shell{width:100%!important;max-width:100%!important}@media (max-width:720px){body>.preview,body>.order-note,body>.site-header{margin-top:0!important;margin-bottom:0!important}body>.site-header .shell,body>.order-note .shell,body>.preview .shell{width:min(calc(100% - 24px),620px)!important}}.jw-header-contact{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:9px 13px;border:1px solid #166534;border-radius:5px;color:#166534!important;font:700 13px/1.25 Inter,Inter,sans-serif;text-decoration:none;background:#fff}.jw-header-contact:hover{background:#f5f5f5}.jw-header-contact:focus-visible{outline:3px solid #22c55e;outline-offset:3px}@media (max-width:650px){.jw-header-contact{padding:7px 9px;font-size:11px}}/* Photo Credits uses the same utility/header structure as customer routes. */
.site-header .mobile-nav{display:none}
@media(max-width:720px){.site-header .mobile-nav{display:block}.site-header .mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #a0a0a0;border-radius:5px;cursor:pointer}.site-header .mobile-nav summary::-webkit-details-marker{display:none}.site-header .mobile-nav .menu{position:absolute;right:12px;top:53px;z-index:100;min-width:210px;padding:8px;background:#1a1a1a;border:1px solid #a0a0a0;border-radius:6px;box-shadow:0 8px 22px #0005}.site-header .mobile-nav .menu a{display:block;color:#fff;padding:9px;text-decoration:none}.site-header .mobile-nav .menu a:hover,.site-header .mobile-nav .menu a:focus-visible{background:#1a1a1a}.site-header .utility-actions{position:relative}}
.site-header :is(.logo,.navline a){text-decoration:none}
html[data-jw-theme="dark"] .jw-motion-toggle{background:#1a1a1a!important;color:#f5f5f5!important;border-color:#e5e8e6!important}
html[data-jw-theme="dark"] .site-header,html[data-jw-theme="dark"] .site-header .navline,html[data-jw-theme="dark"] .site-header .utility{background:#1a1a1a!important;color:#f5f5f5!important}
html[data-jw-theme="dark"] .site-header a{color:#f5f5f5!important}
html[data-jw-theme="dark"] .site-header .jw-search,html[data-jw-theme="dark"] .site-header .jw-search-input{background:#1a1a1a!important;color:#f5f5f5!important}
@media(min-width:721px) and (max-width:850px){.site-header .mobile-nav{display:block}.site-header .mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #a0a0a0;border-radius:5px;cursor:pointer}.site-header .mobile-nav summary::-webkit-details-marker{display:none}.site-header .mobile-nav .menu{position:absolute;right:12px;top:53px;z-index:100;min-width:210px;padding:8px;background:#1a1a1a;border:1px solid #a0a0a0;border-radius:6px}.site-header .mobile-nav .menu a{display:block;color:#fff;padding:9px;text-decoration:none}.site-header .utility-actions{position:relative}}
@media(max-width:850px){.site-header .mobile-nav{display:block}.site-header .mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #999;border-radius:5px;cursor:pointer}.site-header .mobile-nav summary::-webkit-details-marker{display:none}.site-header .mobile-nav .menu{position:absolute;right:12px;top:53px;z-index:100;min-width:210px;padding:8px;background:#252525;border:1px solid #999;border-radius:6px;box-shadow:0 8px 22px #0005}.site-header .mobile-nav .menu a{display:block;color:#fff;padding:9px;text-decoration:none}.site-header .mobile-nav .menu a:hover,.site-header .mobile-nav .menu a:focus-visible{background:#166534}.site-header .utility-actions{position:relative}}
@media(min-width:851px) and (max-width:950px){.site-header .mobile-nav{display:block}.site-header .mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #999;border-radius:5px;cursor:pointer}.site-header .mobile-nav summary::-webkit-details-marker{display:none}.site-header .mobile-nav .menu{position:absolute;right:12px;top:53px;z-index:100;min-width:210px;padding:8px;background:#252525;border:1px solid #999;border-radius:6px;box-shadow:0 8px 22px #0005}.site-header .mobile-nav .menu a{display:block;color:#fff;padding:9px;text-decoration:none}.site-header .utility-actions{position:relative}}
