/*
 Theme Name: myEshop – Landing UBrush RO (Child of Twenty Twenty‑Four)
 Theme URI: https://my-eshop.ro/
 Author: ChatGPT
 Description: Child theme that adds a high‑converting Romanian landing page template similar in structură cu pagina de produs UBrush. Conține un template dedicat + CSS.
 Template: twentytwentyfour
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: myeshop-ubrush-landing
*/

/* Stiluri generale pentru landing */
:root{
  --accent:#0ea5e9;     /* albastru ușor – poate fi schimbat */
  --accent-dark:#0284c7;
  --bg:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --ok:#16a34a;
  --warn:#f59e0b;
  --danger:#ef4444;
  --ring: 0 0 0 4px rgba(14,165,233,.25);
}
.landing-ubrush{font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:var(--ink);}
.container{max-width:1140px;margin-inline:auto;padding:24px;}
.grid{display:grid;gap:24px;}
.grid-2{grid-template-columns: 1.1fr .9fr;}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.04);overflow:hidden;}
.p-24{padding:24px;}
.p-16{padding:16px;}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.badge{border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:13px;color:var(--muted);background:#f8fafc}
.price{font-size:34px;font-weight:800;letter-spacing:-.02em;}
strike.compare{color:#94a3b8;font-weight:500;margin-right:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:white;border:none;border-radius:12px;padding:14px 18px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .05s ease, box-shadow .2s ease;}
.btn:hover{background:var(--accent-dark)}
.btn:focus-visible{outline:none;box-shadow:var(--ring)}
.btn-secondary{background:#0f172a}
.small{font-size:13px;color:var(--muted)}
.hero-title{font-size:32px;line-height:1.15;font-weight:900;letter-spacing:-.02em;margin:0 0 8px}
.hero-sub{color:var(--muted);margin-top:4px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gallery img{width:100%;height:auto;border-radius:12px;border:1px solid #e5e7eb}
.sticky-box{position:sticky;top:20px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px}
.kpis .k{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;text-align:center}
.k .v{font-weight:800;font-size:18px}
.k .l{font-size:12px;color:var(--muted)}
.list{display:grid;gap:10px;margin:0;padding-left:20px}
.list li{margin:0}
.section{margin-top:28px}
.section h3{font-size:20px;margin:0 0 10px}
.faq{border-top:1px solid #e5e7eb}
.faq details{border-bottom:1px solid #e5e7eb;padding:14px 0}
.faq summary{cursor:pointer;font-weight:600}
.trust{display:flex;gap:16px;flex-wrap:wrap}
.trust .t{flex:1 1 160px;display:flex;gap:10px;align-items:center;border:1px dashed #e2e8f0;border-radius:12px;padding:12px;background:#f8fafc}
.notice{background:#ecfeff;border:1px solid #bae6fd;color:#075985;padding:10px 12px;border-radius:10px;font-size:13px}
.guarantee{display:flex;align-items:center;gap:10px;background:#f0fdf4;border:1px solid #bbf7d0;padding:12px;border-radius:12px}
@media (max-width: 900px){
  .grid-2{grid-template-columns: 1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}
}
*/