/* nepm-custom.css — derived from uploaded reference
Palette: 
  bg: #d1cfd8, card: #ffffff, text: #1f1d3a, muted: #9d98a8, border: #e1e0e0, accent: #451e57
*/
:root{
  --nepm-bg: #ffffff;
  --nepm-card: #ffffff;
  --nepm-text: #221f51;
  --nepm-muted: #9d98a8;
  --nepm-border: #e1e0e0;
  --nepm-accent: #221f51;
  --nepm-accent-contrast: #ffffff;
  --nepm-shadow: 0 10px 20px rgba(0,0,0,.40);
}

/* Layout */
.nepm-grid{    font-family: "Mozilla Text", sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: left;display:grid;grid-template-columns:repeat(auto-fill,minmax(31%,1fr));gap:2%}

/* Card */
.nepm-card{background:var(--nepm-card);border:0px solid var(--nepm-border);border-radius:0px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--nepm-shadow);transition:transform 1s ease, box-shadow 1s ease}
.nepm-card:hover{transform:translateY(-10px)}

/* Image area */
.nepm-imgwrap{aspect-ratio:4/3;background:#ffffff;display:flex;align-items:center;justify-content:center}
.nepm-card img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
/* Body */
.nepm-body{padding:18px 15%}
.nepm-name{color:var(--nepm-text);font-weight:400;font-size:20px;line-height:1.25;margin:0 0 8px}
.nepm-price{color:var(--nepm-muted);font-size:15px}

/* Footer price bar and actions */
.nepm-actions{margin-top:auto;display:flex;gap:0px;padding:0}
.nepm-actions a{flex:1;text-align:center;text-decoration:none;border:0;border-radius:0 0 0 0;padding:14px 12px;font-weight:400}

/* Primary "Add to cart" bar */
.nepm-actions a {background:var(--nepm-accent);color:var(--nepm-accent-contrast)}
.nepm-actions a:hover {
    color: #C5C5C5;
}
}
/* Secondary link */


/* Optional page background to match reference */
body{background-color:var(--nepm-bg)}