/* v33 - 7: font tieu de Be Vietnam Pro */
html body .mk-hnew-tx,html body .mk-ss-big,html body h2.heading,html body .mk-h2 h1,html body .mk-tv-title,html body .product-title,html body h1.title-product{font-family:"Be Vietnam Pro",-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.02em}

/* v33 - 2,3,6,8: banner dau trang kieu kinh + 3D */
html body .section-home-banner slideshow-component{display:none!important}
.mk-h2{--ink:#2A2550;--vio:#6D4AE0;position:relative;max-width:1240px;margin:16px auto 8px;padding:0 12px;isolation:isolate}
.mk-h2-bl{position:absolute;border-radius:50%;filter:blur(46px);opacity:.75;z-index:-1;pointer-events:none}
.mk-h2-bl.b1{width:340px;height:340px;left:-40px;bottom:-60px;background:radial-gradient(circle at 40% 40%,#ff4fb8,#ff2d7a 60%,transparent 70%)}
.mk-h2-bl.b2{width:300px;height:300px;right:12%;top:-70px;background:radial-gradient(circle,#9b5cff,#6d3bff 60%,transparent 70%)}
.mk-h2-bl.b3{width:260px;height:260px;right:-30px;top:30%;background:radial-gradient(circle,#2fe0c3,#1fb8c9 60%,transparent 70%)}
.mk-h2-bl.b4{width:320px;height:320px;right:8%;bottom:-90px;background:radial-gradient(circle,#ffd04d,#ff8a3d 55%,transparent 70%)}
.mk-h2-card{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:12px;min-height:420px;padding:44px 56px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 30px 60px -30px rgba(42,37,80,.35);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}
.mk-h2-eb{display:inline-block;font:700 12px/1 "Be Vietnam Pro",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vio);margin-bottom:14px}
.mk-h2 h1{margin:0 0 14px;font-size:clamp(34px,4.1vw,56px)!important;line-height:1.08!important;color:var(--ink)}
.mk-h2 h1 .l1{display:block;background:linear-gradient(95deg,#7B3FC4,#5B4BE0 60%,#3d7bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-bottom:.06em}
.mk-h2 h1 .l2{display:block;color:var(--ink)}
.mk-h2-ds{max-width:440px;margin:0 0 18px;font-size:16px;line-height:1.55;color:#4b4870}
.mk-h2-ch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.mk-h2-ch li{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);font-size:13px;font-weight:600;color:var(--ink)}
.mk-h2-ch li img{width:16px;height:16px;object-fit:contain}
.mk-h2-bt{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mk-h2-bt a{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 26px;border-radius:999px;font:700 15px/1 "Be Vietnam Pro",sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s}
.mk-h2-bt .p{color:#fff;background:linear-gradient(135deg,#7b4dff,#5b3fd6);box-shadow:0 12px 24px -10px rgba(91,63,214,.7)}
.mk-h2-bt .s{color:var(--ink);background:rgba(255,255,255,.55);border:1.5px solid rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mk-h2-bt a:hover{transform:translateY(-2px)}
.mk-h2-tr{margin-top:16px;font-size:12.5px;color:#5d5a80;display:flex;gap:14px;flex-wrap:wrap}
.mk-h2-tr span:before{content:"✓ ";color:#18a77a;font-weight:700}
.mk-h2-art{position:relative;height:100%;min-height:340px}
.mk-h2-cat{position:absolute;right:8%;bottom:-18px;height:min(400px,118%);width:auto;max-width:92%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(42,37,80,.28))}
.mk-h2-ic{position:absolute;z-index:2;width:var(--s,64px);height:auto;filter:drop-shadow(0 12px 14px rgba(42,37,80,.22));animation:mkFl 6s ease-in-out infinite;animation-delay:var(--d,0s)}
.mk-h2-ic.i1{--s:78px;left:4%;top:2%}
.mk-h2-ic.i2{--s:86px;right:-2%;top:-14%;--d:-1.5s}
.mk-h2-ic.i3{--s:66px;left:0;bottom:36%;--d:-3s}
.mk-h2-ic.i4{--s:64px;left:-5%;bottom:4%;--d:-4.5s;rotate:-24deg}
.mk-h2-pl{position:absolute;color:#7b6cf0;font:300 26px/1 sans-serif;opacity:.8}
@keyframes mkFl{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media (prefers-reduced-motion:reduce){.mk-h2-ic{animation:none}}
@media (max-width:767px){
  .mk-h2{margin:10px auto 4px;padding:0 10px}
  .mk-h2-card{grid-template-columns:1fr;padding:20px 18px 22px;min-height:0;border-radius:26px;gap:0}
  .mk-h2-art{order:-1;min-height:0;height:190px;margin:-6px 0 6px}
  .mk-h2-cat{right:50%;transform:translateX(50%);bottom:0;width:auto;height:190px}
  .mk-h2-ic.i1{--s:46px;left:2%;top:8%}.mk-h2-ic.i2{--s:50px;right:2%;top:0}.mk-h2-ic.i3{--s:42px;left:8%;bottom:6%}.mk-h2-ic.i4{--s:40px;left:auto;right:8%;bottom:10%}
  .mk-h2-eb{font-size:10.5px;margin-bottom:8px}
  .mk-h2 h1{font-size:clamp(26px,7.4vw,32px)!important;margin-bottom:8px}
  .mk-h2-ds{font-size:14px;margin-bottom:12px}
  .mk-h2-ch{gap:6px;margin-bottom:16px}.mk-h2-ch li{font-size:12px;padding:6px 10px}
  .mk-h2-bt{gap:8px}.mk-h2-bt a{height:46px;padding:0 18px;font-size:14px;flex:1 1 auto;justify-content:center}
  .mk-h2-tr{gap:10px;font-size:11.5px;margin-top:12px}
  .mk-h2-bl{filter:blur(36px);opacity:.6}.mk-h2-bl.b1{width:200px;height:200px}.mk-h2-bl.b2{width:180px;height:180px}.mk-h2-bl.b3{width:160px;height:160px}.mk-h2-bl.b4{width:180px;height:180px}
}

/* v33 - 5: khoi 11.11 them do choi 3D */
html body .mk-ss-card::after{content:"";position:absolute;top:0;right:0;bottom:0;width:52%;z-index:0;pointer-events:none;background:url("//bizweb.dktcdn.net/100/547/462/themes/1174841/assets/mrkim-3d-toys.webp?1793704351263") right center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 55%);opacity:.9}
html body .mk-ss-card .mk-ss-l,html body .mk-ss-card .mk-ss-r{position:relative;z-index:2}
html body .mk-ss-card .mk-ss-tk{z-index:2}
html body .mk-ss-card .mk-ss-r{padding:14px 18px;border-radius:22px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media (max-width:767px){html body .mk-ss-card::after{width:75%;height:36%;bottom:auto;opacity:.3}}

/* v33 - 9: icon mang xa hoi dang vong tron vien manh */
html body footer .social-icons .flex>div{border-radius:999px!important;border:1.5px solid #2A2550!important;background:transparent!important;width:3.4rem!important;height:3.4rem!important}
html body footer .social-icons .flex>div:hover{background:rgba(109,74,224,.08)!important}