/* ============================================================
   NetFeed - CSS neas arxikis. Fortonetai MONO stin arxiki
   (EL 155 / EN 4253) apo to mu-plugin netfeed-home.php.
   OLOI oi kanones einai scoped kato apo .nf-home (i body.nf-front)
   oste na MIN diarreusei sto Storefront tis ipoloipes selides.
   Antitheseis (ipologismenes): #006BB4/white 5.56:1, #00548F/white
   7.89:1, #333/white 12.63:1, #595959/white 7.00:1  - ola AA.
   Stoxoi afis >=44px.
   ============================================================ */

.nf-home{
  --blue:#006BB4; --blue-dark:#00548F; --blue-ink:#003C66;
  --ink:#333333; --ink-2:#595959; --ink-3:#6E6E6E;
  --line:#DFE3E7; --grey:#F0F0F0; --grey-2:#F8F8F8;
  --ok:#1C7C3F;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,"Noto Sans Greek",sans-serif;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.5;
  color:var(--ink);
}

/* platos MONO stin arxiki */
body.nf-front .col-full{max-width:1320px}
body.nf-front .site-content .col-full{padding-left:20px;padding-right:20px}
body.nf-front .entry-header{display:none}
body.nf-front .site-main>.entry-content,
body.nf-front .entry-content{margin-top:0}
body.nf-front .content-area{width:100%;float:none;margin-right:0}

