/* v34 - style moi cho toan web: font, tieu de, nut, icon 3D, anh banner */
:root{--mk-ink:#2A2550;--mk-vio:#6D4AE0;--mk-grad:linear-gradient(95deg,#7B3FC4,#5B4BE0 60%,#3d7bff);--mk-btn:linear-gradient(135deg,#7b4dff,#5b3fd6)}
html body *:not(i):not(svg):not(svg *):not([class*="icon"]):not(.fa):not(code):not(pre){font-family:"Be Vietnam Pro",-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}

/* tieu de khoi + tieu de trang: cung gradient voi banner */
html body .mk-hnew-tx{background-image:var(--mk-grad)!important;font-weight:800!important}
html body main h1:not(.mk-h2 h1):not(:has(*)):not(.mk-z1):not(.mk-z2){background-color:transparent!important;background-image:var(--mk-grad)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;font-weight:800!important;letter-spacing:-.02em}
html body main h1:not(.mk-h2 h1):has(*){color:#5B4BE0!important;-webkit-text-fill-color:#5B4BE0!important;font-weight:800!important}
html body.product main h1:not(.mk-z1):not(.mk-z2):not(.mk-z3),html body main .product-detail h1:not(.mk-z1):not(.mk-z2),html body main .product-main h1:not(.mk-z1):not(.mk-z2){background-image:none!important;background:none!important;-webkit-text-fill-color:var(--mk-ink)!important;color:var(--mk-ink)!important}

/* nut chinh dang vien thuoc tim, nut phu kinh */
html body .btn-login,html body .button_subscribe,html body .btn.bg-primary,html body .btn-register{border-radius:999px!important;background:var(--mk-btn)!important;color:#fff!important;border:0!important;box-shadow:0 12px 24px -12px rgba(91,63,214,.75)!important}

/* icon 3D thay icon net */
html body .mk-lk-ic{background:url("//bizweb.dktcdn.net/100/547/462/themes/1174841/assets/mrkim-3d-lock.webp?1793704351263") center/contain no-repeat!important;box-shadow:none!important;border:0!important;width:52px!important;height:52px!important;min-width:52px!important;filter:drop-shadow(0 8px 10px rgba(42,37,80,.2))}
html body .mk-lk-ic svg{display:none!important}
html body .mk-qcta-main>i{background:url("//bizweb.dktcdn.net/100/547/462/themes/1174841/assets/mrkim-3d-quiz.webp?1793704351263") center/contain no-repeat!important;box-shadow:none!important;border:0!important;width:58px!important;height:50px!important;min-width:58px!important;filter:drop-shadow(0 8px 10px rgba(42,37,80,.2))}
html body .mk-qcta-main>i svg{display:none!important}

/* anh banner San pham moi: khung kinh + mau loang + icon 3D */
html body .product_banner_1 .product-grid-banner{position:relative;isolation:isolate;overflow:visible!important}
html body .product_banner_1 .product-grid-banner>a:not(.mk-pb-chip){display:block;position:relative;padding:10px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.3));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1.5px 0 #fff,0 30px 50px -28px rgba(42,37,80,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html body .product_banner_1 .product-grid-banner>a:not(.mk-pb-chip) img{display:block;border-radius:22px!important;width:100%;height:auto;}
.mk-pb-bl{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7;z-index:-1;pointer-events:none}
.mk-pb-bl.a{width:220px;height:220px;right:-50px;top:-30px;background:radial-gradient(circle,#9b5cff,#6d3bff 60%,transparent 70%)}
.mk-pb-bl.b{width:240px;height:240px;left:-60px;bottom:-30px;background:radial-gradient(circle,#ff4fb8,#ff2d7a 55%,transparent 70%)}
.mk-pb-ic{position:absolute;z-index:3;width:var(--s);height:auto;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(42,37,80,.25));animation:mkFl 6s ease-in-out infinite;animation-delay:var(--d,0s)}
.mk-pb-ic.p{--s:72px;right:-22px;top:-20px}
.mk-pb-ic.y{--s:64px;left:-20px;bottom:90px;--d:-2s}
.mk-pb-ic.f{--s:60px;right:-18px;bottom:150px;--d:-4s}
.mk-pb-chip{position:absolute;z-index:3;left:24px;bottom:24px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 10px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--mk-ink);font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 10px 20px -12px rgba(42,37,80,.5)}
html body .product_banner_1 .product-grid-banner .mk-pb-chip img{display:inline-block!important;width:26px!important;height:26px!important;object-fit:contain;border-radius:0!important;filter:none!important}
.mk-pb-chip b{color:var(--mk-vio)}
@keyframes mkFl{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media (prefers-reduced-motion:reduce){.mk-pb-ic{animation:none}}
@media (max-width:767px){
  .mk-pb-ic.p{--s:52px;right:-8px;top:-14px}.mk-pb-ic.y{--s:46px;left:-8px}.mk-pb-ic.f{display:none}
  .mk-pb-chip{left:18px;bottom:18px;font-size:12.5px;padding:7px 12px 7px 8px}
  html body .mk-lk-ic{width:44px!important;height:44px!important;min-width:44px!important}
  html body .mk-qcta-main>i{width:50px!important;height:44px!important;min-width:50px!important}
}
html body .product_banner_1 .product-grid-banner>a .mk-fly{position:absolute;top:calc(10px + (100% - 20px)*.47);bottom:calc(10px + (100% - 20px)*.20);left:calc(10px + (100% - 20px)*.17);right:calc(10px + (100% - 20px)*.18);border-radius:24% / 20%;overflow:hidden;pointer-events:none;z-index:2}
html body .product_banner_1 .product-grid-banner>a .mk-fly::after{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.08) 7%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 78%,rgba(255,255,255,.22) 86%,rgba(255,255,255,0) 93%),linear-gradient(180deg,rgba(200,180,255,.10),rgba(170,140,255,.16));box-shadow:inset 0 0 18px rgba(255,255,255,.35)}
html body .product_banner_1 .product-grid-banner>a .mk-fly img{position:absolute!important;left:0;top:0;display:block!important;width:31%!important;height:auto!important;border-radius:0!important;will-change:transform;filter:drop-shadow(0 10px 12px rgba(42,37,80,.28));transform:translate3d(-999px,0,0)}
/* v34b - o tim kiem style kinh tim */
html body .search-bar form[role="search"]{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.5))!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:inset 0 1.5px 0 #fff,0 10px 26px -14px rgba(91,63,214,.45)!important;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);padding:6px 6px 6px 6px!important;gap:10px;transition:box-shadow .25s,border-color .25s}
html body .search-bar form[role="search"]:focus-within{border-color:rgba(123,77,255,.55)!important;box-shadow:inset 0 1.5px 0 #fff,0 0 0 4px rgba(123,77,255,.16),0 12px 28px -14px rgba(91,63,214,.55)!important}
html body .search-bar form[role="search"] select.collection-options{flex:none;width:auto!important;max-width:200px;height:38px;padding:0 34px 0 16px!important;border-radius:999px!important;background-color:rgba(123,77,255,.09)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M6 8l4 4 4-4' stroke='%235B3FD6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")!important;background-position:right 12px center!important;background-size:16px!important;background-repeat:no-repeat!important;color:#4A33B8!important;font-weight:600!important;font-size:14px!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(123,77,255,.14)!important;cursor:pointer}
html body .search-bar form[role="search"] select.collection-options+*{border-left:0!important}
html body .search-bar form[role="search"] .search-input-group{padding-right:52px!important;border-left:0!important}
html body .search-bar form[role="search"] .search-input-group::before,html body .search-bar form[role="search"] select.collection-options::after{display:none!important}
html body .search-bar form[role="search"] input[name="query"]{font-size:15px!important;color:#2A2550!important;text-overflow:ellipsis}
html body .search-bar form[role="search"] input[name="query"]::placeholder{color:#8A84B3!important;opacity:1}
html body .search-bar form[role="search"] .search-button{top:50%!important;right:6px!important;transform:translateY(-50%);width:40px!important;height:40px!important;min-width:40px;padding:0!important;border-radius:50%!important;background:linear-gradient(135deg,#7b4dff,#5b3fd6)!important;color:#fff!important;box-shadow:0 8px 16px -8px rgba(91,63,214,.8),inset 0 1px 0 rgba(255,255,255,.35)!important;transition:transform .2s,box-shadow .2s}
html body .search-bar form[role="search"] .search-button:hover{transform:translateY(-50%) scale(1.07);box-shadow:0 10px 20px -8px rgba(91,63,214,.9)!important}
html body .search-bar form[role="search"] .search-button i{font-size:18px;color:#fff!important}
/* v34c - thanh menu ngang style kinh tim */
html body .navigation-wrapper.sub-header{background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(255,255,255,.48))!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:inset 0 1.5px 0 #fff,0 12px 28px -16px rgba(91,63,214,.45)!important;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
html body .navigation-wrapper .navigation-header{padding:4px 0!important}
html body .navigation-wrapper .navigation-header [data-portal="#menu-drawer"]{display:inline-flex!important;align-items:center;gap:10px!important;height:40px;padding:0 20px 0 16px;border-radius:999px;background:linear-gradient(135deg,#7b4dff,#5b3fd6);color:#fff!important;box-shadow:0 10px 20px -10px rgba(91,63,214,.8),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}
html body .navigation-wrapper .navigation-header [data-portal="#menu-drawer"]:hover{transform:translateY(-1px);box-shadow:0 14px 24px -10px rgba(91,63,214,.9)}
html body .navigation-wrapper .navigation-header [data-portal="#menu-drawer"] span{background-color:currentColor}
html body .navigation-wrapper .navigation-header [data-portal="#menu-drawer"] span.font-semibold{background:none!important;color:#fff!important;font-weight:700}
html body .navigation-wrapper .navigation-horizontal{gap:4px;align-items:center}
html body .navigation-wrapper .menu-item__link{padding:0 16px!important;height:38px;border-radius:999px;color:#2A2550!important;font-weight:600!important;transition:background .2s,color .2s}
html body .navigation-wrapper .menu-item:hover>.menu-item__link,html body .navigation-wrapper .menu-item__link:hover{background:rgba(123,77,255,.10);color:#5B3FD6!important}
html body .navigation-wrapper .menu-item__link.mk-on{background:rgba(123,77,255,.14);color:#4A33B8!important;box-shadow:inset 0 0 0 1px rgba(123,77,255,.22)}
html body .navigation-wrapper .menu-item__link i,html body .navigation-wrapper .menu-item__link svg{color:#6D4AE0}
html body .navigation-wrapper a.store-group{height:38px;padding:0 16px;border-radius:999px;background:rgba(123,77,255,.09);box-shadow:inset 0 0 0 1px rgba(123,77,255,.16);color:#4A33B8!important;transition:background .2s}
html body .navigation-wrapper a.store-group:hover{background:rgba(123,77,255,.16)}
html body .navigation-wrapper a.store-group .icon{color:#6D4AE0}
/* v34d - banner danh muc: khung kinh bo tron */
html body .section-collection-banner .collection_banner a.banner{display:block;padding:10px;border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.65));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1.5px 0 #fff,0 26px 50px -30px rgba(91,63,214,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html body .section-collection-banner .collection_banner a.banner img{border-radius:24px!important;width:100%;height:auto}
@media (max-width:767px){html body .section-collection-banner .collection_banner a.banner{padding:6px;border-radius:20px}html body .section-collection-banner .collection_banner a.banner img{border-radius:15px!important}}
/* v34e - mascot MrKim o footer va trang thanh vien */
.mk-masc-ft{position:relative}
.mk-masc-ft img.mk-masc{position:absolute;right:-6px;top:-74px;width:92px;height:auto;filter:drop-shadow(0 10px 14px rgba(42,37,80,.28));animation:mkFl 5s ease-in-out infinite;pointer-events:none}
.mk-masc-say{position:absolute;right:86px;top:-78px;max-width:132px;white-space:normal!important;line-height:1.35;padding:6px 11px;border-radius:14px 4px 14px 14px;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 18px -10px rgba(91,63,214,.5);font-size:12px;font-weight:600;color:#4A33B8;pointer-events:none}
.mk-mb-join{position:relative}
.mk-mb-join img.mk-masc-mb{position:absolute;right:28px;top:-34px;width:150px;height:auto;margin:0;z-index:2;animation:mkFl 5s ease-in-out infinite;filter:drop-shadow(0 12px 16px rgba(42,37,80,.28))}
@media (max-width:767px){.mk-masc-ft img.mk-masc{width:72px;top:-58px}.mk-masc-say{right:66px;top:-52px;font-size:11.5px}.mk-mb-join img.mk-masc-mb{width:84px;right:10px;top:-22px}}
/* v34f - trang Gioi thieu: the danh muc nhieu mau */
html body ul.mk-feat>li.mk-fi:nth-child(1){background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,138,61,.10))!important;border-color:rgba(255,138,61,.28)!important;box-shadow:0 18px 36px -24px rgba(255,138,61,.55)!important}
html body ul.mk-feat>li.mk-fi:nth-child(1) .mk-feat-ic{background:linear-gradient(145deg,#FF8A3D,#FF5E7E)!important;box-shadow:0 12px 22px -10px rgba(255,138,61,.75),inset 0 1.5px 0 rgba(255,255,255,.45)!important}
html body ul.mk-feat>li.mk-fi:nth-child(1) .mk-feat-tg span{background:rgba(255,138,61,.14)!important;color:#C2410C!important}
html body ul.mk-feat>li.mk-fi:nth-child(1) .mk-feat-go{color:#C2410C!important}
html body ul.mk-feat>li.mk-fi:nth-child(1) .mk-feat-tt{color:#2A2550!important}
html body ul.mk-feat>li.mk-fi:nth-child(2){background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,95,162,.10))!important;border-color:rgba(255,95,162,.28)!important;box-shadow:0 18px 36px -24px rgba(255,95,162,.55)!important}
html body ul.mk-feat>li.mk-fi:nth-child(2) .mk-feat-ic{background:linear-gradient(145deg,#FF5FA2,#C850C0)!important;box-shadow:0 12px 22px -10px rgba(255,95,162,.75),inset 0 1.5px 0 rgba(255,255,255,.45)!important}
html body ul.mk-feat>li.mk-fi:nth-child(2) .mk-feat-tg span{background:rgba(255,95,162,.14)!important;color:#BE185D!important}
html body ul.mk-feat>li.mk-fi:nth-child(2) .mk-feat-go{color:#BE185D!important}
html body ul.mk-feat>li.mk-fi:nth-child(2) .mk-feat-tt{color:#2A2550!important}
html body ul.mk-feat>li.mk-fi:nth-child(3){background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(44,201,181,.10))!important;border-color:rgba(44,201,181,.28)!important;box-shadow:0 18px 36px -24px rgba(44,201,181,.55)!important}
html body ul.mk-feat>li.mk-fi:nth-child(3) .mk-feat-ic{background:linear-gradient(145deg,#2CC9B5,#1E9BD7)!important;box-shadow:0 12px 22px -10px rgba(44,201,181,.75),inset 0 1.5px 0 rgba(255,255,255,.45)!important}
html body ul.mk-feat>li.mk-fi:nth-child(3) .mk-feat-tg span{background:rgba(44,201,181,.14)!important;color:#0F766E!important}
html body ul.mk-feat>li.mk-fi:nth-child(3) .mk-feat-go{color:#0F766E!important}
html body ul.mk-feat>li.mk-fi:nth-child(3) .mk-feat-tt{color:#2A2550!important}
html body ul.mk-feat>li.mk-fi:nth-child(4){background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(91,140,255,.10))!important;border-color:rgba(91,140,255,.28)!important;box-shadow:0 18px 36px -24px rgba(91,140,255,.55)!important}
html body ul.mk-feat>li.mk-fi:nth-child(4) .mk-feat-ic{background:linear-gradient(145deg,#5B8CFF,#7B4DFF)!important;box-shadow:0 12px 22px -10px rgba(91,140,255,.75),inset 0 1.5px 0 rgba(255,255,255,.45)!important}
html body ul.mk-feat>li.mk-fi:nth-child(4) .mk-feat-tg span{background:rgba(91,140,255,.14)!important;color:#3730A3!important}
html body ul.mk-feat>li.mk-fi:nth-child(4) .mk-feat-go{color:#3730A3!important}
html body ul.mk-feat>li.mk-fi:nth-child(4) .mk-feat-tt{color:#2A2550!important}
.mk-h3c0 .mk-h3ic{background:linear-gradient(145deg,#FF8A3D,#FF5E7E)!important;box-shadow:0 10px 18px -8px rgba(255,138,61,.7)!important}
.mk-h3c1 .mk-h3ic{background:linear-gradient(145deg,#2CC9B5,#1E9BD7)!important;box-shadow:0 10px 18px -8px rgba(44,201,181,.7)!important}
.mk-h3c2 .mk-h3ic{background:linear-gradient(145deg,#FF5FA2,#C850C0)!important;box-shadow:0 10px 18px -8px rgba(255,95,162,.7)!important}
.mk-h3c3 .mk-h3ic{background:linear-gradient(145deg,#5B8CFF,#7B4DFF)!important;box-shadow:0 10px 18px -8px rgba(91,140,255,.7)!important}
/* v34g - menu ngang vua 5 muc sau khi doi ten Tin tuc -> So tay cham boss */
html body .navigation-wrapper .menu-item__link{padding:0 9px!important;font-size:14.5px!important}
html body .navigation-wrapper .navigation-horizontal{gap:2px}
html body .navigation-wrapper .menu-item__link.gap-3\.5{gap:4px!important}
html body .navigation-wrapper .whitespace-nowrap{gap:10px!important}
html body .navigation-wrapper a.store-group{padding:0 12px}
@media (max-width:1440px){html body .navigation-wrapper .menu-item__link{padding:0 7px!important;font-size:13.5px!important}html body .navigation-wrapper a.store-group{padding:0 10px;font-size:13.5px}}