/* ============================================================
   FeederX — Tema „Mixt"
   Corp alb aerisit (elegant) + bară nav navy + carduri cu elevație (material)
   ============================================================ */
:root{
  --green-050:#EAF0F7; --green-100:#D6E2F0;
  --green-400:#3E6FB0; --green-500:#1E3A5F; --green-600:#152B47; --green-700:#BE1622;
  --ink:#1A1F26; --ink-soft:#49515B; --muted:#919AA4;
  --line:#E8EAEE; --line-2:#F1F3F6; --bg:#FBFBFC;
  --red:#D7283A; --amber:#E59A2B;
  --navy:#1E3A5F; --acc:#D7283A;
  --shadow-sm:0 1px 2px rgba(20,30,45,.05);
  --shadow-md:0 8px 24px rgba(20,30,45,.10);
  --shadow-lg:0 20px 50px rgba(20,30,45,.16);
}
body{background:var(--bg);color:var(--ink);}
.wrap{max-width:1260px;}

/* ---------- Header (white) ---------- */
.header{background:#fff;border-bottom:1px solid var(--line);}
.search input{border:1.5px solid var(--line);background:#FAFBFC;color:var(--ink);border-radius:8px;font-weight:500;}
.search input::placeholder{color:var(--muted);font-style:normal;}
.search input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(30,58,95,.10);background:#fff;}
.search .go{background:var(--navy);border-radius:7px;}
.search .go:hover{background:var(--green-600);}
.acct .ic{border:1.5px solid var(--line);color:var(--navy);border-radius:8px;}
.acct .item:hover .ic,.acct-drop:hover .ic{background:#F3F6FA;border-color:#D3DDE8;}
.acct .item.cart .ic{background:var(--acc);border-color:var(--acc);color:#fff;}
.acct .lbl{color:var(--ink-soft);font-weight:600;}
.acct .badge{background:var(--navy);color:#fff;border-color:#fff;}
.acct .item.cart .badge{background:var(--amber);color:#1A1F26;}

/* ---------- Nav (navy band) ---------- */
.nav{background:var(--navy);box-shadow:var(--shadow-md);border-bottom:none;}
.nav .prodbtn{background:#fff;color:var(--navy);}
.nav .prodbtn .burger span{background:var(--acc);}
.nav .links a{color:rgba(255,255,255,.92);}
.nav .links a .pill{border-radius:7px;font-weight:700;}
.nav .links a .pill.red{background:var(--acc);color:#fff;}
.nav .links a:hover .pill.red{background:#E8394B;}
.nav .links a .pill.green{background:rgba(255,255,255,.14);color:#fff;}
.nav .links a:hover .pill.green{background:rgba(255,255,255,.24);}
.nav .links a .pill.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.42);}
.nav .links a:hover .pill.ghost{background:rgba(255,255,255,.14);border-color:#fff;}
.nav-social a{background:rgba(255,255,255,.14);border:none;color:#fff;border-radius:8px;}
.nav-social a:hover{background:rgba(255,255,255,.26);transform:translateY(-1px);}

/* dropdown categorii */
.cat-drop{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);}
.cat-drop-item{color:var(--ink-soft);}
.cat-drop-item .ci{background:#EEF3F9;color:var(--navy);border-radius:9px;}
.cat-drop-item:hover{background:#F3F6FA;color:var(--navy);}
.cat-drop-item:hover .ci{background:var(--navy);color:#fff;}
.cat-drop-item:hover::before{background:var(--acc);}
.cat-sub{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);}
.cat-sub-head{color:var(--acc);}
.cat-sub a{color:var(--ink-soft);}
.cat-sub a::before{background:var(--acc);}

/* account dropdown */
.acct-dd{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);}
.acct-dd a{color:var(--ink-soft);}
.acct-dd a:hover{background:#F3F6FA;color:var(--navy);}
.acct-dd a:hover svg{color:var(--acc);}
.acct-dd a.fav .cnt{background:var(--acc);}

/* ---------- Buttons ---------- */
.btn{border-radius:8px;letter-spacing:.04em;}
.btn-primary{background:var(--acc);color:#fff;box-shadow:0 8px 20px rgba(215,40,58,.28);}
.btn-primary:hover{background:#E8394B;transform:translateY(-1px);}
.btn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--navy);}
.btn-ghost:hover{border-color:var(--navy);background:#fff;}

/* ---------- Hero colaj ---------- */
.hero-fix{padding:58px 0 58px;}
.hf-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:54px;align-items:center;}
.hf-kicker{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:18px;}
.hf-kicker::before{content:"";width:28px;height:2px;background:var(--acc);}
.hf-h1{font-family:var(--font-disp);font-weight:700;font-style:italic;text-transform:uppercase;font-size:62px;line-height:.93;color:var(--navy);margin:0 0 18px;}
.hf-h1 em{font-style:italic;color:var(--acc);}
.hf-p{color:var(--ink-soft);font-size:18px;font-weight:500;max-width:430px;margin:0 0 28px;line-height:1.6;}
.hf-cta{display:flex;align-items:center;gap:14px;margin-bottom:28px;}
.hf-badge{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-soft);font-weight:500;}
.hf-badge svg{width:18px;height:18px;color:var(--navy);flex:none;}
.hf-collage{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:200px 200px;gap:16px;}
.hc{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-md);transition:.2s;}
.hc:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.hc image-slot{width:100%;height:100%;display:block;}
.hc.a{grid-row:span 2;}
.hc-tag{position:absolute;left:13px;bottom:13px;background:var(--navy);color:#fff;font-family:var(--font-disp);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;padding:5px 13px;border-radius:30px;}
@media(max-width:920px){.hf-grid{grid-template-columns:1fr;gap:32px;}.hf-h1{font-size:48px;}}

/* ---------- Trust ---------- */
.trust{margin-top:0;}
.trust .card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);padding:20px 22px;transition:.2s;}
.trust .card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.trust .card .ti{background:#EEF3F9;color:var(--navy);border-radius:10px;}
.trust .card b{color:var(--ink);}

/* ---------- Section heads ---------- */
.sec-head h2{color:var(--navy);}
.sec-head .eyebrow{color:var(--acc);letter-spacing:.16em;}
.sec-head .more{color:var(--navy);font-weight:700;}
.sec-head .more svg{color:var(--acc);}

/* ---------- Category cards ---------- */
.cat{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);transition:.2s;}
.cat:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:#DDE5EE;}
.cat .ph{background:#EEF2F6;}
.cat .meta .n{color:var(--navy);}
.cat .meta .go{background:#EEF3F9;color:var(--navy);}
.cat:hover .meta .go{background:var(--acc);color:#fff;}

/* ---------- Product cards ---------- */
.prod{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);transition:.2s;}
.prod:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:#DDE5EE;}
.prod .imgwrap{background:#F7F9FB;border-bottom:1px solid var(--line-2);}
.prod .brand{color:var(--acc);}
.prod .name{color:var(--ink);}
.prod .price .now{color:var(--navy);}
.prod .flag.sale{background:var(--acc);}
.prod .flag.new{background:var(--navy);}
.prod .fav{background:#fff;border-color:var(--line);color:var(--muted);}
.prod .fav:hover{color:var(--acc);border-color:var(--acc);}
.prod .add{background:var(--navy);border-radius:9px;}
.prod .add:hover{background:var(--acc);}

/* ---------- Footer ---------- */
.footer{background:#152B47;}

/* ---------- Toast ---------- */
.toast{background:var(--navy);}

/* ---------- Logo ---------- */
.header .fx-logo .wm{fill:#B11F28;}
.header .fx-logo .tagtext{fill:var(--muted);}
.header .fx-logo .tagline{stroke:#c2c9d2;}

/* ============================================================
   POLISH — rafinamente Mixt
   ============================================================ */
/* Ritm de secțiune: produsele pe o tentă navy-wash */
#categorii + .block{
  background:#F2F6FB;border-top:1px solid #E6ECF3;border-bottom:1px solid #E6ECF3;
  padding:54px 0 60px !important;margin-top:48px;
}
.block{padding:56px 0;}

/* Hero badge -> chip rafinat */
.hf-badge{
  background:#fff;border:1px solid var(--line);border-radius:30px;
  padding:9px 16px 9px 13px;box-shadow:var(--shadow-sm);
}
.hf-badge svg{color:#1F8A4D;}

/* Hero h1 — accent fin sub „să câștigi" */
.hf-h1 em{position:relative;}
.hf-h1 em::after{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:4px;background:rgba(215,40,58,.18);border-radius:2px;z-index:-1;}

/* Trust cards — doar lumina pe contur (ca restul cardurilor) */
.trust .card{position:relative;}
.trust .card .ti{transition:background .2s, color .2s;}
.trust .card:hover .ti{background:var(--navy);color:#fff;}

/* Carduri — ring navy subtil la hover */
.cat,.prod{position:relative;}
.cat:hover{box-shadow:0 12px 30px rgba(20,30,45,.12),0 0 0 1px rgba(30,58,95,.14);}
.prod:hover{box-shadow:0 12px 30px rgba(20,30,45,.12),0 0 0 1px rgba(30,58,95,.14);}
.cat .meta .n{transition:color .15s;}
.cat:hover .meta .n{color:var(--acc);}

/* Product — flag cu colț ștanțat & rating mai curat */
.prod .flag{border-radius:6px;box-shadow:0 2px 6px rgba(20,30,45,.12);}
.prod .add{transition:background .15s, transform .15s, box-shadow .15s;}
.prod .add:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(215,40,58,.32);}

/* „Vezi toate" — subliniere animată */
.sec-head .more{position:relative;}
.sec-head .more::after{content:"";position:absolute;left:0;right:24px;bottom:-3px;height:2px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .2s;}
.sec-head .more:hover::after{transform:scaleX(1);}
.sec-head .more svg{transition:transform .2s;}
.sec-head .more:hover svg{transform:translateX(3px);}

/* PRODUSE button — accent fin la hover */
.nav .prodbtn{transition:background .15s;}
.nav .prodbtn:hover{background:#F2F6FB;}

/* Newsletter input focus */
.footer .news input:focus{border-color:var(--acc);background:rgba(255,255,255,.08);}

/* ============================================================
   EFECT — lumină care călătorește pe conturul cardurilor (hover)
   ============================================================ */
@property --fx-ang{ syntax:'<angle>'; inherits:false; initial-value:0deg; }

.prod, .cat, .hc, .trust .card{ --fx-ang:0deg; }

/* fasciculul rotativ pe bordură */
.prod::after, .cat::after, .hc::after, .trust .card::after{
  content:"";
  position:absolute; inset:0; border-radius:inherit; padding:1.6px;
  background:conic-gradient(from var(--fx-ang),
    transparent 0deg, transparent 60deg,
    rgba(215,40,58,.9) 92deg, #ffffff 104deg, rgba(30,58,95,.95) 116deg,
    transparent 150deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .3s ease;
  pointer-events:none; z-index:4;
}
.prod:hover::after, .cat:hover::after, .hc:hover::after, .trust .card:hover::after{
  opacity:1; animation:fx-orbit 2.4s linear infinite;
}
@keyframes fx-orbit{ to{ --fx-ang:360deg; } }

/* al doilea fascicul, decalat, pentru senzație de „lumini multiple" */
.prod::before, .cat::before, .hc::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit; padding:1.6px;
  background:conic-gradient(from var(--fx-ang),
    transparent 0deg, transparent 210deg,
    rgba(255,255,255,.85) 246deg, rgba(215,40,58,.7) 262deg,
    transparent 296deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .3s ease;
  pointer-events:none; z-index:4;
}
.prod:hover::before, .cat:hover::before, .hc:hover::before{
  opacity:1; animation:fx-orbit 2.4s linear infinite;
}

/* halou accent + lift la hover */
.prod:hover, .cat:hover{
  box-shadow:0 16px 38px rgba(20,30,45,.16), 0 0 26px rgba(215,40,58,.12);
  border-color:transparent;
}
.hc:hover{ box-shadow:0 18px 40px rgba(20,30,45,.22), 0 0 24px rgba(215,40,58,.14); }