/* VINAJOY MASCOT V3 – xanh thương hiệu + vàng cam nổi bật */
.vjm.v3{
  --navy:#14324d;
  --blue:#0d6f9d;
  --blue-deep:#084e73;
  --sky:#edf7fc;
  --line:#dbe8ef;
  --orange:#ff9e1b;
  --orange-deep:#ff7a00;
  --yellow:#ffd257;
  --ink:#243b4d;
  --muted:#5f7383;
  max-width:1160px;
  margin:auto;
  color:var(--ink);
  line-height:1.72;
  font-size:16px;
}
.vjm.v3 *{box-sizing:border-box}
.vjm.v3 h2,.vjm.v3 h3{color:var(--navy);line-height:1.28;margin:0 0 12px}
.vjm.v3 h2{font-size:clamp(25px,2.9vw,36px)}
.vjm.v3 h3{font-size:22px}
.vjm.v3 p{margin:0 0 12px}
.vjm.v3 a{text-decoration:none}
.vjm.v3 .hero{
  background:linear-gradient(130deg,#0a3554 0%, #0d6f9d 56%, #0e88b3 100%);
  border-radius:28px;
  padding:clamp(24px,4vw,48px);
  color:#fff;
  overflow:hidden;
  position:relative;
  box-shadow:0 20px 45px rgba(9,67,101,.16);
}
.vjm.v3 .hero:before{
  content:'';position:absolute;right:-80px;top:-60px;width:260px;height:260px;
  background:radial-gradient(circle, rgba(255,210,87,.35) 0%, rgba(255,210,87,0) 70%);
  pointer-events:none;
}
.vjm.v3 .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
.vjm.v3 .kicker{font-size:12px;font-weight:800;letter-spacing:1.8px;color:#d6f1ff;text-transform:uppercase;display:inline-block}
.vjm.v3 .slogan-band{
  display:inline-block;margin:12px 0 16px;padding:8px 14px;border-radius:999px;
  background:linear-gradient(90deg,var(--yellow),var(--orange));color:#5c3200;
  font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;
}
.vjm.v3 .hero h2{color:#fff;font-size:clamp(34px,4.3vw,52px);margin:0 0 16px}
.vjm.v3 .hero h2 span{display:block;font-size:clamp(20px,2.4vw,28px);color:#fff0c4;font-weight:700;margin-top:4px}
.vjm.v3 .hero p{color:#e6f6ff;max-width:690px}
.vjm.v3 .chips{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.vjm.v3 .chips span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}
.vjm.v3 .btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.vjm.v3 .btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  min-height:50px;padding:14px 22px;border-radius:14px;font-weight:800;line-height:1.35;
  transition:transform .16s ease, box-shadow .16s ease;
}
.vjm.v3 .btn:hover{transform:translateY(-2px)}
.vjm.v3 .btn-primary{background:linear-gradient(90deg,var(--yellow),var(--orange));color:#492600!important;box-shadow:0 10px 24px rgba(0,23,42,.22)}
.vjm.v3 .btn-outline{border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff!important}
.vjm.v3 .btn-light{background:#fff;color:var(--navy)!important}
.vjm.v3 .hero-visual{display:flex;justify-content:center}
.vjm.v3 .section{padding:38px 0}
.vjm.v3 .eyeline{display:flex;align-items:center;gap:10px;color:#4c6c80;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.vjm.v3 .eyeline:before{content:'';width:28px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--yellow),var(--orange))}
.vjm.v3 .lead{max-width:900px;color:var(--muted)}
.vjm.v3 .intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vjm.v3 .mini-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 18px rgba(8,58,87,.05)}
.vjm.v3 .mini-card b{display:block;color:var(--navy);margin-bottom:6px}
.vjm.v3 .mini-card p{color:#677d8d;font-size:14px}
.vjm.v3 .mini-card.accent{background:linear-gradient(180deg,#fff8e7,#fff1d2);border-color:#f3deac}
.vjm.v3 .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:20px}
.vjm.v3 .card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 30px rgba(10,66,94,.08)}
.vjm.v3 .premium-card{border-color:#f4d89f;box-shadow:0 16px 34px rgba(196,124,16,.10)}
.vjm.v3 .cardcontent{padding:24px}
.vjm.v3 .tag{display:inline-block;padding:6px 12px;border-radius:999px;background:#e8f4fb;color:#0b5f89;font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:12px}
.vjm.v3 .tag.premium{background:#fff0cb;color:#9a5f00}
.vjm.v3 .card ul{margin:12px 0 0;padding-left:18px}
.vjm.v3 .card li{margin-bottom:5px}
.vjm.v3 .soft{background:linear-gradient(180deg,#f7fbfd,#eef7fb);border:1px solid #deebf2;border-radius:24px;padding:clamp(22px,3vw,34px)}
.vjm.v3 .table-intro{color:#677b89}
.vjm.v3 .table-scroll{overflow-x:auto}
.vjm.v3 table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;min-width:600px}
.vjm.v3 th{background:linear-gradient(90deg,var(--orange),var(--orange-deep));color:#fff;text-align:left}
.vjm.v3 td,.vjm.v3 th{padding:14px 16px;border-bottom:1px solid #e7eef2}
.vjm.v3 td:first-child{font-weight:800;color:var(--navy)}
.vjm.v3 .disclaimer{font-size:13px;color:#6a7e8b;margin-top:12px}
.vjm.v3 .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 16px}
.vjm.v3 .specs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vjm.v3 .spec{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 20px rgba(9,60,88,.05)}
.vjm.v3 .spec b{display:block;margin-bottom:8px;color:var(--navy)}
.vjm.v3 .spec p{font-size:14px;color:#677b89}
.vjm.v3 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vjm.v3 .step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 20px rgba(9,60,88,.05)}
.vjm.v3 .step strong{display:block;color:var(--orange-deep);margin-bottom:8px}
.vjm.v3 .note-box{background:linear-gradient(180deg,#fff8e8,#fff3d8);border:1px solid #f0d9a1;border-radius:16px;padding:16px 18px;color:#6a560f}
.vjm.v3 .placeholder{
  aspect-ratio:5/3;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:22px;border-radius:0;background:linear-gradient(145deg,#e8f6fc,#d7edf7);
  color:#2e607b;position:relative
}
.vjm.v3 .placeholder strong{font-size:16px;color:#13455f}
.vjm.v3 .placeholder span{font-size:13px;margin-top:8px;color:#3f7089}
.vjm.v3 .placeholder small{font-size:11px;margin-top:8px;color:#628298}
.vjm.v3 .hero-ph{min-height:360px;border-radius:22px;border:2px dashed rgba(255,255,255,.35);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,210,87,.14));color:#fff}
.vjm.v3 .hero-ph strong,.vjm.v3 .hero-ph span,.vjm.v3 .hero-ph small{color:#fff}
.vjm.v3 .hero-ph strong{font-size:18px}
.vjm.v3 .card-ph{border-top:6px solid #8fd5f7}
.vjm.v3 .premium-ph{background:linear-gradient(145deg,#fff4dd,#ffe7bb);color:#8a5a06;border-top-color:#ffb438}
.vjm.v3 .premium-ph strong{color:#7b4e00}
.vjm.v3 .small-ph{aspect-ratio:1/1;border-radius:18px;background:linear-gradient(145deg,#f0f8fc,#ddecf5)}
.vjm.v3 .compare-wrap{padding-top:10px}
.vjm.v3 .process-section{padding-top:10px}
.vjm.v3 .cta{
  background:linear-gradient(135deg,#0b3552 0%, #0f6e9c 58%, #ff8d10 160%);
  color:#fff;border-radius:28px;padding:clamp(26px,4vw,44px);
  display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;
  box-shadow:0 22px 45px rgba(8,58,87,.18);position:relative;overflow:hidden;margin:26px 0;
}
.vjm.v3 .cta:before{content:'';position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(255,210,87,.35) 0%, rgba(255,210,87,0) 70%)}
.vjm.v3 .cta h2{color:#fff;font-size:clamp(28px,3.2vw,40px);margin:8px 0 12px}
.vjm.v3 .cta p{color:#e9f7ff}
.vjm.v3 .cta-kicker{color:#ffe8af}
.vjm.v3 .cta-points{list-style:none;margin:14px 0 0;padding:0}
.vjm.v3 .cta-points li{margin:7px 0;color:#fff7da;font-weight:600}
.vjm.v3 .cta-note{font-size:13px;color:#ffd98f;margin-top:14px}
.vjm.v3 .cta-side{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px);border-radius:22px;padding:24px;position:relative}
.vjm.v3 .cta-box-top{display:inline-block;background:linear-gradient(90deg,var(--yellow),var(--orange));color:#613700;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:10px}
.vjm.v3 .phone-label{display:block;font-size:12px;font-weight:800;color:#dff2ff;letter-spacing:1px}
.vjm.v3 .phone{display:block;font-size:clamp(24px,2.8vw,34px);font-weight:900;color:#fff;margin:5px 0 15px}
.vjm.v3 .cta-side .btn{width:100%;margin:7px 0}
.vjm.v3 .cta-small{display:block;font-size:12px;color:#d7edf8;margin-top:10px}
.vjm.v3 .faq details{border-bottom:1px solid #dce8ef;padding:15px 0}
.vjm.v3 .faq summary{cursor:pointer;font-weight:800;color:var(--navy)}
.vjm.v3 .faq details p{margin:8px 0 0;color:#677b89}
@media(max-width:900px){
  .vjm.v3 .hero-grid,.vjm.v3 .cta{grid-template-columns:1fr}
  .vjm.v3 .intro-strip,.vjm.v3 .specs,.vjm.v3 .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .vjm.v3 .steps{grid-template-columns:1fr}
}
@media(max-width:640px){
  .vjm.v3 .cards,.vjm.v3 .intro-strip,.vjm.v3 .specs,.vjm.v3 .gallery-grid{grid-template-columns:1fr}
  .vjm.v3 .hero,.vjm.v3 .cta{border-radius:20px}
  .vjm.v3 .btns .btn{width:100%}
  .vjm.v3 .section{padding:28px 0}
}

/* VINAJOY V4: các vị trí chèn ảnh & khu kỹ thuật */
.vjm.v3 .tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.vjm.v3 .tech{padding:22px;border-radius:20px;border:1px solid #dce9f1;background:#fff}.vjm.v3 .tech:nth-child(2){background:#fff8e9;border-color:#f4ddb0}.vjm.v3 .tech h3{font-size:21px}.vjm.v3 .tech small{display:block;color:#677b89;margin-top:8px}.vjm.v3 .imgnote{font-size:12px;font-weight:700;letter-spacing:.03em;text-align:center;border:1px dashed #87b4cc;color:#365e73;border-radius:12px;padding:10px 12px;margin:12px 0;background:#f4fbff}.vjm.v3 .imgnote.orange{border-color:#efbf70;background:#fff9ee;color:#885d10}.vjm.v3 .hero h2 span{color:#ffdf8d}.vjm.v3 .cta h2{color:#fff!important}.vjm.v3 .faq details{background:transparent}.vjm.v3 .cta .cta-copy p{color:#e8f8ff}.vjm.v3 .hero .hero-ph{aspect-ratio:4/5;min-height:320px}.vjm.v3 .cards .card-ph{aspect-ratio:4/3}.vjm.v3 .web-note{font-size:12px;color:#657789;margin-top:11px}.vjm.v3 .vjm-steps{padding:0;margin:14px 0 0 18px}.vjm.v3 .vjm-steps li{margin:6px 0}@media(max-width:640px){.vjm.v3 .tech-grid{grid-template-columns:1fr}}

/* VINAJOY MASCOT V5 — DÁN VÀO CUỐI GIAO DIỆN > TÙY BIẾN > CSS BỔ SUNG.
   Chỉ sửa lỗi Flatsome, dùng chung cho Gấu / Thỏ / Mèo đã nhập.
   KHÔNG xóa CSS V4 do plugin đang tải. */
body .vjm.v3,
body .entry-content .vjm.v3,
body .product .vjm.v3 {
  display:block !important;
  position:relative !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  min-width:0 !important;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:0 12px !important;
  overflow-x:clip !important;
  box-sizing:border-box !important;
}
body .vjm.v3 *, body .vjm.v3 *::before, body .vjm.v3 *::after {box-sizing:border-box !important;min-width:0;}
/* Flatsome dùng .section, .row, .card...; bắt buộc khôi phục các khối VinaJoy */
body .vjm.v3 > section.section {
  display:block !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:34px 0 !important;
  position:relative !important;
  overflow:visible !important;
  background-image:none;
}
body .vjm.v3 > section.section.intro-strip {display:grid !important;}
body .vjm.v3 .hero,
body .vjm.v3 .soft,
body .vjm.v3 .cta {width:100% !important;max-width:100% !important;min-width:0 !important;float:none !important;clear:both !important;position:relative !important;}
body .vjm.v3 .hero-grid {display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;gap:24px !important;align-items:center !important;}
body .vjm.v3 .hero-copy,body .vjm.v3 .hero-visual,body .vjm.v3 .cta-copy,body .vjm.v3 .cta-side {min-width:0 !important;max-width:100% !important;width:auto !important;float:none !important;}
body .vjm.v3 .cards {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px !important;align-items:stretch !important;width:100% !important;}
body .vjm.v3 .cards > .card {display:block !important;width:100% !important;max-width:100% !important;margin:0 !important;float:none !important;min-height:0 !important;position:relative !important;}
body .vjm.v3 .gallery-grid {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;align-items:stretch !important;width:100% !important;}
body .vjm.v3 .gallery-grid > * {display:flex !important;float:none !important;width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;}
body .vjm.v3 .intro-strip,body .vjm.v3 .steps {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;}
body .vjm.v3 .specs {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;}
body .vjm.v3 .tech-grid {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;}
body .vjm.v3 .cta {display:grid !important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important;gap:26px !important;}
body .vjm.v3 .eyeline {display:flex !important;align-items:center !important;width:auto !important;max-width:100% !important;float:none !important;white-space:normal !important;}
body .vjm.v3 h2,body .vjm.v3 h3,body .vjm.v3 p,body .vjm.v3 .eyeline {overflow-wrap:normal !important;word-break:normal !important;hyphens:none !important;}
body .vjm.v3 .placeholder {display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;min-height:190px !important;height:auto !important;max-width:100% !important;}
body .vjm.v3 .small-ph {aspect-ratio:1/1;min-height:180px !important;}
body .vjm.v3 .placeholder strong,body .vjm.v3 .placeholder span,body .vjm.v3 .placeholder small {max-width:100% !important;overflow-wrap:break-word !important;}
body .vjm.v3 img {display:block;max-width:100% !important;height:auto !important;object-fit:cover;}
body .vjm.v3 .table-scroll {max-width:100% !important;overflow-x:auto !important;}
body .vjm.v3 table {width:100% !important;max-width:none !important;}
body .vjm.v3 .btn {white-space:normal !important;}
@media(max-width:900px){
 body .vjm.v3 .hero-grid,body .vjm.v3 .cta {grid-template-columns:minmax(0,1fr) !important;}
 body .vjm.v3 .gallery-grid,body .vjm.v3 .specs,body .vjm.v3 .intro-strip {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
 body .vjm.v3 .steps {grid-template-columns:minmax(0,1fr) !important;}
}
@media(max-width:640px){
 body .vjm.v3 {padding:0 8px !important;}
 body .vjm.v3 .cards,body .vjm.v3 .gallery-grid,body .vjm.v3 .specs,body .vjm.v3 .intro-strip,body .vjm.v3 .tech-grid {grid-template-columns:minmax(0,1fr) !important;}
 body .vjm.v3 > section.section {padding:25px 0 !important;}
 body .vjm.v3 .hero,body .vjm.v3 .cta {padding:24px 18px !important;}
 body .vjm.v3 .btns .btn {width:100% !important;}
 body .vjm.v3 .small-ph {aspect-ratio:4/3;}
}

/* Images selected in the Mascot editor */
body .vjm.v3 .vjmi-hero-photo{width:100%;min-width:0;display:block}
body .vjm.v3 .vjmi-hero-photo figure{margin:0}
body .vjm.v3 .vjmi-hero-photo img{display:block;width:100%;height:340px;object-fit:contain;background:#eaf5fa;border-radius:18px}
body .vjm.v3 .vjmi-photo-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;min-width:0!important;margin:0!important}
body .vjm.v3 .vjmi-photo-grid-gallery{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body .vjm.v3 .vjmi-photo-grid figure{margin:0!important;width:100%!important;min-width:0!important}
body .vjm.v3 .vjmi-photo-grid img{width:100%!important;height:215px!important;object-fit:contain!important;background:#eef6fb;border-radius:12px}
body .vjm.v3 .vjmi-photo-empty{background:#edf7fb;border:1px dashed #bcdbe8;border-radius:15px;padding:28px 16px;text-align:center;color:#32617d}
@media(max-width:640px){body .vjm.v3 .vjmi-photo-grid-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .vjm.v3 .vjmi-photo-grid img{height:170px!important}body .vjm.v3 .vjmi-hero-photo img{height:280px}}