/* Genuine Dunn-Edwards product browsing on the official NPS home. */
.public-site-official .demo-ribbon{background:#1f2726;color:#fff;border:0}
.public-site-official .demo-ribbon .ribbon-code{color:#e4aeb5}
.public-site-official .official-catalog-trigger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px}
.public-site-official .official-catalog-trigger svg{width:23px;height:23px}
.public-site-official .product-card{text-decoration:none;color:inherit}
.public-site-official .product-card:focus-visible,.de-home-section a:focus-visible,.de-home-section button:focus-visible,
.de-home-section input:focus-visible{outline:3px solid #c52b3b;outline-offset:3px}
.de-home-section{background:#f7f6f3;border-top:1px solid #e9e7e2}
.de-home-intro{display:flex;gap:44px;justify-content:space-between;align-items:end;margin-bottom:27px}
.de-home-intro>div{max-width:760px}
.de-home-intro h2{margin:17px 0 17px;max-width:650px}
.de-home-intro h2 em{font-style:normal;color:#c42d3e}
.de-home-intro p{margin:0;max-width:640px;color:#696a68;font-size:15px;line-height:1.65}
.de-home-all-link{flex-shrink:0;display:inline-flex;align-items:center;gap:24px;background:#1e2927;color:#fff;
padding:17px 21px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:750;
transition:background .2s ease,transform .2s ease}
.de-home-all-link:hover{background:#a72338;transform:translateY(-2px)}
.de-home-all-link span{font-size:19px;font-weight:500}
.de-home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 15px}
.de-home-search{display:flex;align-items:center;gap:10px;max-width:680px;width:100%;border:1px solid #d9d8d3;
border-radius:10px;padding:0 17px;background:white;height:56px;transition:border-color .2s}
.de-home-search:focus-within{border-color:#b72d3c}
.de-home-search svg{width:21px;height:21px;flex-shrink:0;color:#787979}
.de-home-search input{background:transparent;border:0;outline:none;flex:1;min-width:0;height:100%;font:500 14px "DM Sans",Arial,sans-serif;color:#252726}
.de-home-search input::placeholder{color:#8b8b86}
.de-home-current{color:#686967;font:700 12px "DM Sans",Arial,sans-serif;text-align:right;white-space:nowrap}
.de-home-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}
.de-home-filters button{background:#fff;border:1px solid #ddddd8;color:#646661;padding:11px 17px;border-radius:7px;
font:700 12px "DM Sans",Arial,sans-serif;cursor:pointer;transition:all .16s ease}
.de-home-filters button:hover{border-color:#aa2c40;color:#a72237}
.de-home-filters button.selected,.de-home-filters button[aria-pressed="true"]{background:#b52b3e;border-color:#b52b3e;color:white}
.de-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.de-home-card{min-width:0;background:white;border:1px solid #e7e5e1;border-radius:14px;overflow:hidden;
display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.de-home-card:hover{box-shadow:0 12px 35px #1d212014;transform:translateY(-3px)}
.de-home-media{position:relative;display:flex;align-items:center;justify-content:center;min-height:225px;height:225px;
background:linear-gradient(154deg,#f0efed,#faf9f6);overflow:hidden}
.de-home-media>img{display:block;width:80%;height:89%;object-fit:contain;object-position:center;
mix-blend-mode:multiply;transition:transform .25s ease}
.de-home-card:hover .de-home-media>img{transform:scale(1.035)}
.de-home-no-photo{background:linear-gradient(155deg,#eae9e5 0%,#faf9f7 68%,#ede7e1 100%)}
.de-home-no-photo:after{content:"";position:absolute;bottom:-62px;right:-45px;width:180px;height:180px;
border:1px solid #d7d3ce;border-radius:100%;pointer-events:none}
.de-home-media-fallback{font:800 72px/1 "Manrope",sans-serif;color:#d3d0cb;letter-spacing:-.08em}
.de-home-photo-brand{position:absolute;left:15px;top:14px;background:#fffdfadf;border:1px solid #deddd7;
border-radius:4px;padding:6px 9px;color:#66645d;font-size:9px;letter-spacing:.1em;font-weight:850}
.de-home-card-content{padding:20px 18px 18px;display:flex;flex:1;flex-direction:column}
.de-home-kicker{font-size:10px;font-weight:850;letter-spacing:.13em;color:#ac2f3e}
.de-home-card-content h3{margin:9px 0 9px;font:850 20px/1.2 "Manrope",Arial,sans-serif;letter-spacing:-.035em;
overflow-wrap:anywhere}
.de-home-card-content>p{margin:0 0 13px;font:450 12px/1.6 "DM Sans",Arial,sans-serif;color:#686c69;
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}
.de-home-skus{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;align-items:center;min-height:34px}
.de-home-skus span{background:#f3f1ee;border:1px solid #e8e5e0;border-radius:4px;padding:5px 7px;
color:#3a4140;font:700 10px "DM Sans",Arial,sans-serif;letter-spacing:.02em}
.de-home-skus .de-home-more{background:#e7e7e4}
.de-home-card-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:15px;
padding-top:15px;border-top:1px solid #ebe9e5}
.de-home-card-bottom>span{font:600 10px "DM Sans",Arial,sans-serif;color:#99908b}
.de-home-card-cta{font:800 11px "DM Sans",Arial,sans-serif;color:#ba263c;text-align:right;
text-decoration:none;white-space:nowrap}
.de-home-card-cta:hover{text-decoration:underline}
.de-home-audit{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:13px;
padding:23px 0 0;margin-top:25px;border-top:1px solid #e1dfd9;color:#777571;
font:500 11px/1.55 "DM Sans",Arial,sans-serif}
.de-home-audit a{font-weight:800;color:#b3283a;text-decoration:none}
.de-home-audit a:hover{text-decoration:underline}
.de-home-no-results{padding:36px;background:white;border:1px solid #deddd9;border-radius:10px;text-align:center}
.de-home-no-results button{padding:12px 18px;background:#b52b3e;color:white;border:0;border-radius:8px;cursor:pointer}
.public-site-official .catalog-note{background:#f5f1ed}
@media(max-width:1200px){.de-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){
 .de-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .de-home-intro{flex-direction:column;align-items:start;gap:22px}
 .de-home-toolbar{flex-direction:column;align-items:stretch}
 .de-home-current{text-align:left}
}
@media(max-width:520px){
 .de-home-grid{grid-template-columns:1fr}
 .de-home-media{height:190px;min-height:190px}
 .de-home-card{display:grid;grid-template-columns:40% 60%;align-items:stretch}
 .de-home-card-content{min-width:0;padding:17px 13px}
 .de-home-card-content h3{font-size:16px}
 .de-home-card-content>p{font-size:11px;min-height:0;-webkit-line-clamp:3}
 .de-home-photo-brand{top:9px;left:8px;font-size:8px;padding:5px}
 .de-home-media-fallback{font-size:52px}
 .de-home-skus{margin-top:5px;min-height:0}
 .de-home-card-bottom{display:block;margin-top:10px;padding-top:9px}
 .de-home-card-cta{display:block;text-align:left;margin-top:6px;white-space:normal}
 .de-home-filters{gap:6px}
 .de-home-filters button{padding:9px 11px}
 .de-home-audit{display:grid}
}
@media(prefers-reduced-motion:reduce){.de-home-card,.de-home-all-link,.de-home-media>img{transition:none}}

/* Official palette exit: prevents customers mistaking sample visualizer for actual color formulas. */
.de-home-color-official{display:inline-flex;gap:12px;align-items:center;max-width:100%;margin:12px 0 17px;
color:#b32439;font:800 13px/1.5 "DM Sans",Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.de-home-color-official:hover{color:#781c2b}