/*
Theme Name: MV Multibrands Classic
Theme URI: https://mvmbrands.com
Author: You + ChatGPT
Description: Classic PHP theme (v6.4): fixed Home link, improved contact form (inline validation + status under button), smooth scroll; keeps animations and pages.
Version: 6.4.0
Text Domain: mv-multibrands-classic
*/
:root { --container: 1200px; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Helvetica Neue, Arial; color:#0b1324; background:#fff; }
a { text-decoration: none; color:#0b285a; }
.container { max-width: var(--container); padding: 0 20px; margin: 0 auto; }
.header { border-bottom: 1px solid #e5e7eb; background:#f8fafc; }
.brand { display:flex; gap:16px; align-items:center; padding:14px 0; }
.brand__logo { width:36px; height:36px; border-radius:10px; background:#0b3a80; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; }
.brand__name a { font-weight:700; font-size:18px; color:#0b1324; }
.nav { margin-left:auto; }
.nav .menu { list-style:none; display:flex; gap:18px; margin:0; padding:0; }
.nav .menu a { font-weight:600; padding:8px 10px; border-radius:10px; transition:all .2s ease-in-out; }
.nav .menu a:hover, .nav .current-menu-item > a { background:#e6f0ff; transform:scale(1.05); }

.hero { padding: 0; border-bottom:1px solid #e5e7eb; }
.hero-wrap {
  position: relative; overflow: hidden; border-radius: 14px; margin: 32px 0;
  background: radial-gradient(1200px 600px at 10% -10%, rgba(126, 176, 255, .35), transparent),
              radial-gradient(900px 500px at 110% 10%, rgba(11, 58, 128, .25), transparent),
              linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}
.hero-inner { display:grid; grid-template-columns: 1.1fr 0.9fr; gap:28px; align-items:center; padding:48px 24px; }
.hero h1 { font-size: clamp(28px, 5vw, 48px); margin:0 0 12px; color:#07122b; }
.hero p { font-size:18px; color:#0b285a; margin:0 0 24px; }
.btn { display:inline-block; padding:12px 18px; border-radius:12px; background:#0b3a80; color:white; font-weight:700; transition:all .3s ease-in-out; }
.btn:hover { background:#07275c; transform:scale(1.05); }
.hero__media { position:relative; border-radius:16px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.08); background:#eef6ff; }
.hero__media img { width:100%; height:auto; display:block; animation: kenburns 18s ease-in-out both; transform-origin:center center; }
@keyframes kenburns { 0% { transform: scale(1) translate(0, 0); opacity: .0; } 10% { opacity: 1; } 100% { transform: scale(1.07) translate(-1.5%, -1.5%); opacity: 1; } }
.hero-wrap::before, .hero-wrap::after { content: ""; position: absolute; inset: -40%; background: radial-gradient(180px 180px at 20% 30%, rgba(255,255,255,.45), transparent 60%), radial-gradient(160px 160px at 80% 70%, rgba(255,255,255,.35), transparent 60%); animation: floaty 22s linear infinite; opacity:.5; }
.hero-wrap::after { animation-duration:28s; transform: rotate(30deg); opacity:.35; }
@keyframes floaty { 0%{transform:translate3d(0,0,0) rotate(0) scale(1)} 50%{transform:translate3d(2%,-1%,0) rotate(1deg) scale(1.03)} 100%{transform:translate3d(0,0,0) rotate(0) scale(1)} }
.section { padding: 32px 0; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; }
.card { border:1px solid #e5e7eb; border-radius:14px; padding:18px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.04); }
.lead { font-size:18px; color:#0b285a; }

.footer { border-top:1px solid #e5e7eb; padding:24px 0; color:#445; font-size:14px; background:#f8fafc; }
.footer-cols { display:grid; grid-template-columns:2fr 1fr 1.4fr; gap:28px; align-items:start; }

input, select, textarea { font: inherit; padding:10px 12px; border:1px solid #cbd5e1; border-radius:10px; width:100%; }
label { font-weight:600; color:#0b285a; }
.form-row { margin-bottom:16px; }
.notice { padding:12px 16px; border-radius:12px; }
.notice.success { background:#ecfdf5; border:1px solid #bbf7d0; color:#065f46; }
.notice.error { background:#fff1f2; border:1px solid #fecdd3; color:#9f1239; }
.notice.warn { background:#fefce8; border:1px solid #fde68a; color:#92400e; }

@media (max-width: 980px) { .hero-inner { grid-template-columns: 1fr; } .grid-2{ grid-template-columns:1fr; } .footer-cols{ grid-template-columns:1fr; } }