/* Về Enmusubi copy: page styles from the design <helmet>, plus hover rules. */

  :root{
    --rose:#A63A4A; --sakura:#E8A0B4; --navy-500:#3D5687; --grad-bridge:linear-gradient(135deg,#10BA7B 0%,#4579FF 100%); --grad-bridge-deep:linear-gradient(135deg,#0C9A63 0%,#2F5FE6 100%); --navy-800:#05163A; --navy-700:#08204E; --navy-600:#1A3567; --accent-red:#E6354F; --accent-gold:#F5B14E; --accent-green:#10BA7B; --accent-blue:#4579FF; --rule-gold:#F5B14E; }
  html{ scroll-behavior:smooth; }
  body{ margin:0; background:var(--paper); font-family:'Montserrat', system-ui, sans-serif; color:var(--navy-600); font-size:17px; line-height:1.65; }
  a{ color:var(--accent-blue); text-decoration-color:rgba(51,102,234,.35); }
  a:hover{ color:var(--navy-700); }
  h1,h2,h3{ color:var(--navy-700); line-height:1.3; letter-spacing:-.015em; margin:0; }
  p{ margin:0; text-wrap:pretty; }
  [data-dd]{ position:relative; }
  [data-dd] [data-dd-menu]{ display:none; }
  [data-dd]:hover [data-dd-menu]{ display:flex; }
  @media (max-width:1024px){
    [data-r="grid12"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="span"]{ grid-column:auto !important; }
    [data-r="b12"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="bspanA"], [data-r="bspanB"], [data-r="bspanC"], [data-r="bmap"]{ grid-column:auto !important; margin:0 !important; }
    [data-r="b3"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="b2"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="grid3"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    [data-r="panel"]{ flex-direction:column !important; }
    [data-r="panel"] > img{ width:100% !important; min-height:clamp(180px,26vw,240px) !important; }
    [data-r="panel"] > div{ padding:clamp(16px,2vw,22px) clamp(6px,1vw,10px) clamp(8px,1vw,12px) !important; }
    [data-r="hcards"]{ grid-template-columns:minmax(0,1fr) !important; gap:12px !important; margin-top:-40px !important; padding:0 24px !important; }
    [data-r="hcards"] > div{ margin-top:0 !important; }
    [data-r="tabs"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    [data-r="showcase"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="grid3solid"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="nav"],[data-r="deco"]{ display:none !important; }
  }
  @media (max-width:768px){
    [data-r="sect"]{ padding-top:64px !important; padding-bottom:64px !important; }
    [data-r="herogrid"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="grid3"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="milestones"]{ grid-template-columns:minmax(0,1fr) !important; }
  }

    /* === tầng responsive chung === */
    img, svg, video{ max-width:100%; }
    [data-r="mtrigger"]{ display:none; }
    [data-r="drawer"]{ display:none; }
    #mnav{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
    #mnav:checked ~ [data-r="drawer"]{ display:flex; }
    @media (max-width:1024px){
      [data-r="mtrigger"]{ display:flex !important; }
      [data-r="hidemob"]{ display:none !important; }
    }
    @media (max-width:768px){
      [data-r="pad"]{ padding-left:18px !important; padding-right:18px !important; }
      [data-r="quote3"]{ padding-left:20px !important; padding-right:20px !important; }
      [data-r="ctaform"]{ grid-template-columns:minmax(0,1fr) !important; }
    }
    @media (max-width:480px){
      body{ font-size:16px; }
      [data-r="sect"]{ padding-top:52px !important; padding-bottom:52px !important; }
      [data-r="pad"]{ padding-left:16px !important; padding-right:16px !important; }
    }
    header[data-hdr] a{ border-bottom:none; }
  header[data-hdr] [data-r="drawer"] a{ border-bottom:1px solid var(--border-hairline); }
  header[data-hdr] [data-r="drawer"] a:last-child, header[data-hdr] [data-r="drawer"] a[href^="tel:"]{ border-bottom:none; }

  @keyframes fabpulse{ 0%{ transform:scale(1); opacity:.35; } 100%{ transform:scale(1.75); opacity:0; } }
  [data-fabring][data-on="1"]{ animation:fabpulse 2.2s cubic-bezier(.4,0,.2,1) infinite; }
  @media (prefers-reduced-motion: reduce){ [data-fabring]{ animation:none !important; } [data-fab], [data-fabmenu]{ transition:none !important; } }

  @keyframes ve-drift{ 0%{ transform:translate(-54%,-54%); } 100%{ transform:translate(-46%,-50%); } }
  @media (prefers-reduced-motion: reduce){ [data-drift]{ animation:none !important; } }
  @media (max-width:1024px){
    [data-r="ve-mis"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="ve-mis"] > div[aria-hidden]{ display:none !important; }
    [data-r="ve-eco"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="ve-eco"] > div:first-child{ position:static !important; }
    [data-r="ve-crit"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    [data-r="ve-steps"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; row-gap:40px !important; }
    [data-r="ve-track"]{ display:none !important; }
  }
  @media (max-width:600px){
    [data-r="ve-gap"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="ve-crit"], [data-r="ve-steps"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="ve-v0"], [data-r="ve-vals"] > div:last-child, [data-r="ve-crit"] > div:first-child, [data-r="ve-crit"] > div:last-child{ grid-column:auto !important; }
  }

  [data-gbtn]{ background-image:linear-gradient(90deg,#3366EA 0%,#24B87A 34%,#FEB740 67%,#F32E49 100%) !important; background-size:0% 100% !important; background-repeat:no-repeat !important; background-position:left center !important; transition:background-size 460ms cubic-bezier(.4,0,.2,1), color 160ms cubic-bezier(.4,0,.2,1), border-color 160ms cubic-bezier(.4,0,.2,1), box-shadow 160ms cubic-bezier(.4,0,.2,1) !important; }
  [data-gbtn]:hover, [data-gbtn]:active, [data-gbtn]:focus-visible{ background-size:100% 100% !important; color:#fff !important; border-color:transparent !important; text-shadow:0 1px 2px rgba(27,42,74,.45); outline:none; }
  [data-gbtn]:hover svg, [data-gbtn]:active svg{ stroke:#fff; }
  @media (prefers-reduced-motion: reduce){ [data-gbtn]{ transition:none !important; } }
  @media (max-width:1024px){ [data-r="ve-nowrap"]{ white-space:normal !important; } [data-r="ve-cmpmid"]{ display:none !important; } }
  @media (max-width:768px){ [data-r="ve-cmp"]{ grid-template-columns:minmax(0,1fr) !important; } }
input[name="via"]:checked + [data-fchip]{ background:var(--navy-700) !important; color:#fff !important; border-color:var(--navy-700) !important; }
input[name="via"]:focus-visible + [data-fchip]{ box-shadow:0 0 0 3px rgba(27,42,74,.18); }
[data-fin]:focus{ border-color:var(--navy-700) !important; box-shadow:0 0 0 3px rgba(27,42,74,.10) !important; }
[data-fin][aria-invalid="true"]{ border-color:#C21A33 !important; }
[data-fin]::placeholder{ color:#9AA6BC; }
@media (max-width:767px){ [data-v7panel]{ top:14px !important; transform:none !important; left:16px !important; right:16px !important; width:auto !important; } }
@media (max-width:767px){ [data-v7cta]{ right:16px !important; bottom:14px !important; min-height:44px !important; padding:0 18px !important; font-size:14px !important; } }
@media (max-width:767px){ [data-r="v7maphead"]{ padding-top:72px !important; padding-bottom:10px !important; } }
@media (max-width:767px){ [data-r="v7maphead"] h3{ display:none !important; } }
@media (max-height:700px) and (min-width:768px){ [data-r="v7maphead"]{ padding-top:64px !important; padding-bottom:10px !important; flex-wrap:nowrap !important; align-items:center !important; } }
@media (max-height:700px) and (min-width:768px){ [data-r="v7maphead"] h3{ display:none !important; } }
@keyframes v7pulse{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(3.4); opacity:0; } }
  @media (max-width:1024px){ [data-r="bmap"]{ transform:none !important; margin-right:0 !important; } }

  footer a, footer a:hover{ border-bottom:none !important; text-decoration:none !important; }
  footer [data-r="ftcols"] a{ align-self:flex-start; }
  @media (max-width:1024px){ [data-r="ft"]{ grid-template-columns:minmax(0,1fr) !important; } }
  @media (max-width:600px){ [data-r="ftcols"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; row-gap:32px !important; } }
  @media (max-width:1024px){ [data-r="ve-vals"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } [data-r="vcv"]{ grid-row:auto !important; grid-column:auto !important; } [data-r="vcv"]:last-child{ grid-column:span 2 !important; } }
  @media (max-width:600px){ [data-r="ve-vals"]{ grid-template-columns:minmax(0,1fr) !important; } [data-r="vcv"]:last-child{ grid-column:auto !important; } }

/* hover */
.ve-enmusubi-h0:hover { color: rgb(184, 86, 111) !important; }
.ve-enmusubi-h1:hover { background: rgb(251, 240, 243) !important; }
.ve-enmusubi-h2:hover { background: rgb(194, 26, 51) !important; }
.ve-enmusubi-h3:hover { color: var(--accent-blue) !important; }
.ve-enmusubi-h4:hover { background: rgb(250, 252, 255) !important; }
.ve-enmusubi-h5:hover { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.08) !important; }
.ve-enmusubi-h6:hover { color: rgb(255, 255, 255) !important; }
.ve-enmusubi-h7:hover { background: rgb(247, 249, 252) !important; }
