/* Shop page + shared product cards. Product images are always supplied by WordPress Featured Images. */

/* Shared product cards: used on Home and Shop. */
.nef-products-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px 31px;
}

.nef-product-card {
  min-width:0;
  overflow:hidden;
  border:0;
  border-radius:11px;
  background:#FFF8E8;
  box-shadow:none;
}

.nef-product-image {
  display:block;
  margin:12px 12px 0;
  aspect-ratio:1.17 / 1;
  overflow:hidden;
  background:#FFF8E8;
}

.nef-product-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}

.nef-product-card:hover .nef-product-image img { transform:scale(1.015); }

.nef-product-placeholder {
  height:100%;
  min-height:210px;
  display:grid;
  place-items:center;
  padding:24px;
  background:#F3F3F3;
  color:#123D2A;
  text-align:center;
  font-weight:700;
}

.nef-product-card-body { padding:14px 12px 15px; }

.nef-product-card h3 {
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:16px;
  line-height:1.25;
  font-weight:400;
}

.nef-product-card h3 a {
  color:#123D2A;
  text-decoration:none;
}

.nef-product-card h3 a:hover,
.nef-product-card h3 a:focus-visible { color:#A8C93A; }

.nef-product-card__divider {
  width:100%;
  height:1px;
  margin:15px 0 13px;
  background:rgba(0,0,0,.07);
}

.nef-product-card__bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.nef-product-price {
  margin:0;
  color:#123D2A;
  font-family:Georgia, "Times New Roman", serif;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
}

.nef-price-unit {
  color:rgba(0,0,0,.7);
  font-family:"Plus Jakarta Sans", sans-serif;
  font-size:8px;
  font-weight:400;
}

.nef-btn--small {
  min-height:28px;
  padding:0 13px;
  border:1px solid #123D2A;
  border-radius:999px;
  background:#123D2A;
  color:#ffffff !important;
  font-size:8px;
  line-height:1;
  font-weight:600;
  letter-spacing:.35px;
  text-transform:uppercase;
  white-space:nowrap;
}

.nef-btn--small:hover,
.nef-btn--small:focus-visible {
  border-color:#A8C93A;
  background:#A8C93A;
  color:#123D2A !important;
  transform:none;
}

/* Shop page */
.nef-shop-main {
  background:#F3F3F3;
  color:rgba(0,0,0,.7);
}

.nef-shop-main h1,
.nef-shop-main h2,
.nef-shop-main h3 {
  font-family:Georgia, "Times New Roman", serif;
  color:#123D2A;
  font-weight:400;
}

.nef-shop-kicker {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#123D2A;
  font-size:10px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:2.2px;
  text-transform:uppercase;
}

.nef-shop-kicker::before {
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#A8C93A;
  flex:0 0 5px;
}

.nef-shop-kicker--lime { color:#A8C93A; }

/* Hero */
.nef-shop-hero {
  padding:72px 0 60px;
  background:#FFF8E8;
}

.nef-shop-hero__grid {
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(420px, 1.05fr);
  align-items:center;
  gap:82px;
}

.nef-shop-hero__content {
  max-width:535px;
}

.nef-shop-hero h1 {
  margin:18px 0 22px;
  font-size:clamp(46px,4.1vw,66px);
  line-height:.98;
  letter-spacing:-2.1px;
}

.nef-shop-hero h1 em {
  font-weight:400;
  font-style:italic;
}

.nef-shop-hero__content > p {
  width:min(500px,100%);
  margin:0;
  color:rgba(0,0,0,.7);
  font-size:14px;
  line-height:1.65;
}

.nef-shop-proof {
  display:flex;
  flex-wrap:wrap;
  gap:14px 28px;
  margin-top:25px;
}

.nef-shop-proof span {
  position:relative;
  padding-left:17px;
  color:#123D2A;
  font-size:9px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.9px;
  text-transform:uppercase;
}

.nef-shop-proof span::before {
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#A8C93A;
  font-weight:700;
}

.nef-shop-hero__visual {
  width:100%;
  max-width:560px;
  justify-self:end;
  overflow:hidden;
  border-radius:8px;
  background:#FFF8E8;
}

.nef-shop-hero__visual img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.52 / 1;
  object-fit:cover;
}

/* Trust strip */
.nef-shop-trust {
  padding:13px 0;
  background:#123D2A;
}

.nef-shop-trust__inner {
  display:grid;
  grid-template-columns:1.35fr repeat(3,1fr);
  align-items:center;
  gap:18px;
}

.nef-shop-trust span {
  position:relative;
  color:#A8C93A;
  font-size:8px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:.65px;
  text-align:center;
  text-transform:uppercase;
}

.nef-shop-trust span:first-child {
  color:rgba(255,255,255,.7);
  text-align:left;
  text-transform:none;
}

.nef-shop-trust span::before {
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin:0 8px 1px 0;
  border-radius:50%;
  background:#A8C93A;
}

/* Catalog */
.nef-shop-catalog {
  padding:72px 0 92px;
  background:#F3F3F3;
}

.nef-shop-catalog__heading {
  margin-bottom:44px;
}

.nef-shop-catalog h2 {
  margin:10px 0 4px;
  font-size:clamp(42px,3.7vw,58px);
  line-height:.98;
  letter-spacing:-1.6px;
}

.nef-shop-catalog__heading p {
  margin:0;
  color:rgba(0,0,0,.7);
  font-size:12px;
  line-height:1.5;
}

.nef-shop-empty {
  grid-column:1 / -1;
  padding:34px;
  border-radius:11px;
  background:#FFF8E8;
  text-align:center;
}

.nef-shop-empty h3 { margin:0 0 8px; }
.nef-shop-empty p { margin:0; }

/* Need help */
.nef-shop-help {
  padding:52px 0 54px;
  background:#123D2A;
}

.nef-shop-help__inner {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.nef-shop-help h2 {
  margin:15px 0 8px;
  color:#ffffff;
  font-size:clamp(39px,3.2vw,50px);
  line-height:1;
}

.nef-shop-help p {
  max-width:520px;
  margin:0 0 24px;
  color:rgba(255,255,255,.7);
  font-size:12px;
  line-height:1.6;
}

.nef-shop-help__button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 28px;
  border:1px solid #A8C93A;
  border-radius:999px;
  background:#A8C93A;
  color:#ffffff !important;
  font-family:"Plus Jakarta Sans", sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:600;
  letter-spacing:.6px;
  text-decoration:none !important;
  text-transform:uppercase;
  transition:color .18s ease, transform .18s ease;
}

.nef-shop-help__button:hover,
.nef-shop-help__button:focus-visible {
  background:#A8C93A;
  border-color:#A8C93A;
  color:#123D2A !important;
  transform:translateY(-1px);
}

@media (max-width:900px) {
  .nef-shop-hero { padding:56px 0 50px; }
  .nef-shop-hero__grid { grid-template-columns:1fr; gap:40px; }
  .nef-shop-hero__content { max-width:650px; }
  .nef-shop-hero__visual { max-width:650px; justify-self:start; }
  .nef-shop-trust__inner { grid-template-columns:repeat(2,1fr); }
  .nef-shop-trust span,
  .nef-shop-trust span:first-child { text-align:left; }
  .nef-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:600px) {
  .nef-shop-hero { padding:42px 0 38px; }
  .nef-shop-hero h1 { font-size:42px; letter-spacing:-1.5px; }
  .nef-shop-proof { gap:12px 20px; }
  .nef-shop-trust__inner { grid-template-columns:1fr; gap:9px; }
  .nef-shop-catalog { padding:54px 0 64px; }
  .nef-shop-catalog__heading { margin-bottom:28px; }
  .nef-shop-catalog h2 { font-size:40px; }
  .nef-products-grid { grid-template-columns:1fr; gap:22px; }
  .nef-shop-help { padding:48px 0; }
  .nef-shop-help h2 { font-size:36px; }
}