/* Asigurio — shared resets, keyframes and responsive overrides.
   No design classes: layout/appearance lives inline on each element. */

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Plus Jakarta Sans', sans-serif; color:#0F172A; background:#fff; -webkit-font-smoothing:antialiased; }
a { color:#2563EB; text-decoration:none; }
a:hover { color:#1D4ED8; }
input, select, button, textarea { font-family:inherit; }
::placeholder { color:#94A3B8; }
image-slot::part(frame) { background:transparent; }

/* homepage hero art */
image-slot#hero-car::part(frame) { overflow:visible !important; }
image-slot#hero-car::part(image) { display:block !important; width:90% !important; height:63.9% !important; left:40% !important; top:57% !important; }

/* active nav item */
nav[data-active="rca"] a[data-nav="rca"],
nav[data-active="asigurari"] a[data-nav="asigurari"],
nav[data-active="despre"] a[data-nav="despre"],
nav[data-active="blog"] a[data-nav="blog"],
nav[data-active="contact"] a[data-nav="contact"] { color:#2563EB !important; font-weight:700 !important; }

/* drawer motion */
@keyframes ovIn  { from { opacity:0 } to { opacity:1 } }
@keyframes ovOut { from { opacity:1 } to { opacity:0 } }
@keyframes drIn  { from { transform:translateX(100%) } to { transform:translateX(0) } }
@keyframes drOut { from { transform:translateX(0) } to { transform:translateX(100%) } }
@keyframes itIn  { from { opacity:0; transform:translateX(26px) } to { opacity:1; transform:translateX(0) } }
@keyframes riseIn { from { opacity:0; transform:translateY(14px) } to { opacity:1; transform:translateY(0) } }
@keyframes spin { to { transform:rotate(360deg) } }

[data-m="only-m"] { display:none !important; }

@media (max-width:960px) {
  [data-m="nav"], [data-m="acct"], [data-m="hide-m"] { display:none !important; }
  [data-m="burger"] { display:flex !important; }
  [data-m="only-m"] { display:block !important; }
  [data-m="hdr"] { padding:16px 20px !important; }

  /* generic grids */
  [data-m="g4"] { grid-template-columns:1fr 1fr !important; gap:24px !important; }
  [data-m="g3"] { grid-template-columns:1fr !important; gap:20px !important; }
  [data-m="g2"] { grid-template-columns:1fr !important; gap:28px !important; }
  [data-m="g2s"] { grid-template-columns:1fr !important; gap:32px !important; }
  [data-m="row"] { flex-direction:column !important; align-items:stretch !important; }
  [data-m="pad"] { padding-left:20px !important; padding-right:20px !important; }
  [data-m="sect"] { padding-top:52px !important; padding-bottom:52px !important; padding-left:20px !important; padding-right:20px !important; }
  [data-m="ph1"] { font-size:36px !important; letter-spacing:-1px !important; }
  h2 { font-size:31px !important; letter-spacing:-.6px !important; }

  /* homepage */
  [data-m="herogrid"] { grid-template-columns:1fr !important; gap:20px !important; padding-top:14px !important; }
  [data-m="heroviz"] { height:300px !important; overflow:hidden !important; }
  [data-m="shield"] { width:300px !important; top:16px !important; left:50% !important; transform:translateX(-50%) !important; }
  [data-m="carwrap"] { width:100% !important; height:100% !important; margin:0 !important; }
  image-slot#hero-car::part(image) { width:78% !important; height:auto !important; left:50% !important; top:60% !important; }
  [data-m="savebadge"] { right:6px !important; top:auto !important; bottom:24px !important; padding:12px 16px !important; }
  [data-m="h1"] { font-size:40px !important; letter-spacing:-1px !important; }
  [data-m="herop"] { font-size:16.5px !important; }
  [data-m="stepper"] { gap:16px !important; margin-bottom:20px !important; }
  [data-m="stepper"] span { font-size:13px !important; }
  [data-m="formcard"] { padding:22px 18px !important; border-radius:18px !important; }
  [data-m="formgrid"] { grid-template-columns:1fr !important; gap:14px !important; }
  [data-m="feat"] { grid-template-columns:1fr 1fr !important; gap:24px !important; }
  [data-m="phonesec"] { grid-template-columns:1fr !important; gap:44px !important; padding:56px 20px !important; }
  [data-m="phonecol"] { order:2 !important; }
  [data-m="stepscol"] { order:1 !important; }
  [data-m="stats"] { grid-template-columns:1fr 1fr !important; gap:30px 0 !important; }
  [data-m="stats"] > div:nth-child(2n) { border-right:none !important; }
  [data-m="test"] { grid-template-columns:1fr !important; }
  [data-m="footgrid"] { grid-template-columns:1fr 1fr !important; gap:32px !important; }

  /* results / checkout */
  [data-m="offercard"] { grid-template-columns:1fr !important; gap:18px !important; text-align:left !important; }
  [data-m="offeract"] { align-items:stretch !important; text-align:left !important; }
  [data-m="filters"] { position:static !important; }
}

@media (max-width:560px) {
  [data-m="g4"], [data-m="feat"] { grid-template-columns:1fr !important; }
  [data-m="h1"] { font-size:33px !important; }
  [data-m="ph1"] { font-size:30px !important; }
  h2 { font-size:27px !important; }
  [data-m="heroviz"] { height:250px !important; }
  [data-m="shield"] { width:248px !important; top:14px !important; }
  image-slot#hero-car::part(image) { width:82% !important; height:auto !important; top:60% !important; }
  [data-m="savebadge"] { padding:10px 13px !important; right:2px !important; top:auto !important; bottom:12px !important; }
  [data-m="savebadge"] div:nth-child(2) { font-size:25px !important; }
  [data-m="savebadge"] div:nth-child(1), [data-m="savebadge"] div:nth-child(3) { font-size:11.5px !important; }
  [data-m="stats"] { grid-template-columns:1fr !important; }
  [data-m="stats"] > div { border-right:none !important; }
  [data-m="footgrid"] { grid-template-columns:1fr !important; }
  [data-m="ctapad"] { padding:56px 20px !important; }
}