.nf-home *{box-sizing:border-box}
.nf-home img{max-width:100%;display:block;height:auto}
.nf-home a{color:var(--blue-dark);text-decoration:none;box-shadow:none}
.nf-home a:hover{text-decoration:underline;color:var(--blue-dark)}
.nf-home a:focus-visible{outline:3px solid #0A84FF;outline-offset:2px;border-radius:2px}
.nf-home h1,.nf-home h2,.nf-home h3{font-family:var(--sans)}

/* ---------- hero ---------- */
.nf-home .hero{display:grid;grid-template-columns:268px 1fr;gap:22px;padding:22px 0 0}
.nf-home .catbox{border:1px solid var(--line);border-radius:4px;overflow:hidden;align-self:start;margin:0}
.nf-home .catbox h2{
  margin:0;background:var(--grey);border-bottom:1px solid var(--line);
  font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--blue-ink);padding:14px 16px;
}
.nf-home .catbox ul{list-style:none;margin:0;padding:0}
.nf-home .catbox li{margin:0}
.nf-home .catbox li+li{border-top:1px solid #EDEFF1}
.nf-home .catbox a{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  min-height:44px;padding:8px 16px;color:var(--ink);font-size:14px;
}
.nf-home .catbox a:hover{background:var(--grey-2);color:var(--blue-dark);text-decoration:none}
.nf-home .catbox .n{color:var(--ink-3);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.nf-home .catbox .all{background:var(--grey-2);font-weight:600;color:var(--blue-dark)}

.nf-home .banners{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-content:start}
.nf-home .banners .stats{grid-column:1/-1;margin:0}
.nf-home .quicks{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nf-home .quick{border:1px solid var(--line);border-radius:4px;background:var(--grey-2);padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.nf-home .quick b{font-size:15px;font-weight:600;color:var(--blue-ink)}
.nf-home .quick p{margin:0;font-size:13px;color:var(--ink-2)}
.nf-home .quick a{font-size:13px;font-weight:600;min-height:40px;display:inline-flex;align-items:center;margin-top:auto}
.nf-home .bn{
  border-radius:5px;padding:34px 32px;color:#fff;display:flex;flex-direction:column;
  justify-content:flex-end;min-height:230px;position:relative;overflow:hidden;
}
.nf-home .bn.primary{background:linear-gradient(118deg,var(--blue-dark) 0%,var(--blue) 62%,#1487CF 100%)}
.nf-home .bn.second{background:var(--blue-ink)}
.nf-home .bn .eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.86;margin:0 0 10px}
.nf-home .bn h1{margin:0 0 8px;font-size:34px;font-weight:300;line-height:1.15;letter-spacing:-.01em;color:#fff}
.nf-home .bn h2{margin:0 0 8px;font-size:24px;font-weight:300;line-height:1.2;color:#fff}
.nf-home .bn p{margin:0 0 18px;font-size:14px;max-width:46ch;opacity:.95;color:#fff}
.nf-home .bn .cta{display:flex;gap:10px;flex-wrap:wrap}
.nf-home .btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 22px;border-radius:3px;
  font-size:14px;font-weight:600;letter-spacing:.01em;
}
.nf-home .btn-solid{background:#fff;color:var(--blue-ink)}
.nf-home .btn-solid:hover{background:var(--grey);text-decoration:none;color:var(--blue-ink)}
.nf-home .btn-ghost{border:1.5px solid rgba(255,255,255,.8);color:#fff}
.nf-home .btn-ghost:hover{background:rgba(255,255,255,.14);text-decoration:none;color:#fff}
.nf-home .bn .glyph{position:absolute;right:-24px;top:-24px;opacity:.14;pointer-events:none}
.nf-home .bn .glyph svg{width:210px;height:210px;stroke:#fff;fill:none;stroke-width:1.2}

/* ---------- stats ---------- */
.nf-home .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:4px;margin:22px 0 0;overflow:hidden}
.nf-home .stats div{background:var(--grey-2);padding:16px 18px}
.nf-home .stats b{display:block;font-size:24px;font-weight:600;color:var(--blue-dark);line-height:1.2;font-variant-numeric:tabular-nums}
.nf-home .stats span{display:block;font-size:12.5px;color:var(--ink-2);margin-top:2px}

/* ---------- section heads ---------- */
.nf-home .nfsec{padding:40px 0 0}
.nf-home .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  border-bottom:2px solid var(--blue);padding-bottom:10px;margin-bottom:20px;flex-wrap:wrap}
.nf-home .shead h2{margin:0;font-size:26px;font-weight:300;color:var(--ink);letter-spacing:-.01em}
.nf-home .shead .sub{font-size:13px;color:var(--ink-2);margin-top:3px}
.nf-home .shead .more{font-size:13.5px;font-weight:600;color:var(--blue-dark);min-height:44px;display:inline-flex;align-items:center}

/* ---------- WooCommerce product grid ([products] shortcode) ---------- */
.nf-home .woocommerce ul.products,
.nf-home ul.products{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  margin:0;padding:0;list-style:none;
}
.nf-home ul.products::before,
.nf-home ul.products::after{display:none}
.nf-home ul.products li.product{
  width:100%!important;margin:0!important;padding:0;float:none!important;clear:none!important;
  border:1px solid var(--line);border-radius:5px;background:#fff;
  display:flex;flex-direction:column;overflow:hidden;
  transition:box-shadow .15s,border-color .15s;
}
.nf-home ul.products li.product:hover{border-color:#B9C4CD;box-shadow:0 3px 14px rgba(0,60,102,.10)}
.nf-home ul.products li.product>a.woocommerce-LoopProduct-link{
  display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;
}
.nf-home ul.products li.product img{
  height:170px;width:100%;object-fit:contain;background:#fff;
  border-bottom:1px solid #EDEFF1;padding:14px;margin:0 0 12px;
}
.nf-home ul.products li.product .woocommerce-loop-product__title{
  margin:0 16px 8px;font-size:14px;font-weight:600;line-height:1.35;color:var(--ink);padding:0;
}
.nf-home ul.products li.product .price{
  margin:auto 16px 10px;padding-top:10px;border-top:1px solid #EDEFF1;
  font-size:19px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;display:block;
}
.nf-home ul.products li.product .price del{font-size:13px;font-weight:400;color:var(--ink-3);opacity:.8}
.nf-home ul.products li.product .price ins{text-decoration:none;font-weight:700}
.nf-home ul.products li.product .button,
.nf-home ul.products li.product .added_to_cart{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;margin:0 16px 16px;padding:0 14px;background:var(--blue);color:#fff;
  border-radius:3px;font-size:13px;font-weight:600;border:0;text-align:center;
}
.nf-home ul.products li.product .button:hover,
.nf-home ul.products li.product .added_to_cart:hover{background:var(--blue-dark);color:#fff;text-decoration:none}
.nf-home ul.products li.product .added_to_cart{background:var(--blue-ink);margin-top:-8px}
.nf-home ul.products li.product .onsale{
  position:absolute;margin:0;padding:4px 10px;border-radius:3px;
  background:var(--ok);color:#fff;font-size:11px;font-weight:700;min-height:0;line-height:1.4;
}
.nf-home ul.products li.product .star-rating{display:none}

/* ---------- brands ---------- */
.nf-home .brands{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:4px;overflow:hidden}
.nf-home .brands a{
  background:#fff;min-height:88px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:3px;color:var(--ink);padding:12px 8px;text-align:center;
}
.nf-home .brands a:hover{background:var(--grey-2);text-decoration:none}
.nf-home .brands .bname{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--blue-dark)}
.nf-home .brands .bcount{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* ---------- vendor blocks ---------- */
.nf-home .vendor{border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-bottom:22px}
.nf-home .vhead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:14px 20px;color:#fff}
.nf-home .vhead.ubnt{background:#0559C9}
.nf-home .vhead.mt{background:#293239}
.nf-home .vhead .vt{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.nf-home .vhead .vt b{font-size:19px;font-weight:700;letter-spacing:-.01em}
.nf-home .vhead .vt span{font-size:13px;opacity:.9}
.nf-home .vhead a.vlink{color:#fff;font-size:13px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.nf-home .vbody{padding:18px 20px 22px}
.nf-home .vbody ul.products{grid-template-columns:repeat(3,1fr)}

/* ---------- services ---------- */
.nf-home .svc{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nf-home .svc article{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:4px;padding:20px 20px 22px;background:var(--grey-2)}
.nf-home .svc h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--blue-ink)}
.nf-home .svc p{margin:0 0 12px;font-size:13.5px;color:var(--ink-2)}
.nf-home .svc a{font-size:13px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nf-home ul.products,.nf-home .svc,.nf-home .stats{grid-template-columns:repeat(3,1fr)}
  .nf-home .vbody ul.products{grid-template-columns:repeat(2,1fr)}
  .nf-home .brands{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:860px){
  .nf-home .hero{grid-template-columns:1fr}
  .nf-home .banners{grid-template-columns:1fr}
  .nf-home ul.products,.nf-home .svc,.nf-home .stats,.nf-home .vbody ul.products{grid-template-columns:repeat(2,1fr)}
  .nf-home .bn h1{font-size:28px}
}
@media (max-width:560px){
  .nf-home ul.products,.nf-home .svc,.nf-home .vbody ul.products,.nf-home .brands{grid-template-columns:1fr}
  .nf-home .stats{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.nf-home *{transition:none!important;animation:none!important}}