/* Phefar – giao diện chính (chuyển từ bản mẫu). */
/* ============ TOKENS ============ */
:root{
  --pk:#ED1B80;--pk-d:#B8125F;--ch:#2B2B2B;--ink:#1E1E1E;--wh:#fff;
  --r-sm:8px;--r-md:14px;--r-lg:20px;--r-pz:10px 22px 22px 10px;
  --gut:20px;--max:1200px;--hdr:64px;--ab:28px;
  color-scheme:dark;
  --bg:#2B2B2B;--bg2:#242424;--card:#333;--card2:#3A3A3A;--img:#3A3A3A;--solid:#1E1E1E;
  --tx:#fff;--tx2:#BDBDBD;--tx3:#A6A6A6;--ln:#3F3F3F;--shade:rgba(0,0,0,.35);
  --pk-on:#DF1978;--pk-tx:#F57FB8; /* pk-on: nền hồng cho chữ trắng nhỏ; pk-tx: chữ hồng trên nền tối (đạt chuẩn 4.5:1) */
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#fff;--bg2:#F3F3F2;--card:#F3F3F2;--card2:#fff;--img:#EAEAE3;--solid:#2B2B2B;
  --tx:#2B2B2B;--tx2:#555;--tx3:#666666;--ln:#E3E2E0;--shade:rgba(0,0,0,.12);
  --pk-tx:#D11871;
}
/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.65 "Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
body.has-bar{padding-bottom:76px}
h1,h2,h3,h4{margin:0 0 .45em;font-weight:800;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
h1{font-size:clamp(2.4rem,6.4vw,4.6rem);letter-spacing:-.045em;line-height:.98}
h2{font-size:clamp(2rem,4.8vw,3.5rem)}
h3{font-size:1.2rem;letter-spacing:-.015em;line-height:1.2}
p{margin:0 0 1em;color:var(--tx2);max-width:58ch}
a{color:inherit}
img,svg{display:block}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--pk);outline-offset:3px;border-radius:4px}
.w{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.sec{padding:88px 0}
.sec.tight{padding:64px 0}
.alt{background:var(--bg2);--card:var(--card2)}
.lede{font-size:1.1rem;color:var(--tx2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:999;background:var(--pk);color:#000;font-weight:700;padding:10px 16px;border-radius:999px;text-decoration:none;transition:top .2s}.skip:focus{top:12px}
svg[viewBox="0 0 1302 1598"]{fill:currentColor}
.view[hidden]{display:none!important}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:var(--r-pz);background:var(--pk);color:var(--ch);font:700 1.1875rem/1.1 "Be Vietnam Pro",sans-serif;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .2s,border-radius .25s,background .2s;text-align:center}
.btn:hover{transform:translateY(-2px);border-radius:22px 10px 10px 22px}
.btn:active{transform:none}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn.ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 2px var(--tx)}
.btn.sm{min-height:44px;padding:0 18px;font-size:1.1875rem}
.btn.line{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 2px var(--ln);font-size:.95rem;min-height:40px;padding:0 16px}
.btn.line:hover{box-shadow:inset 0 0 0 2px var(--tx)}
.btn.full{width:100%}
.lnk{display:inline-flex;align-items:center;min-height:44px;gap:8px;font-weight:700;text-decoration:none;color:var(--tx);background:none;border:0;padding:0;cursor:pointer}
.lnk::after{content:"";width:18px;height:2px;background:var(--pk);transition:width .25s}
.lnk:hover::after{width:30px}

/* ============ ANNOUNCEMENT + HEADER ============ */
.top{position:sticky;top:0;z-index:40;transition:transform .32s cubic-bezier(.4,0,.2,1);will-change:transform}
.top.off{transform:translateY(calc(-1 * var(--ab)))}
.ab{height:var(--ab);background:var(--pk-on);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 var(--gut)}
.abx{font:600 .78rem/var(--ab) "Be Vietnam Pro",sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s,transform .25s}
.abx.o{opacity:0;transform:translateY(-4px)}
header{background:var(--bg);box-shadow:0 1px 0 var(--ln);position:relative}
.hr{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--hdr)}
.logo{display:inline-flex;color:var(--pk);text-decoration:none;padding:8px 0}
.logo svg{height:28px;width:auto}
.nav{display:none}
.nav a,.nav button{background:none;border:0;padding:8px 0;font-size:.98rem;font-weight:600;text-decoration:none;color:var(--tx);cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:6px}
.nav a::after,.nav button::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--pk);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover::after,.nav button:hover::after,.nav button[aria-expanded="true"]::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav svg{width:10px;height:10px;transition:transform .2s}
.nav button[aria-expanded="true"] svg{transform:rotate(180deg)}
.icons{display:flex;align-items:center;gap:2px}
.ib{position:relative;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;border-radius:50%;cursor:pointer;color:var(--tx);text-decoration:none}
.ib:hover{background:var(--card)}
.ib svg{width:22px;height:22px}
.thi{display:grid;place-items:center}.thi svg{width:22px;height:22px}
.ib .ct{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pk-on);color:#fff;font:700 .7rem/18px "Be Vietnam Pro",sans-serif;text-align:center}
.ib .ct[data-n="0"]{display:none}
.only-d{display:none}
@media(min-width:1024px){
  :root{--hdr:76px}
  .logo svg{height:32px}
  .hr{display:grid;grid-template-columns:1fr auto 1fr}
  .icons{justify-self:end}
  .nav{display:flex;gap:34px}
  .only-d{display:grid}
  .only-m{display:none}
}

/* ============ MEGA MENU ============ */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--bg);box-shadow:0 1px 0 var(--ln),0 24px 40px var(--shade);display:none}
.mega.o{display:block;animation:mg .22s ease}
@keyframes mg{from{opacity:0;transform:translateY(-6px)}}
.mg{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:48px;padding:40px var(--gut) 48px}
.mg h4{font-size:.95rem;letter-spacing:-.01em;color:var(--tx3);font-weight:600;margin:0 0 14px}
.mg ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.mg li a{display:block;padding:7px 0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;transition:color .15s,transform .2s}
.mg li a:hover{color:var(--pk-tx);transform:translateX(4px)}
.mg li a small{display:block;font-size:.88rem;font-weight:500;color:var(--tx3);letter-spacing:0}
.feat{position:relative;border-radius:var(--r-lg);padding:30px;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--solid);color:#fff;text-decoration:none}
.feat.pk{background:var(--pk);color:var(--ch)}
.feat svg{position:absolute;right:-36px;top:-56px;height:190px;width:auto;color:#3A3A3A;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.feat.pk svg{color:var(--pk-d)}
.feat:hover svg{transform:translate(-10px,10px) rotate(-6deg)}
.feat q{display:block;quotes:none;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;max-width:20ch;margin-bottom:16px;position:relative}
.feat span{font-weight:700;font-size:1.17rem;position:relative}

/* ============ SHEETS / SEARCH ============ */
.sheet{position:fixed;inset:0;z-index:60;display:none}
.sheet.o{display:block}
.sheet .bg{position:absolute;inset:0;background:rgba(0,0,0,.6);animation:fd .2s}
@keyframes fd{from{opacity:0}}
.panel{position:absolute;top:0;bottom:0;right:0;width:min(440px,100%);background:var(--bg);color:var(--tx);display:flex;flex-direction:column;overflow:auto;padding:calc(12px + env(safe-area-inset-top,0px)) var(--gut) calc(24px + env(safe-area-inset-bottom,0px));animation:sl .26s cubic-bezier(.2,.8,.2,1)}
@keyframes sl{from{transform:translateX(24px);opacity:0}}
.ph{display:flex;align-items:center;justify-content:space-between;height:52px;margin-bottom:8px}
.ph b{font-size:1.25rem;letter-spacing:-.02em}
.mm a,.mm summary{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;cursor:pointer;list-style:none;border-bottom:1px solid var(--ln)}
.mm summary::-webkit-details-marker{display:none}
.mm summary::after{content:"+";color:var(--pk);font-size:1.6rem;font-weight:600;transition:transform .2s}
.mm details[open] summary::after{transform:rotate(45deg)}
.mm .sub{padding:6px 0 14px 2px}
.mm .sub a.all{color:var(--pk);font-size:.95rem;padding:6px 0 2px}
.mm .sub h4{font-size:.85rem;color:var(--tx3);font-weight:600;margin:12px 0 4px;letter-spacing:0}
.mm .sub a{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;padding:9px 0;border:0;justify-content:flex-start}
.mfoot{margin-top:auto;padding-top:28px;display:flex;flex-wrap:wrap;gap:10px}
.srch{position:absolute;left:0;right:0;top:100%;background:var(--bg);box-shadow:0 1px 0 var(--ln),0 24px 40px var(--shade);display:none;padding:18px 0 24px}
.srch.o{display:block}
.srch input{width:100%;background:transparent;border:0;border-bottom:2px solid var(--tx);color:var(--tx);font:700 1.4rem "Be Vietnam Pro",sans-serif;letter-spacing:-.02em;padding:10px 0;border-radius:0;outline:none}
.srch input::placeholder{color:var(--tx3)}
.sres{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}
.sres a{display:flex;align-items:center;gap:14px;padding:8px 0;text-decoration:none;font-weight:600}
.sres a .sc{width:52px;border-radius:10px;flex:none}
.sres a span{flex:1}
.sres a small{color:var(--tx3);font-weight:500}
.sres a:hover{color:var(--pk-tx)}

/* ============ PRODUCT SCENES (hình sản phẩm dựng bằng CSS, co giãn theo khung) ============ */
.sc{position:relative;aspect-ratio:1;container-type:inline-size;overflow:hidden;background:var(--img);isolation:isolate}
.sc .in{position:absolute;inset:0;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.sc.z .in{transform:scale(1.75) translate(6%,4%)}
.sc.bp{background:var(--pk)}.sc.bd{background:var(--solid)}
.sc .bgm{position:absolute;height:112cqw;width:auto;right:-18cqw;top:-8cqw;color:var(--card)}
.sc.bp .bgm{color:var(--pk-d)}.sc.bd .bgm{color:#333}
.sc .fl{position:absolute;left:28cqw;right:28cqw;bottom:13cqw;height:3.5cqw;border-radius:50%;background:var(--shade);filter:blur(1.4cqw)}
.sc .pos{position:absolute;inset:0}
/* pack */
/* spread of cards */
.o-k{position:absolute;left:50%;top:50%;width:29cqw;height:43.5cqw;border-radius:2.6cqw;padding:3cqw;display:flex;flex-direction:column;justify-content:space-between;font-weight:700;font-size:2.7cqw;line-height:1.3;box-shadow:0 2cqw 4cqw var(--shade);color:var(--ch)}
.o-k i{font-style:normal;align-self:flex-start;font-size:1.9cqw;padding:.6cqw 1.6cqw;border-radius:.8cqw 1.8cqw 1.8cqw .8cqw;background:var(--ch);color:#fff}
.o-k.k1{background:var(--pk);transform:translate(-112%,-47%) rotate(-12deg)}
.o-k.k2{background:#fff;transform:translate(-50%,-53%);z-index:1}
.o-k.k3{background:var(--ink);color:#fff;transform:translate(12%,-47%) rotate(12deg);box-shadow:inset 0 0 0 .3cqw #444,0 2cqw 4cqw var(--shade)}
.o-k.k3 i{background:#fff;color:var(--ch)}
/* levels */
.o-lv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4cqw}
.o-lv .s{position:relative;width:24cqw;height:36cqw}
.o-lv .s::before{content:"";position:absolute;inset:0;border-radius:2.4cqw;background:inherit;transform:translate(1.8cqw,-1.8cqw);filter:brightness(.8)}
.o-lv .s>div{position:absolute;inset:0;border-radius:2.4cqw;background:inherit;padding:2.6cqw;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2cqw 4cqw var(--shade)}
.o-lv .s b{font-size:3cqw;letter-spacing:-.02em;line-height:1.1}
.o-lv .s span{display:flex;gap:.8cqw}
.o-lv .s span s{width:2cqw;height:2cqw;border-radius:50%;background:currentColor;opacity:.3}
.o-lv .s span s.o{opacity:1}
.o-lv .l1{background:#fff;color:var(--ch)}.o-lv .l2{background:#444;color:#fff}.o-lv .l3{background:var(--pk);color:var(--ch)}
/* open box */
.o-open{position:absolute;left:50%;top:50%;width:52cqw;height:62cqw;transform:translate(-50%,-46%)}
.o-open .o-k{width:26cqw;height:39cqw;font-size:0;padding:0;top:auto;bottom:18cqw}
.o-open .o-k.k1{transform:translate(-95%,0) rotate(-10deg)}.o-open .o-k.k2{transform:translate(-50%,-3cqw)}.o-open .o-k.k3{transform:translate(-5%,0) rotate(10deg)}
.o-open .base{position:absolute;left:0;right:0;bottom:0;height:30cqw;background:var(--pk);border-radius:2.4cqw;box-shadow:2cqw 2cqw 0 var(--pk-d),0 4cqw 8cqw var(--shade);z-index:2;display:flex;align-items:center;gap:3cqw;padding:0 4cqw;color:var(--ch)}
.o-open .base svg{height:14cqw;width:auto}
.o-open .base b{font-size:4.6cqw;line-height:1.02;letter-spacing:-.03em}
/* gift */
.o-gift{position:absolute;left:50%;top:52%;width:48cqw;height:38cqw;transform:translate(-50%,-45%);background:var(--solid);border-radius:2.6cqw;box-shadow:0 5cqw 8cqw var(--shade)}
.o-gift::before,.o-gift::after{content:"";position:absolute;background:var(--pk)}
.o-gift::before{left:44%;width:12%;top:-9cqw;bottom:0}.o-gift::after{top:38%;height:13%;left:0;right:0}
.o-gift .lid{position:absolute;left:-2.5cqw;right:-2.5cqw;top:-9cqw;height:10cqw;border-radius:2cqw;background:#444}
.o-gift .bow{position:absolute;left:50%;top:-15cqw;width:16cqw;height:8cqw;transform:translateX(-50%);z-index:2}
.o-gift .bow::before,.o-gift .bow::after{content:"";position:absolute;top:0;width:8cqw;height:8cqw;border-radius:50% 50% 0 50%;background:var(--pk)}
.o-gift .bow::before{left:0;transform:rotate(-15deg)}.o-gift .bow::after{right:0;transform:scaleX(-1) rotate(-15deg)}
.o-gift svg{position:absolute;right:3.5cqw;bottom:3.5cqw;height:9cqw;width:auto;color:#fff;z-index:1}
/* bottle */
.o-bottle{position:absolute;left:50%;top:54%;width:17cqw;height:44cqw;transform:translate(-50%,-50%);background:#fff;border-radius:6cqw 6cqw 3cqw 3cqw;box-shadow:inset 0 0 0 .3cqw #e6e6e6,0 5cqw 8cqw var(--shade)}
.o-bottle::before{content:"";position:absolute;left:18%;right:18%;top:-9cqw;height:10cqw;border-radius:1.6cqw 1.6cqw .6cqw .6cqw;background:var(--pk)}
.o-bottle i{position:absolute;left:14%;right:14%;top:38%;height:30%;border-radius:1.4cqw;background:var(--pk);display:grid;place-items:center}
.o-bottle i svg{height:62%;width:auto;color:var(--ch)}
/* foil box */
.o-foil{position:absolute;left:50%;top:56%;width:42cqw;height:28cqw;transform:translate(-50%,-50%)}
.o-foil .f{position:absolute;top:-10cqw;width:17cqw;height:17cqw;border-radius:2cqw;background:var(--pk);box-shadow:0 2cqw 4cqw var(--shade)}
.o-foil .f::after{content:"";position:absolute;inset:3.5cqw;border-radius:50%;box-shadow:inset 0 0 0 1.2cqw var(--pk-d)}
.o-foil .f1{left:5cqw;transform:rotate(-10deg)}.o-foil .f2{left:18cqw;transform:rotate(8deg)}
.o-foil .bx{position:absolute;inset:0;border-radius:2.4cqw;background:var(--solid);box-shadow:0 5cqw 8cqw var(--shade);display:flex;align-items:center;gap:2.5cqw;padding:0 4cqw;color:#fff;font-weight:800;font-size:3.4cqw;letter-spacing:-.02em}
.o-foil .bx svg{height:10cqw;width:auto;color:var(--pk)}
/* ring */
.o-ring{position:absolute;left:50%;top:54%;width:36cqw;height:36cqw;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 0 7cqw var(--pk),0 5cqw 8cqw var(--shade)}
.o-ring::after{content:"";position:absolute;left:50%;top:-8cqw;width:13cqw;height:16cqw;transform:translateX(-50%);border-radius:6cqw 6cqw 3cqw 3cqw;background:var(--pk)}
.o-ring::before{content:"";position:absolute;left:50%;top:-4cqw;width:4cqw;height:4cqw;transform:translateX(-50%);border-radius:50%;background:var(--pk-d);z-index:1}
/* capsule */
.o-lip{position:absolute;left:46%;top:56%;width:14cqw;height:40cqw;transform:translate(-50%,-50%) rotate(-18deg);border-radius:2cqw;background:var(--solid);box-shadow:inset 0 0 0 .3cqw #444,0 5cqw 8cqw var(--shade)}
.o-lip::before{content:"";position:absolute;left:0;right:0;top:0;height:3cqw;border-bottom:.5cqw solid var(--pk)}
.o-lip i{position:absolute;left:150%;top:-30%;width:12cqw;height:24cqw;border-radius:6cqw 6cqw 1.5cqw 1.5cqw;background:var(--pk);transform:rotate(26deg);box-shadow:0 4cqw 6cqw var(--shade)}
.o-pend{position:absolute;left:50%;top:40%;width:44cqw;height:44cqw;transform:translate(-50%,-50%);border-radius:50%;border:.7cqw solid #9A9A9A;border-top-color:transparent;transform:translate(-50%,-50%) rotate(180deg)}
.o-pend i{position:absolute;left:50%;top:-2cqw;width:14cqw;height:20cqw;transform:translate(-50%,-50%) rotate(180deg);border-radius:50% 50% 50% 50%/40% 40% 60% 60%;background:var(--pk);box-shadow:0 5cqw 8cqw var(--shade)}
.o-pend i::after{content:"";position:absolute;left:50%;top:-2.6cqw;width:3cqw;height:3cqw;transform:translateX(-50%);border-radius:50%;border:.6cqw solid #9A9A9A}
.o-cap{position:absolute;left:50%;top:50%;width:16cqw;height:54cqw;transform:translate(-50%,-50%) rotate(-24deg);border-radius:8cqw;background:var(--solid);box-shadow:inset 0 0 0 .3cqw #444,0 5cqw 8cqw var(--shade)}
.o-cap::before{content:"";position:absolute;left:0;right:0;top:34%;height:5cqw;background:var(--pk)}
.o-cap::after{content:"";position:absolute;left:50%;top:52%;width:6cqw;height:6cqw;transform:translateX(-50%);border-radius:50%;box-shadow:inset 0 0 0 1cqw var(--pk)}

/* ============ HERO (home) ============ */
.hero{padding:28px 0 64px;overflow:hidden}
.hero .w{display:grid;gap:18px}
.hero h1 span{display:block;white-space:nowrap}
.hero .lede{max-width:42ch;margin-bottom:26px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.ctas .btn{flex:1 1 auto}
.trust{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:22px 0 0;padding:0;font-size:.92rem;color:var(--tx2)}
.trust li{display:flex;align-items:center;gap:8px}
.trust li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pk)}
.stage{position:relative;height:220px;display:grid;place-items:center}
.stage .bgmk{position:absolute;height:120%;width:auto;right:4%;top:-8%;color:var(--card)}
.pack{position:relative;width:128px;height:176px}
.pack .cd{position:absolute;inset:0;border-radius:12px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;font-weight:700;font-size:.72rem;line-height:1.3;box-shadow:0 10px 24px var(--shade);transform-origin:50% 100%}
.pack .cd.a{background:#fff;color:var(--ch);transform:translate(52px,-14px) rotate(14deg)}
.pack .cd.b{background:var(--card2);color:var(--tx);box-shadow:inset 0 0 0 1px var(--ln),0 10px 24px var(--shade);transform:translate(26px,-6px) rotate(6deg)}
.pack .box{position:absolute;inset:0;background:var(--pk);color:var(--ch);border-radius:12px;box-shadow:10px 10px 0 var(--pk-d),0 26px 40px var(--shade);padding:16px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg)}
.pack .box svg{height:46px;width:auto;color:var(--ch)}
.pack .box b{font-size:1.02rem;line-height:1.05;letter-spacing:-.03em}
.pack .box small{display:block;font-size:.66rem;font-weight:600;margin-top:4px;opacity:.8}
.load .stage .pack .box{animation:bx .9s cubic-bezier(.2,.9,.25,1.2) both}
.load .stage .pack .cd.b{animation:fa .8s .45s cubic-bezier(.2,.8,.2,1) both}
.load .stage .pack .cd.a{animation:fa .8s .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes bx{from{transform:translateY(40px) rotate(-12deg);opacity:0}}
@keyframes fa{from{transform:none;opacity:0}}
@media(min-width:760px){
  .hero{padding:56px 0 104px}
  .hero .w{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}
  .hero .txt{order:1}.stage{order:2;height:520px}
  .pack{width:250px;height:345px}
  .pack .cd{font-size:.95rem;padding:20px;border-radius:16px}
  .pack .cd.a{transform:translate(96px,-26px) rotate(14deg)}
  .pack .cd.b{transform:translate(48px,-12px) rotate(6deg)}
  .pack .box{padding:24px;border-radius:16px;box-shadow:14px 14px 0 var(--pk-d),0 36px 60px var(--shade)}
  .pack .box svg{height:74px}
  .pack .box b{font-size:2rem}
  .pack .box small{font-size:.85rem}
  .ctas .btn{flex:0 0 auto}
}

/* ============ DECK (home) ============ */
.deck-g{display:grid;grid-template-columns:minmax(0,1fr);gap:44px;margin-top:40px}
.deck-g>*{min-width:0}
.crw{position:relative;width:100%;max-width:440px;margin:0 auto;overflow:clip;padding:6px 0 30px;isolation:isolate;z-index:0}
.crv{position:relative;width:100%;height:350px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.crv.drg{cursor:grabbing}
.pc6{position:absolute;top:4px;left:50%;width:220px;height:330px;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 30px var(--shade);background-size:cover;background-position:center;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s;will-change:transform,opacity}
.pc6.ndr{transition:none}
.pc6.im{padding:0;overflow:hidden;background:#282829;box-shadow:0 0 0 1px #3A3A3A,0 14px 30px var(--shade)}
.pc6.im img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.pc6 b{align-self:flex-start;font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:6px 14px 14px 6px;background:var(--ch);color:#fff}
.pc6 p{margin:0;font-weight:700;font-size:1.17rem;line-height:1.35;letter-spacing:-.01em;color:inherit}
.pc6.v1{background:var(--pk);color:var(--ch)}
.pc6.v2{background:#fff;color:var(--ch)}
.pc6.v3{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 1px #444,0 14px 30px var(--shade)}
.pc6.v3 b{background:#fff;color:var(--ch)}
.crc{display:flex;align-items:center;justify-content:center;gap:14px}
.crn{width:44px;height:44px;border-radius:50%;border:2px solid var(--ln);background:transparent;color:var(--tx);display:grid;place-items:center;cursor:pointer;font-size:1.3rem}
.crn:hover{border-color:var(--tx)}
.crd{display:flex;gap:0}
.crd button,.gdots button{min-width:24px;height:24px;padding:0 3px;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.crd button::before,.gdots button::before{content:"";width:8px;height:8px;border-radius:4px;background:var(--ln);transition:width .25s,background .25s}
.crd button[aria-current="true"]::before,.gdots button[aria-current="true"]::before{width:22px;background:var(--pk)}
.inbox{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:12px}
.inbox li{display:flex;gap:14px;align-items:flex-start}
.inbox li i{flex:none;min-width:40px;height:40px;padding:0 8px;font-size:.9rem;border-radius:10px 16px 16px 10px;background:var(--card);display:grid;place-items:center;font-style:normal;font-weight:800;color:var(--pk-tx)}
.inbox b{display:block;font-size:1.05rem}
.inbox span{color:var(--tx2);font-size:.95rem}
.lvls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 30px}
.lv{border-radius:var(--r-md);padding:12px;background:var(--card)}
.lv b{display:block;font-size:.92rem;letter-spacing:-.01em;line-height:1.25}
.lv span{display:block;font-size:.8rem;color:var(--tx2);line-height:1.4;margin-top:4px}
.lv i{display:flex;gap:3px;margin-bottom:8px}
.lv i s{width:9px;height:9px;border-radius:50%;background:var(--tx3);opacity:.35}
.lv i s.o{background:var(--pk);opacity:1}
.buy{border-radius:var(--r-lg);background:var(--card);padding:22px}
.buy .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.buy .nm{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.buy .nm small{display:block;font-weight:500;font-size:.88rem;color:var(--tx2);letter-spacing:0}
.buy .pr{font-weight:800;font-size:1.6rem;letter-spacing:-.03em}
.buy .ctas{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:480px){.buy .ctas{grid-template-columns:1fr 1fr}}
.assure{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;padding:0;list-style:none;font-size:.85rem;color:var(--tx2)}
.assure li{display:flex;gap:6px;align-items:center}
.assure svg{width:16px;height:16px;color:var(--pk);flex:none}
@media(min-width:900px){.deck-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px}}

/* ============ EXPERIENCES ============ */
.xg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}
.xc{position:relative;overflow:hidden;border-radius:var(--r-lg);aspect-ratio:3/4;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;background:var(--card);color:var(--tx);isolation:isolate}
.xc svg{position:absolute;z-index:-1;height:78%;width:auto;top:-8%;right:-22%;color:var(--card2);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.xc:hover svg{transform:translate(-14px,12px) rotate(-8deg)}
@media(max-width:599px){.xc svg{height:52%;top:-10%;right:-26%}}
.xc strong{font-size:clamp(1.8rem,6vw,3.2rem);font-weight:800;letter-spacing:-.045em;line-height:1}
.xc span{display:block;margin-top:8px;font-weight:700;font-size:1.17rem;line-height:1.3;color:var(--tx2)}
.xc em{position:absolute;top:18px;left:18px;font-style:normal;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px currentColor;transition:transform .25s}
.xc:hover em{transform:translate(4px,-4px)}
.xc.k1{background:var(--pk);color:var(--ch)}.xc.k1 span{color:var(--ch)}.xc.k1 svg{color:var(--pk-d)}
.xc.k2{background:#fff;color:var(--ch)}.xc.k2 span{color:#555}.xc.k2 svg{color:#EDEDED}
.xc.k4{background:var(--solid);color:#fff}.xc.k4 span{color:#BDBDBD}.xc.k4 svg{color:var(--pk)}
:root[data-theme="light"] .xc.k2{background:var(--card2);box-shadow:inset 0 0 0 1px var(--ln)}
@media(min-width:900px){.xg{grid-template-columns:repeat(4,1fr);gap:16px}.xc{padding:26px}.xc em{top:26px;left:26px}}

/* ============ PRODUCT CARDS ============ */
.phd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:0;box-shadow:inset 0 0 0 1.5px var(--ln);background:none;color:var(--tx);font-weight:600;font-size:.92rem;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--tx);color:var(--bg);box-shadow:none}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:599px){#home-reviews{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--card);position:relative;isolation:isolate}
.card .disc{position:absolute;top:10px;right:10px;z-index:3;font-size:.68rem;font-weight:800;line-height:1.4;padding:2px 7px;border-radius:999px;background:var(--pk);color:#000;letter-spacing:-.01em}
.price .poff{display:inline-block;vertical-align:middle;margin-left:8px;font-size:.85rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--pk);color:#000}
.card .tag{position:absolute;top:10px;left:10px;z-index:3;font-size:.66rem;font-weight:700;line-height:1.4;padding:2px 8px;border-radius:4px 10px 10px 4px;background:var(--bg);color:var(--tx)}
@media(max-width:599px){.card .tag,.card .disc{top:8px;font-size:.62rem;padding:1px 6px}.card .tag{left:8px}.card .disc{right:8px}}
.card .sc .in{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card:hover .sc .in{transform:scale(1.06)}
.card .sc+.sc{position:absolute;inset:0 0 auto;opacity:0;transition:opacity .35s}
.card:hover .sc+.sc{opacity:1}
.ci{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}
.ci small{color:var(--tx3);font-size:.8rem;font-weight:600}
.ci h3{margin:4px 0 6px;font-size:1.08rem}
.ci h3 a{text-decoration:none}
.ci h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.ci p{font-size:.9rem;line-height:1.5;margin:0 0 14px;flex:1}
.ci .pr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ci .pr b{font-size:1.08rem;letter-spacing:-.02em}
.ci .pr s{color:var(--tx3);font-size:.85rem;font-weight:500;margin-left:6px}
.ci .pr .btn{position:relative;z-index:2}
.stars.none{opacity:.4}
.rate{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--tx2);margin:0 0 8px}
.stars{color:var(--pk);letter-spacing:1px}
.stars .off{color:var(--tx3);opacity:.45}
@media(min-width:900px){.pgrid{grid-template-columns:repeat(4,1fr);gap:18px}.ci{padding:20px}}
@media(min-width:900px){.pgrid.c3{grid-template-columns:repeat(3,1fr)}}

/* ============ JOURNEY / REVIEWS (home) / JOURNAL ============ */
.jr{list-style:none;margin:44px 0 0;padding:0;display:grid;gap:0;position:relative}
.jr li{position:relative;padding:0 0 34px 64px}
.jr li::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--ln)}
.jr li:last-child::before{display:none}
.jr .dot{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:12px 22px 22px 12px;display:grid;place-items:center;font-weight:800;background:var(--card);color:var(--tx)}
.jr li:first-child .dot{background:var(--pk-on);color:#fff}
.jr small{display:block;font-weight:700;color:var(--pk-tx);font-size:.9rem;margin-bottom:4px}
.jr h3{font-size:1.45rem;margin:0 0 6px}
.jr p{font-size:.95rem;margin:0 0 10px}
@media(min-width:900px){.jr{grid-template-columns:repeat(4,1fr);gap:28px}.jr li{padding:72px 0 0}.jr li::before{left:56px;right:-28px;top:21px;bottom:auto;width:auto;height:2px}.jr .dot{width:48px;height:48px}}
.sample{display:inline-block;font-size:.78rem;font-weight:600;color:var(--tx3);border:1.5px dashed var(--ln);border-radius:6px;padding:2px 8px;margin-left:8px;vertical-align:middle;letter-spacing:0}
.jg{display:grid;gap:14px;margin-top:36px}
.cexp{margin:72px 0 8px}
.ja{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--card);text-decoration:none}
.ja .th{aspect-ratio:16/10;position:relative;overflow:hidden}
.ja .th svg{position:absolute;height:120%;width:auto;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ja:hover .th svg{transform:scale(1.06) rotate(-4deg)}
.ja.im .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.ja.im:hover .th img{transform:scale(1.04)}
.ja.t1 .th{background:var(--pk)}.ja.t1 .th svg{color:var(--ch);right:-10%;top:-10%}
.ja.t2 .th{background:var(--solid)}.ja.t2 .th svg{color:var(--pk);left:-12%;top:-8%}
.ja.t3 .th{background:#fff}.ja.t3 .th svg{color:var(--ch);right:6%;top:6%;height:88%}
.ja .jt{padding:20px}
.ja small{font-size:.8rem;font-weight:600;color:var(--tx3)}
.ja h3{margin:6px 0 0;font-size:1.2rem}
.jlist{list-style:none;margin:18px 0 0;padding:0}
.jlist a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--ln);text-decoration:none;font-weight:700;letter-spacing:-.01em}
.jlist a small{color:var(--tx3);font-weight:500;flex:none}
.jlist a:hover{color:var(--pk-tx)}
@media(min-width:900px){.jg{grid-template-columns:1.3fr 1fr 1fr;gap:18px}.ja.t1{grid-row:span 2}.ja.t1 .th{aspect-ratio:auto;flex:1}}

/* ============ BÀI VIẾT JOURNAL ============ */
article.art{padding:0 0 80px}
.pol{max-width:760px}.pol h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.04em;margin:8px 0 10px}.pol h2{font-size:1.2rem;margin:34px 0 8px}.pol p,.pol li{color:var(--tx2);line-height:1.7}.pol ul,.pol ol{padding-left:20px}.pol-note{font-size:.88rem;border-radius:var(--r-md);background:var(--card);padding:12px 14px;color:var(--tx2)}.pol-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.pol-biz{margin-top:24px;font-size:.85rem;color:var(--tx3)}
.co .agree{align-items:flex-start;font-size:.9rem;line-height:1.5}.co .agree a{color:inherit;text-decoration:underline}
.art-h{display:grid;gap:24px;align-items:center;margin:8px 0 40px}
.art-h small{display:block;font-weight:700;color:var(--pk-tx);margin-bottom:10px}
.art-h h1{font-size:clamp(2.1rem,5vw,3.6rem);margin:0 0 14px}
.art-h .dek{font-size:1.2rem;color:var(--tx2);margin:0}
.art-cv{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);display:block}
.art-b{max-width:760px;margin:0 auto}
.art-b p{font-size:1.08rem;line-height:1.7;color:var(--tx)}
.art-in p:first-child{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
.art-toc{margin:32px 0 48px;padding:20px 24px;border-radius:var(--r-md);background:var(--card)}
.art-toc b{display:block;margin-bottom:8px}
.art-toc ol{margin:0;padding-left:1.2em;display:grid;gap:6px}
.art-toc a{color:var(--tx2)}.art-toc a:hover{color:var(--pk-tx)}
.art-s{display:grid;gap:22px;margin:0 0 56px;scroll-margin-top:110px}
.art-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);display:block}
.art-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px 22px 22px 12px;background:var(--pk-on);color:#fff;font-weight:800;margin-bottom:12px}
.art-tx h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:0 0 12px}
.art-tip{padding:14px 16px;border-left:3px solid var(--pk);background:var(--card);border-radius:0 10px 10px 0;font-size:1rem!important}
.art-out{margin:8px 0 48px}
.art-ck{padding:28px;border-radius:var(--r-lg);background:var(--solid);color:#fff;margin:0 0 32px}
.art-ck h2{font-size:clamp(1.5rem,3.2vw,2rem);margin:0 0 6px;color:#fff}
.art-ck>p{color:#CFC6CB!important;font-size:.95rem!important;margin:0 0 16px}
.art-ck ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.art-ck label{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.06);cursor:pointer;font-weight:600}
.art-ck input{width:20px;height:20px;accent-color:var(--pk);flex:none}
.art-ck input:checked+span{color:var(--pk-tx);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.4)}
.art-cnt{margin:14px 0 0!important;font-weight:700;color:var(--pk)!important}
.art-cta{display:grid;gap:18px;align-items:center;padding:24px;border-radius:var(--r-lg);background:var(--card);margin:0 0 28px}
.art-cta img{width:100%;max-width:280px;margin:0 auto;display:block}
.art-cta small{font-weight:700;color:var(--pk-tx)}
.art-cta h2{margin:4px 0 8px;font-size:1.8rem}
.art-cta p{font-size:1rem!important;margin:0 0 16px}
.art-sh{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--ln);font-weight:700}
@media(min-width:760px){.art-h{grid-template-columns:1.1fr .9fr;gap:48px}.art-s{grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center}.art-s:nth-of-type(even) .art-img{order:2}.art-cta{grid-template-columns:.8fr 1.2fr;padding:32px}}
/* ============ FAQ / STORY / FINAL ============ */
.faq{display:grid;gap:36px}
details.q{border-bottom:1px solid var(--ln)}
details.q summary{display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-weight:700;font-size:1.08rem;cursor:pointer;list-style:none}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";color:var(--pk);font-size:1.5rem;line-height:1;transition:transform .2s}
details.q[open] summary::after{transform:rotate(45deg)}
details.q>div{padding:0 0 20px;color:var(--tx2)}
details.q>div p{margin:0 0 .8em}
details.q ul,details.q ol{margin:0;padding-left:1.2em;display:grid;gap:6px}
@media(min-width:900px){.faq{grid-template-columns:.8fr 1.2fr;gap:72px}}
.story{display:grid;gap:36px;align-items:center}
.story .art{position:relative;width:min(100%,310px);aspect-ratio:1/1;margin:0 auto;background:none;display:block}
.story .art .bgp{position:absolute;inset:0;width:100%!important;height:100%!important;fill:#3A3A3A}
:root[data-theme="light"] .story .art .bgp{fill:var(--ch)}
.story .art svg:not(.bgp){position:absolute;right:0;top:0;height:100%!important;width:81.48%!important}
.story .art svg{width:100%;height:auto;display:block;color:var(--pk)}
@media(min-width:900px){.story{grid-template-columns:1fr 1fr;gap:80px}}
.final{background:var(--pk);color:var(--ch)}
.final p{color:var(--ch);font-weight:700;font-size:1.17rem}
.final .btn{background:var(--ch);color:#fff}
.final h2{max-width:16ch}

/* ============ BREADCRUMB ============ */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;color:var(--tx3);padding:20px 0 0;margin:0;list-style:none}
.crumb li+li::before{content:"/";margin-right:8px;color:var(--ln)}
.crumb a{text-decoration:none;color:var(--tx2);display:inline-block;padding:4px 0}.crumb a:hover{color:var(--pk-tx)}

/* ============ PRODUCT PAGE ============ */
.pdp{display:grid;gap:28px;padding:16px 0 56px}
.gal{display:grid;gap:12px;min-width:0}
.thumbs{display:none}
.gmain{position:relative;min-width:0}
.gtrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r-lg);-webkit-overflow-scrolling:touch}
.gtrack::-webkit-scrollbar{display:none}
.gtrack>button{flex:0 0 100%;scroll-snap-align:start;border:0;padding:0;background:none;cursor:zoom-in;display:block}
.gdots{display:flex;justify-content:center;gap:0;margin-top:8px}
.gzoom{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;border:0;background:var(--bg);color:var(--tx);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px var(--shade)}
.gzoom svg{width:20px;height:20px}
.pinfo .ln1{display:inline-block;text-decoration:none;font-weight:600;color:var(--tx3);font-size:.9rem;margin-bottom:6px;text-decoration:none}
.pinfo h1{font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:10px}
.pinfo .rate{font-size:.9rem;margin-bottom:14px}
.pinfo .rate button{background:none;border:0;padding:6px 0;color:var(--tx2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:.9rem}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.price b{font-size:1.9rem;font-weight:800;letter-spacing:-.03em}
.price s{color:var(--tx3);font-size:1.05rem}
.price em{font-style:normal;font-size:.82rem;font-weight:700;padding:3px 9px;border-radius:6px 12px 12px 6px;background:var(--pk-on);color:#fff}
.pts{list-style:none;margin:18px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pts li{font-size:.88rem;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--card)}
.upsell{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px var(--ln);margin:0 0 18px;text-decoration:none}
/* Mua kèm (gộp Nâng cấp + Bán chéo) ngay dưới nút mua */
.addon{margin:16px 0 4px;padding:12px 12px 10px;border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px var(--ln)}
.addon-h{margin:0 0 6px 4px;font-weight:800;font-size:.95rem}
.addon ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.addon .ao{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 4px;border-radius:12px;cursor:pointer}
.addon .ao:hover{background:var(--card)}
.addon .ao input{width:20px;height:20px;margin:0;accent-color:var(--pk)}
.addon .ao .sc{width:52px;border-radius:10px}
.ao-t{display:grid;gap:2px;min-width:0}
.ao-t a{color:var(--tx);font-weight:700;font-size:.9rem;line-height:1.3;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ao-t a:hover,.ao-t a:focus-visible{color:var(--pk);text-decoration:underline}
.ao-t small{color:var(--tx3);font-size:.78rem;line-height:1.3}
.ao-p{font-size:.9rem;white-space:nowrap}
.ao-sum{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;padding:10px 4px 0;border-top:1px solid var(--ln)}
.ao-sum span{font-size:.85rem;color:var(--tx2)}.ao-sum b{display:block;font-size:1.1rem;color:var(--tx);letter-spacing:-.02em}
.ao-sum .btn:disabled{opacity:.5;cursor:default}
.upsell .sc{width:64px;border-radius:12px;flex:none}
.upsell div{flex:1;font-size:.9rem;color:var(--tx2);line-height:1.45}
.upsell b{display:block;color:var(--tx);font-size:.98rem}
.upsell:hover{box-shadow:inset 0 0 0 1.5px var(--pk)}
.atc{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:10px}
.qty{display:inline-flex;align-items:center;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--ln);align-self:center}
.qty button{width:40px;height:44px;border:0;background:none;cursor:pointer;font-size:1.15rem;font-weight:700;color:var(--tx)}
.qty span{min-width:22px;text-align:center;font-weight:700}
.atc .qty{height:52px;border-radius:10px 22px 22px 10px}
.pp{display:none}@media(min-width:480px){.pp{display:inline}}
.eta{display:flex;gap:10px;align-items:center;font-size:.9rem;color:var(--tx2);margin:14px 0 4px}
.eta svg{width:18px;height:18px;color:var(--pk);flex:none}
.hint{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:16px;border:0;border-radius:var(--r-pz);background:var(--card);color:var(--tx);font-weight:700;cursor:pointer}
.hint:hover{background:var(--card2)}
.hint svg{width:20px;height:20px;color:var(--pk)}
.pinfo details.q summary{font-size:1rem;padding:18px 0}
.pinfo .accs{margin-top:22px;border-top:1px solid var(--ln)}
.specs{width:100%;border-collapse:collapse;font-size:.92rem}
.specs th,.specs td{text-align:left;padding:8px 0;border-bottom:1px solid var(--ln);vertical-align:top}
.specs th{color:var(--tx3);font-weight:600;width:42%}
.specs td{color:var(--tx)}
@media(min-width:960px){
  .pdp{grid-template-columns:1.12fr .88fr;gap:56px;align-items:start;padding-top:24px}
  .gal{grid-template-columns:80px 1fr;position:sticky;top:calc(var(--hdr) + 24px)}
  .thumbs{display:grid;gap:10px;align-content:start}
  .thumbs button{border:0;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 2px transparent;position:relative;background:none}
  .thumbs button .sc{border-radius:12px}
  .thumbs button::after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s}
  .thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--pk)}
  .gdots{display:none}
}
/* PDP sections */
.feats{display:grid;gap:14px;margin-top:32px}
.feats>div{border-radius:var(--r-lg);background:var(--card);padding:24px}
.feats>div i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px 22px 22px 12px;background:var(--pk);color:var(--ch);font-style:normal;font-weight:800;margin-bottom:16px}
.feats h3{margin:0 0 6px}
.feats p{margin:0;font-size:.95rem}
@media(min-width:900px){.feats{grid-template-columns:repeat(3,1fr);gap:18px}}
.kscroll{isolation:isolate;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 16px;margin-top:28px;scrollbar-width:none}
.kscroll::-webkit-scrollbar{display:none}
.kscroll .pc6{position:relative;left:auto;top:auto;flex:0 0 200px;height:300px;scroll-snap-align:start;transition:transform .25s}
.kscroll .pc6:hover{transform:translateY(-6px) rotate(-1deg)}
.fbt{display:grid;gap:24px;margin-top:28px}
.fbt .items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}
.fbt label{display:block;cursor:pointer;position:relative}
.fbt label .sc{border-radius:var(--r-md)}
.fbt label input{position:absolute;top:10px;left:10px;width:26px;height:26px;accent-color:var(--pk);z-index:2}
.fbt label b{display:block;font-size:.88rem;line-height:1.3;margin-top:8px}
.fbt label b a{color:inherit;text-decoration:none}.fbt label b a:hover,.fbt label b a:focus-visible{color:var(--pk);text-decoration:underline}
.fbt label span{font-size:.85rem;color:var(--tx2)}
.fbt .sum{border-radius:var(--r-lg);background:var(--card);padding:22px;display:grid;gap:12px;align-content:start}
.fbt .sum div{display:flex;justify-content:space-between;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
@media(min-width:900px){.fbt{grid-template-columns:1.6fr 1fr;align-items:center}}
.parts{list-style:none;margin:18px 0;padding:0;display:grid;gap:8px}
.parts a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md);background:var(--card);text-decoration:none}
.parts .sc{width:52px;border-radius:10px;flex:none}
.parts span{flex:1;font-weight:600;font-size:.95rem}
.parts small{color:var(--tx3)}
/* reviews */
.rvw{display:grid;gap:32px;margin-top:32px}
.rsum{border-radius:var(--r-lg);background:var(--card);padding:26px;align-self:start}
.rsum .big{font-size:3.4rem;font-weight:800;letter-spacing:-.05em;line-height:1}
.rsum .stars{font-size:1.2rem;margin:6px 0}
.rsum p{font-size:.9rem;margin:0 0 18px}
.dist{display:grid;gap:6px;margin-bottom:20px}
.dist button{display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:10px;background:none;border:0;padding:3px 0;color:var(--tx2);font-size:.85rem;cursor:pointer;text-align:left}
.dist button[aria-pressed="true"]{color:var(--tx);font-weight:700}
.dist .bar2{height:6px;border-radius:3px;background:var(--bg);overflow:hidden}
.alt .dist .bar2{background:var(--bg2)}
.dist .bar2 i{display:block;height:100%;background:var(--pk);border-radius:3px}
.rlist{display:grid;gap:0}
.rev{padding:22px 0;border-bottom:1px solid var(--ln)}
.rev .top2{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.rev h4{font-size:1.05rem;letter-spacing:-.01em;margin:0 0 6px}
.rev p{margin:0 0 10px;color:var(--tx2)}
.rev .who{font-size:.82rem;color:var(--tx3)}
.rev .who b{color:var(--tx2);font-weight:600}
.rtools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}
.sel{background:var(--card);color:var(--tx);border:1.5px solid var(--ln);border-radius:10px;padding:9px 12px;font:600 .9rem "Be Vietnam Pro",sans-serif}
.rform{display:grid;gap:12px;border-radius:var(--r-lg);background:var(--card);padding:22px;margin-top:10px}
.rform[hidden]{display:none}
.rform label{display:grid;gap:6px;font-size:.88rem;font-weight:600;color:var(--tx2)}
.rform input,.rform textarea,form.co input,form.co textarea{width:100%;background:var(--bg);border:1.5px solid var(--ln);border-radius:10px;padding:12px 14px;color:var(--tx);font:500 1rem "Be Vietnam Pro",sans-serif}
.alt .rform input,.alt .rform textarea{background:var(--bg2)}
.rform textarea{min-height:100px;resize:vertical}
.pick{display:flex;gap:4px}
.pick button{background:none;border:0;padding:2px;font-size:1.7rem;line-height:1;color:var(--ln);cursor:pointer}
.pick button.on{color:var(--pk)}
@media(min-width:900px){.rvw{grid-template-columns:320px 1fr;gap:56px}}
/* collection */
.chero{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--card);padding:36px 24px;margin:18px 0 28px;isolation:isolate}
.chero svg{position:absolute;z-index:-1;height:150%;width:auto;right:-8%;top:-30%;color:var(--card2)}
.chero.pk{background:var(--pk);color:var(--ch)}.chero.pk p{color:var(--ch);font-weight:700;font-size:1.17rem}.chero.pk svg{color:var(--pk-d)}
.chero.dk{background:var(--solid);color:#fff}.chero.dk p{color:#BDBDBD}.chero.dk svg{color:#333}
.chero h1{font-size:clamp(2.2rem,5vw,3.8rem);margin-bottom:12px}
.chero p{margin:0;max-width:46ch}
.ctools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}
.ctools .count{font-size:.9rem;color:var(--tx3)}
.cempty{grid-column:1/-1;border-radius:var(--r-lg);background:var(--card);padding:40px 24px;text-align:center}
.cempty p{margin:0 auto 16px}
.cnote{display:grid;gap:18px;border-radius:var(--r-lg);background:var(--card);padding:28px;margin-top:48px;align-items:center}
.cnote h3{font-size:1.5rem;margin:0 0 6px}
.cnote p{margin:0}
@media(min-width:760px){.chero{padding:56px 48px}.cnote{grid-template-columns:1fr auto;padding:36px 40px}}

/* ============ FOOTER ============ */
footer{background:var(--ink);color:#BDBDBD;padding:64px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:.95rem}
:root[data-theme="light"] footer{background:var(--ch)}
.fg{display:grid;gap:36px}
footer .logo svg{height:36px}
footer p{color:#BDBDBD}
footer h4{color:#fff;font-size:.95rem;letter-spacing:0;margin:0 0 12px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{text-decoration:none;color:#D6D6D6}
footer ul a{display:inline-block;padding:3px 0}
footer a:hover{color:var(--pk)}
footer .soc{display:flex;gap:10px;margin-top:6px}
footer .soc a{width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #4A4A4A;display:grid;place-items:center;color:#fff;transition:color .2s,box-shadow .2s,transform .2s}
footer .soc a:hover{color:var(--pk);box-shadow:inset 0 0 0 1.5px var(--pk);transform:translateY(-2px)}
footer .soc svg{width:20px;height:20px}
.news{display:flex;gap:8px;margin-top:14px;max-width:380px}
.news input{flex:1;min-width:0;background:#2E2E2E;border:1.5px solid #444;border-radius:10px;padding:0 14px;min-height:46px;color:#fff;font:500 .95rem "Be Vietnam Pro",sans-serif}
.news .btn{min-height:46px;font-size:1.1875rem;padding:0 18px}
.news-msg{font-size:.85rem;margin:8px 0 0;min-height:1.2em;color:#D6D6D6}
footer{padding-bottom:104px!important}
.fbiz{margin:36px 0 0;font-size:.8rem;color:#A8A8A8;line-height:1.6}
.fb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:44px;padding-top:24px;border-top:1px solid #3A3A3A;font-size:.85rem;color:#A8A8A8}
.tgl{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid #555;background:none;color:#fff;font-weight:600;font-size:.88rem;cursor:pointer}
.tgl svg{width:16px;height:16px}
@media(max-width:899px){.fg{grid-template-columns:1fr 1fr}.fg>div:first-child{grid-column:1/-1}}
@media(min-width:900px){.fg{grid-template-columns:1.4fr 1fr 1fr 1.2fr 1fr}}

/* ============ STICKY BAR ============ */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--bg);box-shadow:0 -1px 0 var(--ln),0 -10px 24px var(--shade);padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.bar.o{transform:none}
.bar .sc{width:48px;border-radius:10px;flex:none}
.bar .bt{flex:1;min-width:0}
.bar b{display:block;font-size:1rem;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar small{color:var(--tx2);font-size:.82rem}
.bar .btn{min-height:48px;flex:none}
@media(min-width:760px){
  .bar{display:none}body.has-bar{padding-bottom:0}
  body.v-pdp .bar{display:flex;left:auto;right:24px;bottom:24px;width:440px;border-radius:var(--r-lg);padding:12px;box-shadow:0 0 0 1px var(--ln),0 20px 40px var(--shade);transform:translateY(calc(100% + 40px))}
  body.v-pdp .bar.o{transform:none}
}

/* ============ CART ============ */
.cl{flex:1;overflow:auto}
.cln{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--ln)}
.cln .sc{width:76px;flex:none;border-radius:12px}
.cln .li{flex:1;display:flex;flex-direction:column;gap:6px}
.cln .li a{font-weight:700;line-height:1.3;text-decoration:none}
.cln .li span{color:var(--tx2);font-size:.9rem}
.cln .qty button{width:36px;height:36px}
.ship{margin:16px 0;font-size:.9rem;color:var(--tx2)}
.ship b{color:var(--tx)}
.meter{height:6px;border-radius:3px;background:var(--card);margin-top:8px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--pk);border-radius:3px;transition:width .35s}
.tot{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:6px 0 16px}
.empty{padding:40px 0;text-align:center;color:var(--tx2)}
.empty .btn{margin-top:16px}
.xsell{margin:6px 0 16px}
.xsell h4{font-size:.9rem;color:var(--tx3);font-weight:600;letter-spacing:0;margin:0 0 8px}
.xsell div{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md);background:var(--card)}
.xsell .sc{width:52px;border-radius:10px;flex:none}
.xsell span{flex:1;font-size:.9rem;font-weight:600;line-height:1.35}
.xsell small{display:block;color:var(--tx2);font-weight:500}
form.co{display:grid;gap:12px}
form.co label{display:grid;gap:6px;font-size:.88rem;font-weight:600;color:var(--tx2)}
form.co input,form.co textarea{background:var(--card)}
form.co input:focus,form.co textarea:focus,.rform input:focus,.rform textarea:focus{outline:none;border-color:var(--pk)}
form.co textarea{min-height:76px;resize:vertical}
.pay{display:grid;gap:8px;border:0;padding:0;margin:4px 0 0}
.pay legend{font-size:.88rem;font-weight:600;color:var(--tx2);margin-bottom:6px}
.pay label{display:flex!important;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:var(--card);color:var(--tx)!important;font-size:.95rem!important;cursor:pointer}
form.co .pay input{accent-color:var(--pk);width:18px;height:18px;padding:0;flex:none}
.err{color:var(--pk-tx);font-size:.85rem;font-weight:600;min-height:1.2em;margin:0}
.done{text-align:center;padding:24px 0}
.done svg{height:64px;width:auto;margin:0 auto 16px;color:var(--pk)}
.back{background:none;border:0;padding:0;color:var(--tx2);font-weight:600;cursor:pointer;margin-bottom:10px;text-align:left}

/* ============ DIALOGS (age / hint / lightbox) ============ */
.dlg{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:var(--gut)}
.dlg.o{display:grid}
.dlg .bg{position:absolute;inset:0;background:rgba(0,0,0,.7);animation:fd .2s}
.dlg .box{position:relative;max-width:440px;width:100%;background:var(--bg);color:var(--tx);border-radius:var(--r-lg);padding:30px;animation:pop .25s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{from{transform:scale(.96);opacity:0}}
.dlg h3{font-size:1.5rem}
.dlg .ctas{margin-top:20px}
.dlg .x{position:absolute;top:10px;right:10px}
.dlg textarea{width:100%;min-height:110px;background:var(--card);border:1.5px solid var(--ln);border-radius:10px;padding:12px 14px;color:var(--tx);font:500 .95rem/1.5 "Be Vietnam Pro",sans-serif;resize:vertical}
.lb .box{max-width:min(92vw,760px);padding:0;overflow:hidden;background:var(--card2)}
.lb .box .sc{border-radius:0}
.lb .nav2{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:var(--bg);color:var(--tx);font-size:1.5rem;cursor:pointer;box-shadow:0 6px 16px var(--shade)}
.lb .prev{left:12px}.lb .next{right:12px}
.lb .x{background:var(--bg);z-index:2}
.lb .cap{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:.85rem;font-weight:700;color:var(--tx2)}
.toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,calc(100% + 60px));visibility:hidden;background:var(--tx);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:600;font-size:.92rem;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility .3s;max-width:calc(100% - 40px)}
.toast.o{transform:translate(-50%,0);visibility:visible}
body.has-bar .toast{bottom:92px}


/* ============ REVIEW CARE / REPLY ============ */
.rcare{border-radius:var(--r-md);padding:16px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--pk);display:grid;gap:10px}
.alt .rcare{background:var(--bg2)}
.rcare[hidden]{display:none}
.rcare b{font-size:1rem}
.rcare p{margin:0;font-size:.9rem}
.rcare .btn{justify-self:start}
.rnote{font-size:.8rem;color:var(--tx3);margin:0}
.reply{margin-top:12px;padding:12px 14px;border-radius:10px 16px 16px 10px;background:var(--card);font-size:.9rem;color:var(--tx2)}
.reply b{display:flex;align-items:center;gap:6px;color:var(--tx);font-size:.85rem;margin-bottom:4px}
.reply b svg{height:14px;width:auto;color:var(--pk)}
/* ============ ACCOUNT ============ */
.ib .me{position:absolute;right:8px;bottom:8px;width:8px;height:8px;border-radius:50%;background:var(--pk);box-shadow:0 0 0 2px var(--bg)}
.acct .box{max-width:460px;max-height:calc(100vh - 40px);overflow:auto}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--card);margin:6px 0 18px}
.tabs button{min-height:42px;border:0;border-radius:9px;background:none;color:var(--tx2);font-weight:700;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--bg);color:var(--tx);box-shadow:0 1px 4px var(--shade)}
.af{display:grid;gap:12px}
.af label{display:grid;gap:6px;font-size:.88rem;font-weight:600;color:var(--tx2)}
.af label small{font-weight:500;color:var(--tx3)}
.af input[type=text],.af input[type=email],.af input[type=tel],.af input[type=password],.af input[type=date],.af textarea{width:100%;background:var(--card);border:1.5px solid var(--ln);border-radius:10px;padding:12px 14px;color:var(--tx);font:500 1rem "Be Vietnam Pro",sans-serif}
.apanel .af input[type=text],.apanel .af input[type=tel],.apanel .af input[type=date],.apanel .af textarea{background:var(--bg)}
.af input:focus,.af textarea:focus{outline:none;border-color:var(--pk)}
.af .chk{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--tx2);font-size:.86rem;line-height:1.45}
.af .chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--pk);flex:none}
.perks{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.perks li{display:flex;gap:10px;align-items:center;font-size:.92rem;color:var(--tx2)}
.perks li::before{content:"";width:10px;height:10px;border-radius:3px 6px 6px 3px;background:var(--pk);flex:none}
.prev{font-size:.78rem;color:var(--tx3);border:1.5px dashed var(--ln);border-radius:8px;padding:8px 10px;margin:14px 0 0}
.linkbtn{background:none;border:0;padding:4px 0;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-weight:600}
.adash{display:grid;gap:18px;padding:24px 0 72px}
.tier{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:28px;background:var(--solid);color:#fff;isolation:isolate}
.tier svg{position:absolute;z-index:-1;right:-36px;bottom:-60px;height:170px;width:auto;color:#333}
.tier p,.tier .meter{max-width:46ch}
.tier small{font-weight:700;font-size:.9rem}
.tier .pts{color:var(--pk);font-size:3rem;font-weight:800;letter-spacing:-.05em;line-height:1;margin:6px 0 10px}
.tier p{color:#D6D6D6;margin:0 0 14px;font-size:.92rem}
.tier .meter{background:#3A3A3A}.tier .meter i{background:var(--pk)}
.apanel{border-radius:var(--r-lg);background:var(--card);padding:24px}
.apanel h3{font-size:1.25rem;margin:0 0 14px}
.ord{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:14px 0;border-bottom:1px solid var(--ln);font-size:.92rem}
.ord:last-child{border-bottom:0}
.ord b{display:block;font-size:1rem}
.ord span{color:var(--tx2)}
.ord em{font-style:normal;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--bg);align-self:center}
.aempty{color:var(--tx2);margin:0}
@media(min-width:900px){.adash{grid-template-columns:1fr 1fr;align-items:start}.adash .span2{grid-column:1/-1}}

/* ============ LOVE BOX ILLUSTRATIONS (màu theo logo: xám than + hồng) ============ */
.sc.bt{background:transparent}
.wmk{fill:currentColor}
/* bộ bài (dùng đơn vị theo chính lá bài) */
/* túi bí mật */

/* ============ HERO LOVE BOX ============ */
.hero h1 span{white-space:normal}
.hero h1 .pkl{color:var(--pk)}
:root[data-theme="light"] .hero h1 .pkl{color:var(--pk-tx)}
.stage{height:auto}
#heroScene{width:min(84vw,340px)}
.stage .sc{position:relative;width:100%;border-radius:var(--r-lg)}
.load .stage .sc .in{animation:bx .9s cubic-bezier(.2,.9,.25,1.2) both}
@media(min-width:760px){#heroScene{width:min(100%,540px)}}

/* ============ UNBOX ============ */
.ubx{display:grid;gap:22px;margin-top:36px}
.ubx-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ubx-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:10px 12px;border:0;border-radius:var(--r-md);background:var(--card);color:var(--tx2);text-align:left;cursor:pointer;font-weight:700;font-size:.9rem;line-height:1.25;transition:background .2s,color .2s}
.ubx-tabs button small{font-weight:600;color:var(--tx3);font-size:.78rem}
.ubx-tabs button[aria-selected="true"]{background:var(--tx);color:var(--bg)}
.ubx-tabs button[aria-selected="true"] small{color:var(--bg);opacity:.75}
.ubx-body{display:grid;gap:22px;align-items:center}
.ubx-vis .sc{border-radius:var(--r-lg);animation:ubf .45s ease}
@keyframes ubf{from{opacity:.2;transform:scale(.98)}}
.ubx-txt small{display:block;font-weight:700;color:var(--pk-tx);margin-bottom:6px}
.ubx-txt h3{font-size:clamp(1.6rem,3.4vw,2.4rem);margin-bottom:12px}
.ubx-txt ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.ubx-txt li{display:flex;gap:10px;align-items:flex-start;color:var(--tx)}
.ubx-txt li::before{content:"";flex:none;width:12px;height:12px;margin-top:6px;border-radius:3px 7px 7px 3px;background:var(--pk)}
.ubx-txt .ctas{margin-top:6px}
@media(min-width:900px){.ubx-body{grid-template-columns:1fr 1fr;gap:56px}}

/* ============ BA CUNG BẬC ============ */
.lv3{display:grid;gap:14px;margin-top:36px}
.lv3>div{border-radius:var(--r-lg);background:var(--card);padding:28px;display:flex;flex-direction:column;gap:10px;min-height:260px}
.lv3 i{display:flex;gap:5px}.lv3 i s{width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.25}.lv3 i s.o{opacity:1}
.lv3 h3{font-size:2rem;margin:6px 0 0}
.lv3 p{margin:0}
.lv3 q{display:block;quotes:none;margin-top:auto;font-weight:700;font-size:1.17rem;line-height:1.4;padding-top:16px;border-top:1px solid var(--ln)}
.lv3 .l3{background:var(--pk);color:var(--ch)}.lv3 .l3 p,.lv3 .l3 q{color:var(--ch)}.lv3 .l3 p{font-weight:700;font-size:1.17rem}.lv3 .l3 q{border-color:rgba(0,0,0,.2)}
.lv3 .l1 i,.lv3 .l2 i{color:var(--pk)}
@media(min-width:900px){.lv3{grid-template-columns:repeat(3,1fr);gap:18px}}
.how{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:h}
.how li{counter-increment:h;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.how li::before{content:counter(h);width:44px;height:44px;border-radius:12px 22px 22px 12px;display:grid;place-items:center;font-weight:800;background:var(--card);color:var(--tx)}
.how b{display:block;font-size:1.1rem}
.how span{color:var(--tx2);font-size:.95rem}

/* ============ ZALO ============ */
.zalo{opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s,bottom .3s;position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:29;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px 0 12px;border-radius:999px;background:var(--tx);color:var(--bg);font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 8px 24px var(--shade);transition:transform .2s,bottom .3s}
.zalo.on{opacity:1;pointer-events:auto;transform:none}
.zalo{border:0;cursor:pointer;font:inherit;font-weight:700}
.chm,.chl{position:fixed;left:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:31;background:var(--bg);color:var(--tx);border-radius:var(--r-lg);box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 0 1px var(--ln)}
body.has-bar .chm,body.has-bar .chl{bottom:calc(148px + env(safe-area-inset-bottom,0px))}
.chm{width:min(300px,calc(100vw - 32px));padding:10px;animation:chmIn .18s ease both}
@keyframes chmIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.chm-h{margin:6px 10px 6px;font-size:.8rem;color:var(--tx3);font-weight:600}
.chm a,.chm button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:var(--r-md);background:none;color:inherit;text-decoration:none;text-align:left;font:inherit;cursor:pointer;min-height:52px}
.chm a:hover,.chm button:hover,.chm a:focus-visible,.chm button:focus-visible{background:var(--card)}
.chm i{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:var(--card);color:var(--pk)}
.chm i svg{width:20px;height:20px}
.chm .ci-web{background:var(--pk);color:#000}
.chm .ci-zl{font-size:.68rem;font-weight:800;letter-spacing:-.02em;color:var(--tx)}
.chm b{display:block;font-size:.95rem}.chm small{display:block;font-size:.8rem;color:var(--tx3);font-weight:500}
.chl{width:min(360px,calc(100vw - 32px));height:min(520px,calc(100dvh - 180px));display:flex;flex-direction:column;overflow:hidden;animation:chmIn .2s ease both}
.chl[hidden],.chm[hidden]{display:none}
.chl header{display:flex;align-items:center;gap:10px;padding:12px 10px 12px 14px;border-bottom:1px solid var(--ln)}
.chl header div{flex:1}.chl header b{display:block}.chl header small{font-size:.78rem;color:var(--tx3)}
.chl-av{width:36px;height:36px;border-radius:50%;background:var(--ch);display:grid;place-items:center}.chl-av svg{width:16px;height:20px;color:var(--pk)}
.chl-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.chl-log p{margin:0;max-width:85%;padding:9px 12px;border-radius:16px 16px 16px 4px;background:var(--card);font-size:.92rem;line-height:1.45}
.chl-log p.me{align-self:flex-end;border-radius:16px 16px 4px 16px;background:var(--pk);color:#000}
.chl-log p a{color:inherit;font-weight:700}
.chl-q{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none}.chl-q::-webkit-scrollbar{display:none}.chl-q button{flex:none;white-space:nowrap}
.chl-q button{border:1px solid var(--ln);background:none;color:var(--tx);border-radius:999px;padding:7px 12px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;min-height:36px}
.chl-q button:hover{border-color:var(--pk)}
.chl-f{display:flex;gap:8px;padding:10px;border-top:1px solid var(--ln)}
.chl-f input{flex:1;min-width:0;min-height:42px;border-radius:999px;border:1px solid var(--ln);background:var(--card);color:var(--tx);padding:0 14px;font:inherit;font-size:16px}
@media(max-width:759px){.chl{left:8px;right:8px;width:auto}}
.zalo.on:hover{transform:translateY(-2px)}
.zalo svg{width:22px;height:22px;color:var(--pk)}
body.has-bar .zalo{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
@media(max-width:759px){.zalo span{display:none}.zalo{padding:0;width:48px;justify-content:center}}

/* ============ QUÀ TẶNG KHI ĐẶT HÀNG ============ */
.gnote{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--card);font-size:.9rem;line-height:1.5;margin:0 0 14px}.gnote svg{flex:none;width:20px;height:20px;color:var(--pk);margin-top:1px}
.gline{display:flex;justify-content:space-between;gap:10px;color:var(--pk-tx);font-weight:600}
.cl+.ship~.gline,#cartPanel>.gline{padding:10px 0;border-top:1px dashed var(--ln)}
.giftf{display:grid;gap:12px;padding:14px;border-radius:10px;background:var(--card)}
.giftf[hidden]{display:none}
.giftf label{color:var(--tx2)}
.giftf input,.giftf textarea{background:var(--bg)!important}
form.co .chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:600;color:var(--tx)!important;cursor:pointer}
form.co .chk input{width:18px!important;height:18px;margin-top:2px;accent-color:var(--pk);flex:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
:root{--tx-shred:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Crect width='100%25' height='100%25' fill='%23F25AA0'/%3E%3Cg fill='none' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28.6 65.3 L31.2 67.4 L30.9 70.7 L30.6 74.1 L33.3 76.2' stroke='%23DC3A86'/%3E%3Cpath d='M8.5 2.8 L6.3 3.4 L3.2 2.6 L1.5 4.2 L0.6 7.2' stroke='%23E8448F'/%3E%3Cpath d='M8.5 122.8 L6.3 123.4 L3.2 122.6 L1.5 124.2 L0.6 127.2' stroke='%23E8448F'/%3E%3Cpath d='M128.5 2.8 L126.3 3.4 L123.2 2.6 L121.5 4.2 L120.6 7.2' stroke='%23E8448F'/%3E%3Cpath d='M128.5 122.8 L126.3 123.4 L123.2 122.6 L121.5 124.2 L120.6 127.2' stroke='%23E8448F'/%3E%3Cpath d='M24.5 86.2 L22.0 88.8 L20.8 91.5 L22.6 94.6 L23.0 97.5' stroke='%23F36FAD'/%3E%3Cpath d='M76.9 18.2 L73.8 20.6 L73.6 24.3 L73.8 28.3 L71.1 30.9' stroke='%23DC3A86'/%3E%3Cpath d='M46.0 0.9 L44.5 2.4 L44.4 5.4 L42.7 6.6 L39.7 6.2' stroke='%23DC3A86'/%3E%3Cpath d='M46.0 120.9 L44.5 122.4 L44.4 125.4 L42.7 126.6 L39.7 126.2' stroke='%23DC3A86'/%3E%3Cpath d='M4.3 92.3 L3.4 95.2 L2.0 97.3 L-1.0 96.8 L-3.5 97.1' stroke='%23DC3A86'/%3E%3Cpath d='M124.3 92.3 L123.4 95.2 L122.0 97.3 L119.0 96.8 L116.5 97.1' stroke='%23DC3A86'/%3E%3Cpath d='M85.9 -14.8 L85.2 -10.8 L82.1 -8.7 L78.3 -7.1 L77.0 -3.6' stroke='%23F36FAD'/%3E%3Cpath d='M85.9 105.2 L85.2 109.2 L82.1 111.3 L78.3 112.9 L77.0 116.4' stroke='%23F36FAD'/%3E%3Cpath d='M87.5 70.3 L85.5 70.7 L83.2 68.6 L81.2 68.7 L79.5 71.2' stroke='%23F9A6CD'/%3E%3Cpath d='M12.7 15.1 L14.4 18.8 L16.4 22.2 L20.4 23.1 L24.1 24.4' stroke='%23F36FAD'/%3E%3Cpath d='M12.7 135.1 L14.4 138.8 L16.4 142.2 L20.4 143.1 L24.1 144.4' stroke='%23F36FAD'/%3E%3Cpath d='M132.7 15.1 L134.4 18.8 L136.4 22.2 L140.4 23.1 L144.1 24.4' stroke='%23F36FAD'/%3E%3Cpath d='M132.7 135.1 L134.4 138.8 L136.4 142.2 L140.4 143.1 L144.1 144.4' stroke='%23F36FAD'/%3E%3Cpath d='M94.1 102.5 L92.9 106.3 L94.5 109.4 L97.4 112.2 L97.4 115.7' stroke='%23DC3A86'/%3E%3Cpath d='M41.3 70.0 L39.9 73.3 L41.1 77.3 L40.6 80.9 L37.5 83.7' stroke='%23F684BC'/%3E%3Cpath d='M101.4 -1.9 L101.7 0.7 L102.0 3.3 L99.6 4.3 L97.1 5.2' stroke='%23F9A6CD'/%3E%3Cpath d='M101.4 118.1 L101.7 120.7 L102.0 123.3 L99.6 124.3 L97.1 125.2' stroke='%23F9A6CD'/%3E%3Cpath d='M-5.1 -11.6 L-3.6 -8.0 L-4.8 -5.0 L-7.6 -2.4 L-7.8 0.8' stroke='%23E8448F'/%3E%3Cpath d='M-5.1 108.4 L-3.6 112.0 L-4.8 115.0 L-7.6 117.6 L-7.8 120.8' stroke='%23E8448F'/%3E%3Cpath d='M114.9 -11.6 L116.4 -8.0 L115.2 -5.0 L112.4 -2.4 L112.2 0.8' stroke='%23E8448F'/%3E%3Cpath d='M114.9 108.4 L116.4 112.0 L115.2 115.0 L112.4 117.6 L112.2 120.8' stroke='%23E8448F'/%3E%3Cpath d='M76.5 -1.9 L78.4 -0.9 L78.1 2.0 L78.9 4.0 L81.8 4.1' stroke='%23F36FAD'/%3E%3Cpath d='M76.5 118.1 L78.4 119.1 L78.1 122.0 L78.9 124.0 L81.8 124.1' stroke='%23F36FAD'/%3E%3Cpath d='M102.9 -2.7 L105.8 -0.5 L108.5 2.1 L112.1 1.7 L115.8 0.9' stroke='%23F36FAD'/%3E%3Cpath d='M102.9 117.3 L105.8 119.5 L108.5 122.1 L112.1 121.7 L115.8 120.9' stroke='%23F36FAD'/%3E%3Cpath d='M-11.3 2.2 L-13.0 5.2 L-12.2 7.7 L-9.4 9.7 L-9.0 12.2' stroke='%23F684BC'/%3E%3Cpath d='M-11.3 122.2 L-13.0 125.2 L-12.2 127.7 L-9.4 129.7 L-9.0 132.2' stroke='%23F684BC'/%3E%3Cpath d='M108.7 2.2 L107.0 5.2 L107.8 7.7 L110.6 9.7 L111.0 12.2' stroke='%23F684BC'/%3E%3Cpath d='M108.7 122.2 L107.0 125.2 L107.8 127.7 L110.6 129.7 L111.0 132.2' stroke='%23F684BC'/%3E%3Cpath d='M5.2 74.2 L8.2 75.7 L11.7 74.2 L15.0 73.6 L17.9 76.0' stroke='%23F9A6CD'/%3E%3Cpath d='M125.2 74.2 L128.2 75.7 L131.7 74.2 L135.0 73.6 L137.9 76.0' stroke='%23F9A6CD'/%3E%3Cpath d='M64.9 -8.4 L67.2 -7.4 L70.1 -6.9 L70.7 -4.5 L70.6 -1.6' stroke='%23F684BC'/%3E%3Cpath d='M64.9 111.6 L67.2 112.6 L70.1 113.1 L70.7 115.5 L70.6 118.4' stroke='%23F684BC'/%3E%3Cpath d='M36.0 8.9 L37.6 11.3 L37.2 13.1 L34.5 14.1 L33.8 15.8' stroke='%23E8448F'/%3E%3Cpath d='M36.0 128.9 L37.6 131.3 L37.2 133.1 L34.5 134.1 L33.8 135.8' stroke='%23E8448F'/%3E%3Cpath d='M-3.3 34.8 L-0.1 36.2 L0.6 39.8 L1.8 43.0 L5.2 44.0' stroke='%23F9A6CD'/%3E%3Cpath d='M116.7 34.8 L119.9 36.2 L120.6 39.8 L121.8 43.0 L125.2 44.0' stroke='%23F9A6CD'/%3E%3Cpath d='M38.1 -3.6 L35.5 -3.5 L32.4 -4.8 L30.3 -3.2 L28.6 -0.4' stroke='%23F36FAD'/%3E%3Cpath d='M38.1 116.4 L35.5 116.5 L32.4 115.2 L30.3 116.8 L28.6 119.6' stroke='%23F36FAD'/%3E%3Cpath d='M-15.1 47.6 L-18.8 46.8 L-21.8 47.7 L-23.8 51.0 L-26.4 52.6' stroke='%23F684BC'/%3E%3Cpath d='M104.9 47.6 L101.2 46.8 L98.2 47.7 L96.2 51.0 L93.6 52.6' stroke='%23F684BC'/%3E%3Cpath d='M74.4 -7.1 L72.8 -4.5 L74.3 -1.9 L75.8 0.7 L74.1 3.3' stroke='%23E8448F'/%3E%3Cpath d='M74.4 112.9 L72.8 115.5 L74.3 118.1 L75.8 120.7 L74.1 123.3' stroke='%23E8448F'/%3E%3Cpath d='M-8.6 53.4 L-6.6 54.8 L-3.4 55.0 L-2.2 57.0 L-2.1 60.3' stroke='%23F9A6CD'/%3E%3Cpath d='M111.4 53.4 L113.4 54.8 L116.6 55.0 L117.8 57.0 L117.9 60.3' stroke='%23F9A6CD'/%3E%3Cpath d='M-0.0 49.5 L1.6 51.7 L1.9 53.7 L-0.6 54.9 L-1.8 56.4' stroke='%23DC3A86'/%3E%3Cpath d='M120.0 49.5 L121.6 51.7 L121.9 53.7 L119.4 54.9 L118.2 56.4' stroke='%23DC3A86'/%3E%3Cpath d='M70.5 15.9 L71.2 18.8 L68.9 20.5 L66.3 22.0 L66.6 24.7' stroke='%23F9A6CD'/%3E%3Cpath d='M82.5 43.0 L80.4 45.5 L76.6 46.7 L74.8 49.4 L74.7 53.3' stroke='%23F684BC'/%3E%3Cpath d='M70.8 -6.9 L73.2 -4.8 L75.6 -3.6 L78.2 -5.4 L80.8 -6.3' stroke='%23F36FAD'/%3E%3Cpath d='M70.8 113.1 L73.2 115.2 L75.6 116.4 L78.2 114.6 L80.8 113.7' stroke='%23F36FAD'/%3E%3Cpath d='M36.1 71.8 L36.8 74.6 L39.2 74.8 L42.1 74.2 L43.3 76.3' stroke='%23F9A6CD'/%3E%3Cpath d='M100.6 30.9 L99.0 32.0 L98.8 35.0 L97.4 36.3 L94.4 35.7' stroke='%23F684BC'/%3E%3Cpath d='M-4.1 83.5 L-0.8 82.9 L2.2 82.8 L4.0 85.6 L6.0 87.9' stroke='%23F9A6CD'/%3E%3Cpath d='M115.9 83.5 L119.2 82.9 L122.2 82.8 L124.0 85.6 L126.0 87.9' stroke='%23F9A6CD'/%3E%3Cpath d='M28.0 22.6 L30.7 25.3 L30.5 28.5 L29.1 32.0 L30.6 34.9' stroke='%23F684BC'/%3E%3Cpath d='M72.8 -5.6 L72.1 -3.5 L69.0 -2.8 L67.5 -1.2 L68.3 1.9' stroke='%23E8448F'/%3E%3Cpath d='M72.8 114.4 L72.1 116.5 L69.0 117.2 L67.5 118.8 L68.3 121.9' stroke='%23E8448F'/%3E%3Cpath d='M10.6 87.8 L11.8 90.9 L13.1 93.9 L16.3 94.5 L19.5 95.1' stroke='%23F9A6CD'/%3E%3Cpath d='M130.6 87.8 L131.8 90.9 L133.1 93.9 L136.3 94.5 L139.5 95.1' stroke='%23F9A6CD'/%3E%3Cpath d='M27.8 14.6 L25.4 16.5 L25.8 18.7 L27.8 21.0 L27.0 23.1' stroke='%23DC3A86'/%3E%3Cpath d='M21.6 32.9 L18.7 34.0 L17.4 37.5 L15.4 39.8 L11.6 39.8' stroke='%23DC3A86'/%3E%3Cpath d='M40.2 16.5 L43.3 18.3 L46.8 19.9 L47.7 23.4 L48.3 27.1' stroke='%23F9A6CD'/%3E%3Cpath d='M55.0 76.7 L58.5 77.6 L60.1 80.0 L60.1 83.7 L62.0 85.9' stroke='%23F684BC'/%3E%3Cpath d='M-9.5 18.2 L-5.9 17.2 L-2.3 19.3 L1.4 20.4 L5.0 18.4' stroke='%23DC3A86'/%3E%3Cpath d='M110.5 18.2 L114.1 17.2 L117.7 19.3 L121.4 20.4 L125.0 18.4' stroke='%23DC3A86'/%3E%3Cpath d='M-1.3 53.6 L-5.1 53.1 L-8.9 51.7 L-12.3 53.4 L-15.6 55.9' stroke='%23E8448F'/%3E%3Cpath d='M118.7 53.6 L114.9 53.1 L111.1 51.7 L107.7 53.4 L104.4 55.9' stroke='%23E8448F'/%3E%3Cpath d='M4.7 55.7 L0.8 56.3 L-1.6 58.5 L-2.3 62.4 L-4.6 64.7' stroke='%23F9A6CD'/%3E%3Cpath d='M124.7 55.7 L120.8 56.3 L118.4 58.5 L117.7 62.4 L115.4 64.7' stroke='%23F9A6CD'/%3E%3Cpath d='M65.2 -13.5 L61.5 -13.2 L59.1 -10.1 L56.5 -7.4 L52.6 -7.6' stroke='%23F9A6CD'/%3E%3Cpath d='M65.2 106.5 L61.5 106.8 L59.1 109.9 L56.5 112.6 L52.6 112.4' stroke='%23F9A6CD'/%3E%3Cpath d='M14.2 30.8 L17.7 30.3 L21.2 28.6 L24.5 29.8 L27.6 32.3' stroke='%23DC3A86'/%3E%3Cpath d='M134.2 30.8 L137.7 30.3 L141.2 28.6 L144.5 29.8 L147.6 32.3' stroke='%23DC3A86'/%3E%3Cpath d='M-9.5 -13.7 L-11.6 -10.7 L-14.2 -9.4 L-17.7 -10.6 L-20.6 -10.1' stroke='%23F684BC'/%3E%3Cpath d='M-9.5 106.3 L-11.6 109.3 L-14.2 110.6 L-17.7 109.4 L-20.6 109.9' stroke='%23F684BC'/%3E%3Cpath d='M110.5 -13.7 L108.4 -10.7 L105.8 -9.4 L102.3 -10.6 L99.4 -10.1' stroke='%23F684BC'/%3E%3Cpath d='M110.5 106.3 L108.4 109.3 L105.8 110.6 L102.3 109.4 L99.4 109.9' stroke='%23F684BC'/%3E%3Cpath d='M57.8 14.5 L59.3 16.7 L57.6 19.0 L56.1 21.2 L57.7 23.4' stroke='%23F684BC'/%3E%3Cpath d='M63.3 51.0 L60.2 51.0 L56.9 49.4 L54.1 50.5 L51.6 53.3' stroke='%23F9A6CD'/%3E%3Cpath d='M16.5 -3.2 L13.9 -0.1 L12.8 3.1 L14.5 6.8 L14.7 10.2' stroke='%23F684BC'/%3E%3Cpath d='M16.5 116.8 L13.9 119.9 L12.8 123.1 L14.5 126.8 L14.7 130.2' stroke='%23F684BC'/%3E%3Cpath d='M136.5 -3.2 L133.9 -0.1 L132.8 3.1 L134.5 6.8 L134.7 10.2' stroke='%23F684BC'/%3E%3Cpath d='M136.5 116.8 L133.9 119.9 L132.8 123.1 L134.5 126.8 L134.7 130.2' stroke='%23F684BC'/%3E%3Cpath d='M42.4 23.7 L40.3 26.9 L41.3 30.4 L42.7 33.9 L40.9 37.2' stroke='%23E8448F'/%3E%3Cpath d='M28.3 31.7 L26.5 32.6 L25.4 35.4 L23.4 35.8 L20.8 34.4' stroke='%23F684BC'/%3E%3Cpath d='M57.0 69.0 L60.0 71.5 L62.0 74.2 L61.0 78.0 L61.1 81.4' stroke='%23E8448F'/%3E%3Cpath d='M31.8 63.4 L34.4 65.5 L33.9 68.4 L32.7 71.5 L34.4 73.8' stroke='%23F684BC'/%3E%3Cpath d='M103.0 92.0 L104.8 92.1 L106.3 94.6 L108.2 95.0 L110.3 93.0' stroke='%23F36FAD'/%3E%3Cpath d='M-2.6 101.0 L-0.5 103.5 L1.8 105.5 L5.0 104.5 L8.0 104.0' stroke='%23F9A6CD'/%3E%3Cpath d='M117.4 101.0 L119.5 103.5 L121.8 105.5 L125.0 104.5 L128.0 104.0' stroke='%23F9A6CD'/%3E%3Cpath d='M19.4 8.4 L18.4 11.5 L20.0 13.6 L22.9 15.2 L23.0 17.9' stroke='%23F9A6CD'/%3E%3Cpath d='M19.4 128.4 L18.4 131.5 L20.0 133.6 L22.9 135.2 L23.0 137.9' stroke='%23F9A6CD'/%3E%3Cpath d='M42.5 23.4 L43.2 25.3 L46.1 25.9 L47.5 27.4 L46.6 30.3' stroke='%23DC3A86'/%3E%3Cpath d='M-0.5 85.5 L-1.9 88.5 L-3.2 91.5 L-6.5 91.9 L-9.8 92.4' stroke='%23F684BC'/%3E%3Cpath d='M119.5 85.5 L118.1 88.5 L116.8 91.5 L113.5 91.9 L110.2 92.4' stroke='%23F684BC'/%3E%3Cpath d='M44.3 71.9 L43.7 75.2 L41.4 76.3 L38.1 76.2 L36.5 78.2' stroke='%23F684BC'/%3E%3Cpath d='M75.4 51.5 L77.1 53.8 L76.2 57.1 L76.6 59.9 L79.7 61.6' stroke='%23F9A6CD'/%3E%3Cpath d='M52.0 83.1 L50.9 85.5 L49.4 87.9 L51.1 90.0 L53.1 92.0' stroke='%23DC3A86'/%3E%3Cpath d='M33.0 71.6 L29.9 71.1 L28.2 72.5 L27.8 75.6 L25.8 76.7' stroke='%23E8448F'/%3E%3Cpath d='M-14.9 -7.4 L-14.5 -3.8 L-11.2 -1.3 L-8.9 1.6 L-9.5 5.7' stroke='%23F9A6CD'/%3E%3Cpath d='M-14.9 112.6 L-14.5 116.2 L-11.2 118.7 L-8.9 121.6 L-9.5 125.7' stroke='%23F9A6CD'/%3E%3Cpath d='M105.1 -7.4 L105.5 -3.8 L108.8 -1.3 L111.1 1.6 L110.5 5.7' stroke='%23F9A6CD'/%3E%3Cpath d='M105.1 112.6 L105.5 116.2 L108.8 118.7 L111.1 121.6 L110.5 125.7' stroke='%23F9A6CD'/%3E%3Cpath d='M14.3 81.3 L11.3 83.1 L8.6 85.6 L5.2 85.1 L1.7 83.8' stroke='%23DC3A86'/%3E%3Cpath d='M134.3 81.3 L131.3 83.1 L128.6 85.6 L125.2 85.1 L121.7 83.8' stroke='%23DC3A86'/%3E%3Cpath d='M94.2 79.3 L94.0 83.0 L92.1 85.2 L88.5 85.8 L86.5 87.9' stroke='%23F684BC'/%3E%3Cpath d='M97.7 86.0 L99.1 88.1 L97.5 90.4 L96.4 92.8 L98.4 94.8' stroke='%23F36FAD'/%3E%3Cpath d='M5.8 9.6 L8.8 11.5 L11.5 14.6 L15.2 14.8 L19.1 13.9' stroke='%23E8448F'/%3E%3Cpath d='M5.8 129.6 L8.8 131.5 L11.5 134.6 L15.2 134.8 L19.1 133.9' stroke='%23E8448F'/%3E%3Cpath d='M125.8 9.6 L128.8 11.5 L131.5 14.6 L135.2 14.8 L139.1 13.9' stroke='%23E8448F'/%3E%3Cpath d='M125.8 129.6 L128.8 131.5 L131.5 134.6 L135.2 134.8 L139.1 133.9' stroke='%23E8448F'/%3E%3Cpath d='M98.9 42.2 L96.3 41.0 L94.5 41.4 L93.9 44.2 L92.5 45.4' stroke='%23F684BC'/%3E%3Cpath d='M80.8 100.3 L77.7 99.2 L75.1 101.3 L72.4 103.2 L69.3 102.0' stroke='%23F684BC'/%3E%3Cpath d='M3.0 92.0 L3.4 95.2 L5.5 98.5 L4.8 101.7 L2.5 104.8' stroke='%23F684BC'/%3E%3Cpath d='M123.0 92.0 L123.4 95.2 L125.5 98.5 L124.8 101.7 L122.5 104.8' stroke='%23F684BC'/%3E%3Cpath d='M65.1 11.8 L66.8 14.9 L67.0 17.8 L64.4 20.3 L63.2 23.0' stroke='%23DC3A86'/%3E%3Cpath d='M65.1 131.8 L66.8 134.9 L67.0 137.8 L64.4 140.3 L63.2 143.0' stroke='%23DC3A86'/%3E%3Cpath d='M21.6 9.1 L18.6 10.9 L15.6 9.5 L12.5 7.7 L9.5 9.2' stroke='%23F36FAD'/%3E%3Cpath d='M21.6 129.1 L18.6 130.9 L15.6 129.5 L12.5 127.7 L9.5 129.2' stroke='%23F36FAD'/%3E%3Cpath d='M75.1 90.0 L75.7 92.4 L74.4 95.5 L75.4 97.8 L78.4 99.4' stroke='%23F36FAD'/%3E%3Cpath d='M-7.2 68.3 L-9.9 66.6 L-12.5 65.8 L-14.8 68.1 L-17.1 69.4' stroke='%23E8448F'/%3E%3Cpath d='M112.8 68.3 L110.1 66.6 L107.5 65.8 L105.2 68.1 L102.9 69.4' stroke='%23E8448F'/%3E%3Cpath d='M-2.9 49.8 L-5.8 49.9 L-6.4 52.2 L-6.5 55.1 L-8.8 55.7' stroke='%23DC3A86'/%3E%3Cpath d='M117.1 49.8 L114.2 49.9 L113.6 52.2 L113.5 55.1 L111.2 55.7' stroke='%23DC3A86'/%3E%3Cpath d='M89.7 80.8 L89.4 83.5 L91.5 86.3 L91.5 89.1 L89.0 91.7' stroke='%23F36FAD'/%3E%3Cpath d='M-12.8 19.4 L-9.1 18.6 L-5.6 18.3 L-3.1 21.1 L-0.4 23.3' stroke='%23DC3A86'/%3E%3Cpath d='M107.2 19.4 L110.9 18.6 L114.4 18.3 L116.9 21.1 L119.6 23.3' stroke='%23DC3A86'/%3E%3Cpath d='M-6.2 69.8 L-7.1 72.6 L-9.3 72.7 L-12.0 71.7 L-13.5 73.3' stroke='%23E8448F'/%3E%3Cpath d='M113.8 69.8 L112.9 72.6 L110.7 72.7 L108.0 71.7 L106.5 73.3' stroke='%23E8448F'/%3E%3Cpath d='M17.8 62.8 L14.5 63.9 L10.6 62.4 L7.2 62.7 L4.3 65.6' stroke='%23DC3A86'/%3E%3Cpath d='M-4.3 36.5 L-7.2 37.5 L-10.0 38.7 L-10.2 41.7 L-10.5 44.7' stroke='%23DC3A86'/%3E%3Cpath d='M115.7 36.5 L112.8 37.5 L110.0 38.7 L109.8 41.7 L109.5 44.7' stroke='%23DC3A86'/%3E%3Cpath d='M70.7 31.4 L70.7 34.3 L72.4 35.0 L75.2 34.4 L76.2 36.0' stroke='%23F36FAD'/%3E%3Cpath d='M95.8 23.9 L94.6 25.9 L96.2 28.6 L96.4 30.9 L93.8 32.6' stroke='%23F36FAD'/%3E%3Cpath d='M92.9 15.6 L90.2 17.1 L87.5 19.0 L84.8 17.6 L82.0 15.9' stroke='%23DC3A86'/%3E%3Cpath d='M24.4 68.7 L22.2 71.8 L19.2 72.5 L15.6 71.2 L12.7 72.4' stroke='%23F684BC'/%3E%3Cpath d='M58.0 86.9 L56.1 89.0 L52.9 88.2 L50.2 88.5 L48.8 91.4' stroke='%23F684BC'/%3E%3Cpath d='M57.1 26.4 L58.7 29.4 L59.8 33.0 L62.9 34.3 L66.6 35.0' stroke='%23F684BC'/%3E%3Cpath d='M-4.1 101.6 L-4.2 104.7 L-2.7 106.2 L0.4 106.1 L2.0 107.5' stroke='%23F9A6CD'/%3E%3Cpath d='M115.9 101.6 L115.8 104.7 L117.3 106.2 L120.4 106.1 L122.0 107.5' stroke='%23F9A6CD'/%3E%3Cpath d='M16.3 74.5 L14.2 75.4 L14.8 77.9 L15.0 80.1 L12.4 80.7' stroke='%23F9A6CD'/%3E%3Cpath d='M19.6 6.6 L21.7 7.0 L24.4 6.3 L25.6 8.1 L26.0 10.9' stroke='%23F684BC'/%3E%3Cpath d='M19.6 126.6 L21.7 127.0 L24.4 126.3 L25.6 128.1 L26.0 130.9' stroke='%23F684BC'/%3E%3Cpath d='M13.8 30.4 L12.6 33.1 L11.0 33.9 L8.6 32.3 L6.8 32.4' stroke='%23F36FAD'/%3E%3Cpath d='M69.6 81.0 L72.1 79.5 L74.5 81.2 L76.9 82.8 L79.3 81.2' stroke='%23F36FAD'/%3E%3Cpath d='M46.8 10.0 L44.9 12.6 L41.5 14.6 L40.6 17.7 L41.1 21.6' stroke='%23F36FAD'/%3E%3Cpath d='M46.8 130.0 L44.9 132.6 L41.5 134.6 L40.6 137.7 L41.1 141.6' stroke='%23F36FAD'/%3E%3Cpath d='M47.4 64.0 L48.8 66.8 L50.7 68.3 L53.6 67.2 L56.0 67.4' stroke='%23F36FAD'/%3E%3Cpath d='M13.6 106.6 L11.2 105.5 L9.7 107.4 L8.4 109.6 L6.1 108.8' stroke='%23F9A6CD'/%3E%3Cpath d='M80.2 44.4 L80.9 47.4 L83.6 50.1 L83.8 53.2 L82.1 56.6' stroke='%23F9A6CD'/%3E%3Cpath d='M11.5 -5.9 L14.7 -4.4 L17.0 -2.4 L16.6 1.1 L17.1 4.1' stroke='%23DC3A86'/%3E%3Cpath d='M11.5 114.1 L14.7 115.6 L17.0 117.6 L16.6 121.1 L17.1 124.1' stroke='%23DC3A86'/%3E%3Cpath d='M131.5 -5.9 L134.7 -4.4 L137.0 -2.4 L136.6 1.1 L137.1 4.1' stroke='%23DC3A86'/%3E%3Cpath d='M131.5 114.1 L134.7 115.6 L137.0 117.6 L136.6 121.1 L137.1 124.1' stroke='%23DC3A86'/%3E%3Cpath d='M13.2 59.4 L16.4 61.4 L16.8 64.8 L16.5 68.5 L19.0 70.8' stroke='%23DC3A86'/%3E%3Cpath d='M133.2 59.4 L136.4 61.4 L136.8 64.8 L136.5 68.5 L139.0 70.8' stroke='%23DC3A86'/%3E%3Cpath d='M89.9 78.2 L88.6 79.8 L85.5 79.8 L84.1 81.3 L84.5 84.4' stroke='%23F9A6CD'/%3E%3Cpath d='M-12.6 77.2 L-10.0 80.3 L-7.1 82.8 L-3.1 82.4 L0.8 82.6' stroke='%23E8448F'/%3E%3Cpath d='M107.4 77.2 L110.0 80.3 L112.9 82.8 L116.9 82.4 L120.8 82.6' stroke='%23E8448F'/%3E%3Cpath d='M-9.0 77.7 L-12.0 79.0 L-12.4 81.7 L-11.7 85.0 L-13.7 86.9' stroke='%23F9A6CD'/%3E%3Cpath d='M111.0 77.7 L108.0 79.0 L107.6 81.7 L108.3 85.0 L106.3 86.9' stroke='%23F9A6CD'/%3E%3Cpath d='M76.9 55.4 L77.8 57.4 L80.8 57.9 L82.3 59.4 L81.6 62.4' stroke='%23F684BC'/%3E%3Cpath d='M11.3 21.5 L12.5 24.6 L13.5 27.7 L11.3 30.3 L9.4 32.9' stroke='%23F36FAD'/%3E%3Cpath d='M131.3 21.5 L132.5 24.6 L133.5 27.7 L131.3 30.3 L129.4 32.9' stroke='%23F36FAD'/%3E%3Cpath d='M42.4 32.2 L45.7 34.7 L46.4 38.1 L45.6 42.2 L47.4 45.2' stroke='%23F684BC'/%3E%3Cpath d='M58.0 33.0 L57.0 35.6 L53.6 36.7 L51.5 38.6 L51.6 42.1' stroke='%23F9A6CD'/%3E%3Cpath d='M-5.7 55.1 L-8.1 55.0 L-10.6 54.6 L-11.4 56.9 L-11.9 59.4' stroke='%23F36FAD'/%3E%3Cpath d='M114.3 55.1 L111.9 55.0 L109.4 54.6 L108.6 56.9 L108.1 59.4' stroke='%23F36FAD'/%3E%3Cpath d='M102.4 12.8 L102.0 15.7 L103.5 17.0 L106.4 17.0 L107.5 18.7' stroke='%23F684BC'/%3E%3Cpath d='M67.5 -10.3 L70.2 -8.3 L73.8 -9.1 L77.1 -9.0 L79.3 -6.0' stroke='%23DC3A86'/%3E%3Cpath d='M67.5 109.7 L70.2 111.7 L73.8 110.9 L77.1 111.0 L79.3 114.0' stroke='%23DC3A86'/%3E%3Cpath d='M49.1 87.9 L47.1 90.7 L45.4 94.1 L42.0 94.8 L38.3 95.0' stroke='%23DC3A86'/%3E%3Cpath d='M72.3 102.2 L71.3 105.7 L69.1 107.4 L65.4 107.3 L63.1 108.9' stroke='%23E8448F'/%3E%3Cpath d='M68.4 24.0 L71.7 25.5 L72.7 29.2 L74.1 32.4 L77.8 33.4' stroke='%23F684BC'/%3E%3Cpath d='M102.5 53.0 L102.6 56.4 L101.6 60.3 L103.4 63.3 L106.4 65.9' stroke='%23F9A6CD'/%3E%3Cpath d='M67.5 70.5 L64.0 73.0 L62.1 76.2 L62.6 80.5 L61.5 84.0' stroke='%23F9A6CD'/%3E%3Cpath d='M107.5 80.2 L109.5 81.9 L111.7 80.4 L114.0 79.1 L116.0 81.0' stroke='%23F684BC'/%3E%3Cpath d='M12.0 91.7 L13.9 92.7 L16.9 92.5 L18.1 94.3 L18.2 97.4' stroke='%23F36FAD'/%3E%3Cpath d='M23.0 95.0 L27.0 95.4 L30.1 96.9 L31.4 100.7 L33.6 103.3' stroke='%23F36FAD'/%3E%3Cpath d='M13.3 33.9 L13.8 36.6 L11.6 37.7 L9.1 38.7 L9.4 41.2' stroke='%23F36FAD'/%3E%3Cpath d='M95.3 73.6 L97.7 74.2 L99.8 76.8 L102.2 76.9 L105.0 75.1' stroke='%23E8448F'/%3E%3Cpath d='M60.8 58.3 L63.1 60.5 L65.5 61.6 L68.0 59.7 L70.5 58.9' stroke='%23F9A6CD'/%3E%3Cpath d='M-15.4 83.0 L-13.0 86.2 L-9.4 86.5 L-5.4 86.2 L-2.7 88.7' stroke='%23DC3A86'/%3E%3Cpath d='M104.6 83.0 L107.0 86.2 L110.6 86.5 L114.6 86.2 L117.3 88.7' stroke='%23DC3A86'/%3E%3Cpath d='M92.8 5.1 L96.4 6.1 L100.6 4.9 L104.2 5.8 L107.2 8.9' stroke='%23E8448F'/%3E%3Cpath d='M92.8 125.1 L96.4 126.1 L100.6 124.9 L104.2 125.8 L107.2 128.9' stroke='%23E8448F'/%3E%3Cpath d='M-9.7 103.7 L-7.2 106.5 L-5.4 109.5 L-6.6 113.0 L-7.2 116.5' stroke='%23F36FAD'/%3E%3Cpath d='M110.3 103.7 L112.8 106.5 L114.6 109.5 L113.4 113.0 L112.8 116.5' stroke='%23F36FAD'/%3E%3Cpath d='M37.3 94.6 L40.3 97.3 L40.4 100.9 L39.4 104.7 L41.3 107.8' stroke='%23E8448F'/%3E%3Cpath d='M47.2 55.9 L50.6 56.3 L53.5 59.2 L56.8 60.3 L60.7 58.8' stroke='%23E8448F'/%3E%3Cpath d='M79.5 36.4 L78.2 39.8 L77.1 43.2 L79.1 46.3 L81.0 49.4' stroke='%23F36FAD'/%3E%3Cpath d='M52.7 53.9 L54.7 56.3 L57.0 56.0 L59.5 54.1 L61.7 54.9' stroke='%23F9A6CD'/%3E%3Cpath d='M53.0 43.6 L53.5 47.3 L56.7 50.2 L58.4 53.5 L57.5 57.7' stroke='%23E8448F'/%3E%3Cpath d='M30.3 42.9 L28.4 45.5 L26.7 48.3 L23.5 48.2 L20.2 47.9' stroke='%23E8448F'/%3E%3Cpath d='M24.2 20.8 L26.9 22.1 L27.3 24.2 L25.8 26.8 L26.7 28.7' stroke='%23F684BC'/%3E%3Cpath d='M17.2 72.9 L18.6 74.9 L16.9 77.3 L16.4 79.6 L18.8 81.3' stroke='%23F684BC'/%3E%3Cpath d='M48.5 36.6 L51.6 38.1 L54.5 40.3 L57.8 39.5 L61.2 37.9' stroke='%23E8448F'/%3E%3Cpath d='M48.5 46.4 L52.0 49.0 L55.6 49.3 L59.5 47.4 L63.2 47.7' stroke='%23E8448F'/%3E%3Cpath d='M28.8 46.9 L30.1 49.3 L33.2 49.1 L35.9 49.5 L36.8 52.4' stroke='%23F684BC'/%3E%3Cpath d='M41.3 16.3 L44.6 16.0 L48.1 14.4 L51.1 15.9 L54.0 18.4' stroke='%23F9A6CD'/%3E%3Cpath d='M-3.0 -8.0 L-4.6 -4.0 L-7.2 -1.4 L-11.5 -0.9 L-14.6 1.1' stroke='%23F36FAD'/%3E%3Cpath d='M-3.0 112.0 L-4.6 116.0 L-7.2 118.6 L-11.5 119.1 L-14.6 121.1' stroke='%23F36FAD'/%3E%3Cpath d='M117.0 -8.0 L115.4 -4.0 L112.8 -1.4 L108.5 -0.9 L105.4 1.1' stroke='%23F36FAD'/%3E%3Cpath d='M117.0 112.0 L115.4 116.0 L112.8 118.6 L108.5 119.1 L105.4 121.1' stroke='%23F36FAD'/%3E%3Cpath d='M30.0 32.0 L28.4 34.9 L24.9 35.1 L21.6 35.5 L20.0 38.6' stroke='%23F9A6CD'/%3E%3Cpath d='M39.4 6.5 L39.2 8.5 L37.5 10.9 L38.5 12.6 L41.0 14.1' stroke='%23DC3A86'/%3E%3Cpath d='M39.4 126.5 L39.2 128.5 L37.5 130.9 L38.5 132.6 L41.0 134.1' stroke='%23DC3A86'/%3E%3Cpath d='M0.8 2.3 L2.2 4.9 L4.1 6.2 L6.7 4.7 L8.9 4.6' stroke='%23F684BC'/%3E%3Cpath d='M0.8 122.3 L2.2 124.9 L4.1 126.2 L6.7 124.7 L8.9 124.6' stroke='%23F684BC'/%3E%3Cpath d='M120.8 2.3 L122.2 4.9 L124.1 6.2 L126.7 4.7 L128.9 4.6' stroke='%23F684BC'/%3E%3Cpath d='M120.8 122.3 L122.2 124.9 L124.1 126.2 L126.7 124.7 L128.9 124.6' stroke='%23F684BC'/%3E%3Cpath d='M58.0 22.7 L56.2 25.1 L57.5 27.5 L59.2 30.0 L57.6 32.3' stroke='%23F36FAD'/%3E%3Cpath d='M39.7 58.0 L41.3 60.6 L44.7 62.3 L45.8 65.2 L45.2 69.0' stroke='%23F36FAD'/%3E%3Cpath d='M36.3 71.3 L34.8 73.7 L33.0 75.0 L30.8 73.3 L28.7 72.6' stroke='%23F9A6CD'/%3E%3Cpath d='M21.7 49.6 L23.6 52.4 L22.3 55.3 L20.3 58.1 L21.5 60.9' stroke='%23DC3A86'/%3E%3Cpath d='M82.2 -9.5 L85.0 -7.9 L86.5 -4.3 L89.3 -2.6 L93.2 -2.8' stroke='%23F36FAD'/%3E%3Cpath d='M82.2 110.5 L85.0 112.1 L86.5 115.7 L89.3 117.4 L93.2 117.2' stroke='%23F36FAD'/%3E%3Cpath d='M100.7 67.9 L97.8 66.7 L95.1 66.1 L93.1 68.5 L91.0 70.3' stroke='%23F36FAD'/%3E%3Cpath d='M53.1 53.7 L50.0 54.4 L49.3 56.9 L49.5 60.1 L47.3 61.5' stroke='%23E8448F'/%3E%3Cpath d='M60.6 89.4 L57.5 89.9 L55.0 92.9 L52.1 94.1 L48.5 92.7' stroke='%23F36FAD'/%3E%3Cpath d='M4.0 19.5 L2.8 23.1 L1.4 26.5 L-2.2 27.7 L-5.6 29.0' stroke='%23F684BC'/%3E%3Cpath d='M124.0 19.5 L122.8 23.1 L121.4 26.5 L117.8 27.7 L114.4 29.0' stroke='%23F684BC'/%3E%3Cpath d='M90.8 82.0 L93.6 80.6 L95.5 81.9 L97.0 84.6 L99.3 84.7' stroke='%23F684BC'/%3E%3Cpath d='M-13.8 -15.4 L-12.6 -12.1 L-14.2 -8.2 L-14.3 -4.6 L-11.6 -1.5' stroke='%23F9A6CD'/%3E%3Cpath d='M-13.8 104.6 L-12.6 107.9 L-14.2 111.8 L-14.3 115.4 L-11.6 118.5' stroke='%23F9A6CD'/%3E%3Cpath d='M106.2 -15.4 L107.4 -12.1 L105.8 -8.2 L105.7 -4.6 L108.4 -1.5' stroke='%23F9A6CD'/%3E%3Cpath d='M106.2 104.6 L107.4 107.9 L105.8 111.8 L105.7 115.4 L108.4 118.5' stroke='%23F9A6CD'/%3E%3Cpath d='M0.5 -1.1 L2.4 2.0 L4.2 5.3 L7.7 6.0 L11.4 6.5' stroke='%23F684BC'/%3E%3Cpath d='M0.5 118.9 L2.4 122.0 L4.2 125.3 L7.7 126.0 L11.4 126.5' stroke='%23F684BC'/%3E%3Cpath d='M120.5 -1.1 L122.4 2.0 L124.2 5.3 L127.7 6.0 L131.4 6.5' stroke='%23F684BC'/%3E%3Cpath d='M120.5 118.9 L122.4 122.0 L124.2 125.3 L127.7 126.0 L131.4 126.5' stroke='%23F684BC'/%3E%3Cpath d='M41.6 37.2 L39.9 40.9 L40.7 44.2 L43.5 47.2 L43.7 50.6' stroke='%23E8448F'/%3E%3Cpath d='M28.6 6.3 L30.9 8.6 L34.5 8.2 L37.7 8.7 L39.4 12.0' stroke='%23DC3A86'/%3E%3Cpath d='M28.6 126.3 L30.9 128.6 L34.5 128.2 L37.7 128.7 L39.4 132.0' stroke='%23DC3A86'/%3E%3Cpath d='M-3.0 14.4 L-0.7 15.4 L2.1 15.9 L2.5 18.4 L2.4 21.2' stroke='%23DC3A86'/%3E%3Cpath d='M117.0 14.4 L119.3 15.4 L122.1 15.9 L122.5 18.4 L122.4 21.2' stroke='%23DC3A86'/%3E%3Cpath d='M61.5 59.5 L59.9 62.4 L57.6 63.1 L54.7 61.6 L52.4 62.3' stroke='%23DC3A86'/%3E%3Cpath d='M94.2 56.2 L94.6 58.4 L92.2 59.4 L90.3 60.6 L91.4 63.0' stroke='%23F684BC'/%3E%3Cpath d='M72.2 101.6 L75.4 103.7 L78.2 106.8 L82.0 107.0 L86.1 106.2' stroke='%23F9A6CD'/%3E%3Cpath d='M11.1 54.8 L12.3 58.8 L14.7 61.2 L18.7 61.7 L21.5 63.6' stroke='%23DC3A86'/%3E%3Cpath d='M131.1 54.8 L132.3 58.8 L134.7 61.2 L138.7 61.7 L141.5 63.6' stroke='%23DC3A86'/%3E%3Cpath d='M13.0 58.2 L10.1 60.2 L10.0 63.8 L9.7 67.2 L6.6 69.1' stroke='%23F36FAD'/%3E%3Cpath d='M133.0 58.2 L130.1 60.2 L130.0 63.8 L129.7 67.2 L126.6 69.1' stroke='%23F36FAD'/%3E%3Cpath d='M71.9 54.8 L75.3 55.4 L79.3 54.5 L82.3 56.3 L84.8 59.5' stroke='%23DC3A86'/%3E%3Cpath d='M52.7 46.8 L55.2 45.5 L57.0 45.5 L57.9 48.2 L59.3 49.4' stroke='%23F9A6CD'/%3E%3Cpath d='M87.2 9.3 L90.0 10.9 L90.0 14.0 L89.7 17.2 L92.3 18.9' stroke='%23F684BC'/%3E%3Cpath d='M87.2 129.3 L90.0 130.9 L90.0 134.0 L89.7 137.2 L92.3 138.9' stroke='%23F684BC'/%3E%3Cpath d='M-8.0 81.8 L-6.9 85.0 L-7.6 88.9 L-5.9 91.8 L-2.5 93.9' stroke='%23F684BC'/%3E%3Cpath d='M112.0 81.8 L113.1 85.0 L112.4 88.9 L114.1 91.8 L117.5 93.9' stroke='%23F684BC'/%3E%3Cpath d='M74.0 25.0 L73.9 29.3 L74.8 33.1 L78.3 35.5 L80.8 38.4' stroke='%23F9A6CD'/%3E%3Cpath d='M28.6 52.4 L28.9 55.5 L31.5 56.3 L34.5 56.7 L35.3 59.3' stroke='%23E8448F'/%3E%3Cpath d='M87.1 103.8 L84.1 104.0 L81.3 106.3 L78.3 106.5 L75.2 104.3' stroke='%23DC3A86'/%3E%3Cpath d='M101.4 45.4 L105.0 45.5 L108.1 46.2 L109.5 49.5 L111.3 52.2' stroke='%23F36FAD'/%3E%3Cpath d='M57.6 93.0 L60.6 96.0 L60.8 99.8 L59.9 104.0 L61.9 107.3' stroke='%23F684BC'/%3E%3Cpath d='M35.6 -8.7 L37.4 -7.9 L37.8 -5.0 L39.2 -3.6 L42.1 -4.5' stroke='%23E8448F'/%3E%3Cpath d='M35.6 111.3 L37.4 112.1 L37.8 115.0 L39.2 116.4 L42.1 115.5' stroke='%23E8448F'/%3E%3Cpath d='M36.8 63.0 L34.4 63.9 L32.3 65.0 L33.1 67.4 L33.7 69.6' stroke='%23E8448F'/%3E%3Cpath d='M33.8 51.5 L33.4 55.4 L35.5 58.0 L38.9 59.8 L39.8 63.0' stroke='%23F9A6CD'/%3E%3Cpath d='M16.9 52.6 L14.2 52.7 L12.3 55.5 L10.0 56.9 L6.8 55.5' stroke='%23E8448F'/%3E%3Cpath d='M17.1 90.6 L16.1 94.5 L15.3 98.5 L11.9 100.6 L8.4 102.6' stroke='%23F9A6CD'/%3E%3Cpath d='M137.1 90.6 L136.1 94.5 L135.3 98.5 L131.9 100.6 L128.4 102.6' stroke='%23F9A6CD'/%3E%3Cpath d='M-7.0 50.8 L-9.3 53.5 L-12.0 53.7 L-15.1 52.0 L-17.6 52.9' stroke='%23DC3A86'/%3E%3Cpath d='M113.0 50.8 L110.7 53.5 L108.0 53.7 L104.9 52.0 L102.4 52.9' stroke='%23DC3A86'/%3E%3C/g%3E%3C/svg%3E");--tx-tissue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Crect width='100%25' height='100%25' fill='%23171717'/%3E%3Cg fill='none' stroke-width='.8' stroke-linecap='round'%3E%3Cpath d='M55.6 44.8 L63.3 46.6 L69.8 51.4 L76.2 56.2 L84.0 58.0' stroke='%23262626'/%3E%3Cpath d='M41.9 56.1 L39.7 60.8 L36.0 65.0 L34.8 70.1 L35.2 75.7' stroke='%23262626'/%3E%3Cpath d='M-32.4 21.8 L-40.9 21.1 L-49.1 21.7 L-56.9 25.2 L-64.9 27.3' stroke='%23111'/%3E%3Cpath d='M-32.4 141.8 L-40.9 141.1 L-49.1 141.7 L-56.9 145.2 L-64.9 147.3' stroke='%23111'/%3E%3Cpath d='M87.6 21.8 L79.1 21.1 L70.9 21.7 L63.1 25.2 L55.1 27.3' stroke='%23111'/%3E%3Cpath d='M87.6 141.8 L79.1 141.1 L70.9 141.7 L63.1 145.2 L55.1 147.3' stroke='%23111'/%3E%3Cpath d='M18.9 28.3 L24.0 32.1 L30.1 32.9 L36.4 33.2 L41.6 36.6' stroke='%23262626'/%3E%3Cpath d='M138.9 28.3 L144.0 32.1 L150.1 32.9 L156.4 33.2 L161.6 36.6' stroke='%23262626'/%3E%3Cpath d='M92.0 45.2 L89.4 48.2 L88.2 52.6 L85.2 55.4 L80.8 56.7' stroke='%232C2C2C'/%3E%3Cpath d='M23.7 25.7 L18.5 32.1 L12.9 37.8 L5.3 41.0 L-1.6 44.9' stroke='%232C2C2C'/%3E%3Cpath d='M23.7 145.7 L18.5 152.1 L12.9 157.8 L5.3 161.0 L-1.6 164.9' stroke='%232C2C2C'/%3E%3Cpath d='M143.7 25.7 L138.5 32.1 L132.9 37.8 L125.3 41.0 L118.4 44.9' stroke='%232C2C2C'/%3E%3Cpath d='M143.7 145.7 L138.5 152.1 L132.9 157.8 L125.3 161.0 L118.4 164.9' stroke='%232C2C2C'/%3E%3Cpath d='M-11.0 47.8 L-7.5 50.1 L-6.7 53.9 L-6.7 58.1 L-3.9 60.8' stroke='%23262626'/%3E%3Cpath d='M109.0 47.8 L112.5 50.1 L113.3 53.9 L113.3 58.1 L116.1 60.8' stroke='%23262626'/%3E%3Cpath d='M-13.5 6.2 L-11.1 11.7 L-11.0 18.0 L-8.9 23.6 L-4.6 28.3' stroke='%23262626'/%3E%3Cpath d='M-13.5 126.2 L-11.1 131.7 L-11.0 138.0 L-8.9 143.6 L-4.6 148.3' stroke='%23262626'/%3E%3Cpath d='M106.5 6.2 L108.9 11.7 L109.0 18.0 L111.1 23.6 L115.4 28.3' stroke='%23262626'/%3E%3Cpath d='M106.5 126.2 L108.9 131.7 L109.0 138.0 L111.1 143.6 L115.4 148.3' stroke='%23262626'/%3E%3Cpath d='M29.1 -30.2 L20.9 -28.1 L12.8 -25.5 L6.3 -20.1 L-0.6 -15.2' stroke='%23262626'/%3E%3Cpath d='M29.1 89.8 L20.9 91.9 L12.8 94.5 L6.3 99.9 L-0.6 104.8' stroke='%23262626'/%3E%3Cpath d='M149.1 -30.2 L140.9 -28.1 L132.8 -25.5 L126.3 -20.1 L119.4 -15.2' stroke='%23262626'/%3E%3Cpath d='M149.1 89.8 L140.9 91.9 L132.8 94.5 L126.3 99.9 L119.4 104.8' stroke='%23262626'/%3E%3Cpath d='M14.8 70.1 L9.8 69.5 L5.8 71.7 L2.2 75.2 L-2.3 75.9' stroke='%23262626'/%3E%3Cpath d='M134.8 70.1 L129.8 69.5 L125.8 71.7 L122.2 75.2 L117.7 75.9' stroke='%23262626'/%3E%3Cpath d='M-13.1 15.1 L-19.0 16.2 L-24.3 19.9 L-30.0 21.9 L-36.3 21.3' stroke='%23111'/%3E%3Cpath d='M-13.1 135.1 L-19.0 136.2 L-24.3 139.9 L-30.0 141.9 L-36.3 141.3' stroke='%23111'/%3E%3Cpath d='M106.9 15.1 L101.0 16.2 L95.7 19.9 L90.0 21.9 L83.7 21.3' stroke='%23111'/%3E%3Cpath d='M106.9 135.1 L101.0 136.2 L95.7 139.9 L90.0 141.9 L83.7 141.3' stroke='%23111'/%3E%3Cpath d='M64.2 25.3 L68.9 24.7 L73.6 24.1 L77.6 26.7 L81.6 29.2' stroke='%23262626'/%3E%3Cpath d='M83.9 16.6 L77.4 20.1 L70.3 20.9 L62.9 20.1 L56.1 22.0' stroke='%23262626'/%3E%3Cpath d='M83.9 136.6 L77.4 140.1 L70.3 140.9 L62.9 140.1 L56.1 142.0' stroke='%23262626'/%3E%3Cpath d='M7.1 66.8 L6.5 71.1 L3.1 74.4 L1.0 78.2 L1.6 82.9' stroke='%232C2C2C'/%3E%3Cpath d='M127.1 66.8 L126.5 71.1 L123.1 74.4 L121.0 78.2 L121.6 82.9' stroke='%232C2C2C'/%3E%3Cpath d='M-31.4 67.5 L-23.8 69.7 L-16.1 72.3 L-8.2 71.8 L-0.2 70.8' stroke='%23111'/%3E%3Cpath d='M88.6 67.5 L96.2 69.7 L103.9 72.3 L111.8 71.8 L119.8 70.8' stroke='%23111'/%3E%3Cpath d='M-4.9 28.8 L-8.3 31.5 L-9.4 35.0 L-8.5 39.3 L-10.0 42.7' stroke='%232C2C2C'/%3E%3Cpath d='M115.1 28.8 L111.7 31.5 L110.6 35.0 L111.5 39.3 L110.0 42.7' stroke='%232C2C2C'/%3E%3Cpath d='M-19.0 62.6 L-21.4 69.1 L-20.9 76.3 L-21.3 83.3 L-24.6 89.7' stroke='%232C2C2C'/%3E%3Cpath d='M101.0 62.6 L98.6 69.1 L99.1 76.3 L98.7 83.3 L95.4 89.7' stroke='%232C2C2C'/%3E%3Cpath d='M11.8 -13.6 L14.7 -9.9 L18.3 -6.5 L19.2 -1.9 L19.2 3.0' stroke='%230E0E0E'/%3E%3Cpath d='M11.8 106.4 L14.7 110.1 L18.3 113.5 L19.2 118.1 L19.2 123.0' stroke='%230E0E0E'/%3E%3Cpath d='M131.8 -13.6 L134.7 -9.9 L138.3 -6.5 L139.2 -1.9 L139.2 3.0' stroke='%230E0E0E'/%3E%3Cpath d='M131.8 106.4 L134.7 110.1 L138.3 113.5 L139.2 118.1 L139.2 123.0' stroke='%230E0E0E'/%3E%3Cpath d='M-1.7 70.1 L5.9 68.3 L13.4 68.6 L20.7 71.3 L28.2 71.8' stroke='%232C2C2C'/%3E%3Cpath d='M118.3 70.1 L125.9 68.3 L133.4 68.6 L140.7 71.3 L148.2 71.8' stroke='%232C2C2C'/%3E%3Cpath d='M0.2 13.2 L4.8 15.3 L7.3 19.8 L10.2 23.9 L15.1 25.6' stroke='%23262626'/%3E%3Cpath d='M0.2 133.2 L4.8 135.3 L7.3 139.8 L10.2 143.9 L15.1 145.6' stroke='%23262626'/%3E%3Cpath d='M120.2 13.2 L124.8 15.3 L127.3 19.8 L130.2 23.9 L135.1 25.6' stroke='%23262626'/%3E%3Cpath d='M120.2 133.2 L124.8 135.3 L127.3 139.8 L130.2 143.9 L135.1 145.6' stroke='%23262626'/%3E%3Cpath d='M38.3 34.3 L37.3 38.0 L35.0 41.6 L35.6 45.5 L37.5 49.3' stroke='%23111'/%3E%3Cpath d='M-25.0 -23.1 L-27.1 -16.0 L-27.5 -9.0 L-25.2 -2.0 L-24.8 5.1' stroke='%230E0E0E'/%3E%3Cpath d='M-25.0 96.9 L-27.1 104.0 L-27.5 111.0 L-25.2 118.0 L-24.8 125.1' stroke='%230E0E0E'/%3E%3Cpath d='M95.0 -23.1 L92.9 -16.0 L92.5 -9.0 L94.8 -2.0 L95.2 5.1' stroke='%230E0E0E'/%3E%3Cpath d='M95.0 96.9 L92.9 104.0 L92.5 111.0 L94.8 118.0 L95.2 125.1' stroke='%230E0E0E'/%3E%3Cpath d='M67.9 7.9 L64.7 10.8 L64.4 15.1 L64.0 19.3 L60.8 22.2' stroke='%23111'/%3E%3Cpath d='M67.9 127.9 L64.7 130.8 L64.4 135.1 L64.0 139.3 L60.8 142.2' stroke='%23111'/%3E%3Cpath d='M59.9 -5.6 L59.6 -1.3 L60.9 3.2 L59.6 7.2 L56.7 10.9' stroke='%232C2C2C'/%3E%3Cpath d='M59.9 114.4 L59.6 118.7 L60.9 123.2 L59.6 127.2 L56.7 130.9' stroke='%232C2C2C'/%3E%3Cpath d='M19.5 -17.8 L23.6 -16.6 L26.7 -14.3 L27.8 -10.1 L29.8 -6.9' stroke='%230E0E0E'/%3E%3Cpath d='M19.5 102.2 L23.6 103.4 L26.7 105.7 L27.8 109.9 L29.8 113.1' stroke='%230E0E0E'/%3E%3Cpath d='M31.5 19.9 L36.1 19.8 L39.5 22.7 L42.8 25.9 L47.3 26.1' stroke='%23262626'/%3E%3Cpath d='M31.5 139.9 L36.1 139.8 L39.5 142.7 L42.8 145.9 L47.3 146.1' stroke='%23262626'/%3E%3Cpath d='M8.5 24.6 L10.5 30.8 L10.6 37.8 L13.1 43.9 L17.4 49.3' stroke='%232C2C2C'/%3E%3Cpath d='M8.5 144.6 L10.5 150.8 L10.6 157.8 L13.1 163.9 L17.4 169.3' stroke='%232C2C2C'/%3E%3Cpath d='M128.5 24.6 L130.5 30.8 L130.6 37.8 L133.1 43.9 L137.4 49.3' stroke='%232C2C2C'/%3E%3Cpath d='M128.5 144.6 L130.5 150.8 L130.6 157.8 L133.1 163.9 L137.4 169.3' stroke='%232C2C2C'/%3E%3Cpath d='M35.4 56.7 L39.2 64.4 L43.7 71.4 L50.6 76.5 L56.7 82.2' stroke='%232C2C2C'/%3E%3Cpath d='M155.4 56.7 L159.2 64.4 L163.7 71.4 L170.6 76.5 L176.7 82.2' stroke='%232C2C2C'/%3E%3Cpath d='M83.9 7.8 L83.1 15.0 L85.2 21.8 L88.2 28.4 L88.2 35.6' stroke='%23111'/%3E%3Cpath d='M83.9 127.8 L83.1 135.0 L85.2 141.8 L88.2 148.4 L88.2 155.6' stroke='%23111'/%3E%3Cpath d='M69.7 95.8 L67.2 100.0 L66.7 105.3 L64.4 109.6 L60.1 112.8' stroke='%23111'/%3E%3Cpath d='M40.7 -8.2 L44.7 -6.2 L48.4 -3.9 L49.7 0.4 L51.3 4.5' stroke='%23262626'/%3E%3Cpath d='M40.7 111.8 L44.7 113.8 L48.4 116.1 L49.7 120.4 L51.3 124.5' stroke='%23262626'/%3E%3Cpath d='M19.2 94.2 L16.0 98.0 L11.6 99.2 L6.6 99.2 L2.9 101.9' stroke='%23111'/%3E%3Cpath d='M139.2 94.2 L136.0 98.0 L131.6 99.2 L126.6 99.2 L122.9 101.9' stroke='%23111'/%3E%3Cpath d='M55.6 66.8 L57.6 70.8 L57.0 75.6 L58.1 79.9 L61.7 83.2' stroke='%23111'/%3E%3Cpath d='M71.5 29.9 L77.8 32.9 L84.0 35.9 L91.0 35.7 L97.9 35.5' stroke='%23111'/%3E%3Cpath d='M71.5 149.9 L77.8 152.9 L84.0 155.9 L91.0 155.7 L97.9 155.5' stroke='%23111'/%3E%3Cpath d='M66.2 62.9 L63.0 70.7 L62.6 78.7 L63.9 87.0 L62.4 94.9' stroke='%23262626'/%3E%3Cpath d='M-14.8 68.2 L-18.7 68.0 L-22.2 70.6 L-25.9 71.9 L-29.9 70.3' stroke='%230E0E0E'/%3E%3Cpath d='M105.2 68.2 L101.3 68.0 L97.8 70.6 L94.1 71.9 L90.1 70.3' stroke='%230E0E0E'/%3E%3Cpath d='M85.2 11.5 L82.9 16.9 L81.0 22.7 L76.5 26.5 L71.7 30.1' stroke='%23111'/%3E%3Cpath d='M85.2 131.5 L82.9 136.9 L81.0 142.7 L76.5 146.5 L71.7 150.1' stroke='%23111'/%3E%3Cpath d='M-14.2 86.8 L-14.2 91.0 L-16.4 94.0 L-20.2 95.9 L-22.0 99.1' stroke='%230E0E0E'/%3E%3Cpath d='M105.8 86.8 L105.8 91.0 L103.6 94.0 L99.8 95.9 L98.0 99.1' stroke='%230E0E0E'/%3E%3Cpath d='M-14.3 28.1 L-19.8 32.8 L-27.0 34.9 L-33.6 37.8 L-38.6 43.2' stroke='%23111'/%3E%3Cpath d='M-14.3 148.1 L-19.8 152.8 L-27.0 154.9 L-33.6 157.8 L-38.6 163.2' stroke='%23111'/%3E%3Cpath d='M105.7 28.1 L100.2 32.8 L93.0 34.9 L86.4 37.8 L81.4 43.2' stroke='%23111'/%3E%3Cpath d='M105.7 148.1 L100.2 152.8 L93.0 154.9 L86.4 157.8 L81.4 163.2' stroke='%23111'/%3E%3Cpath d='M-13.4 4.8 L-16.5 10.7 L-20.3 16.4 L-21.2 23.0 L-21.3 29.8' stroke='%23111'/%3E%3Cpath d='M-13.4 124.8 L-16.5 130.7 L-20.3 136.4 L-21.2 143.0 L-21.3 149.8' stroke='%23111'/%3E%3Cpath d='M106.6 4.8 L103.5 10.7 L99.7 16.4 L98.8 23.0 L98.7 29.8' stroke='%23111'/%3E%3Cpath d='M106.6 124.8 L103.5 130.7 L99.7 136.4 L98.8 143.0 L98.7 149.8' stroke='%23111'/%3E%3Cpath d='M49.5 7.3 L53.6 12.8 L59.0 16.6 L65.7 18.4 L71.1 21.9' stroke='%230E0E0E'/%3E%3Cpath d='M49.5 127.3 L53.6 132.8 L59.0 136.6 L65.7 138.4 L71.1 141.9' stroke='%230E0E0E'/%3E%3Cpath d='M9.9 3.5 L6.3 8.7 L5.6 15.2 L4.5 21.5 L0.4 26.5' stroke='%23111'/%3E%3Cpath d='M9.9 123.5 L6.3 128.7 L5.6 135.2 L4.5 141.5 L0.4 146.5' stroke='%23111'/%3E%3Cpath d='M129.9 3.5 L126.3 8.7 L125.6 15.2 L124.5 21.5 L120.4 26.5' stroke='%23111'/%3E%3Cpath d='M129.9 123.5 L126.3 128.7 L125.6 135.2 L124.5 141.5 L120.4 146.5' stroke='%23111'/%3E%3Cpath d='M1.8 -26.2 L6.3 -20.2 L11.8 -14.8 L14.7 -8.0 L16.6 -0.5' stroke='%23262626'/%3E%3Cpath d='M1.8 93.8 L6.3 99.8 L11.8 105.2 L14.7 112.0 L16.6 119.5' stroke='%23262626'/%3E%3Cpath d='M121.8 -26.2 L126.3 -20.2 L131.8 -14.8 L134.7 -8.0 L136.6 -0.5' stroke='%23262626'/%3E%3Cpath d='M121.8 93.8 L126.3 99.8 L131.8 105.2 L134.7 112.0 L136.6 119.5' stroke='%23262626'/%3E%3Cpath d='M55.1 55.1 L60.9 55.5 L66.0 57.6 L69.8 62.0 L74.5 64.8' stroke='%23111'/%3E%3Cpath d='M-20.0 12.7 L-16.5 16.2 L-15.8 21.0 L-15.1 25.9 L-11.5 29.3' stroke='%230E0E0E'/%3E%3Cpath d='M-20.0 132.7 L-16.5 136.2 L-15.8 141.0 L-15.1 145.9 L-11.5 149.3' stroke='%230E0E0E'/%3E%3Cpath d='M100.0 12.7 L103.5 16.2 L104.2 21.0 L104.9 25.9 L108.5 29.3' stroke='%230E0E0E'/%3E%3Cpath d='M100.0 132.7 L103.5 136.2 L104.2 141.0 L104.9 145.9 L108.5 149.3' stroke='%230E0E0E'/%3E%3Cpath d='M23.5 25.3 L27.2 27.1 L30.3 30.6 L34.3 31.5 L38.9 30.8' stroke='%23262626'/%3E%3Cpath d='M46.1 88.8 L44.6 95.1 L44.5 101.2 L47.3 107.1 L48.6 113.1' stroke='%232C2C2C'/%3E%3Cpath d='M-15.1 9.5 L-7.8 11.5 L-0.5 10.2 L6.9 8.5 L14.2 10.1' stroke='%230E0E0E'/%3E%3Cpath d='M-15.1 129.5 L-7.8 131.5 L-0.5 130.2 L6.9 128.5 L14.2 130.1' stroke='%230E0E0E'/%3E%3Cpath d='M104.9 9.5 L112.2 11.5 L119.5 10.2 L126.9 8.5 L134.2 10.1' stroke='%230E0E0E'/%3E%3Cpath d='M104.9 129.5 L112.2 131.5 L119.5 130.2 L126.9 128.5 L134.2 130.1' stroke='%230E0E0E'/%3E%3Cpath d='M0.7 30.0 L-1.9 37.9 L-2.6 46.4 L-5.7 54.2 L-10.6 61.2' stroke='%23111'/%3E%3Cpath d='M0.7 150.0 L-1.9 157.9 L-2.6 166.4 L-5.7 174.2 L-10.6 181.2' stroke='%23111'/%3E%3Cpath d='M120.7 30.0 L118.1 37.9 L117.4 46.4 L114.3 54.2 L109.4 61.2' stroke='%23111'/%3E%3Cpath d='M120.7 150.0 L118.1 157.9 L117.4 166.4 L114.3 174.2 L109.4 181.2' stroke='%23111'/%3E%3Cpath d='M6.3 28.8 L1.3 33.5 L-4.0 37.4 L-10.8 38.5 L-17.1 40.5' stroke='%230E0E0E'/%3E%3Cpath d='M6.3 148.8 L1.3 153.5 L-4.0 157.4 L-10.8 158.5 L-17.1 160.5' stroke='%230E0E0E'/%3E%3Cpath d='M126.3 28.8 L121.3 33.5 L116.0 37.4 L109.2 38.5 L102.9 40.5' stroke='%230E0E0E'/%3E%3Cpath d='M126.3 148.8 L121.3 153.5 L116.0 157.4 L109.2 158.5 L102.9 160.5' stroke='%230E0E0E'/%3E%3Cpath d='M76.5 82.1 L80.7 81.8 L83.6 84.4 L86.2 87.6 L90.0 88.1' stroke='%230E0E0E'/%3E%3Cpath d='M-2.6 -24.6 L-10.3 -22.0 L-18.8 -21.7 L-26.6 -19.3 L-33.7 -14.7' stroke='%232C2C2C'/%3E%3Cpath d='M-2.6 95.4 L-10.3 98.0 L-18.8 98.3 L-26.6 100.7 L-33.7 105.3' stroke='%232C2C2C'/%3E%3Cpath d='M117.4 -24.6 L109.7 -22.0 L101.2 -21.7 L93.4 -19.3 L86.3 -14.7' stroke='%232C2C2C'/%3E%3Cpath d='M117.4 95.4 L109.7 98.0 L101.2 98.3 L93.4 100.7 L86.3 105.3' stroke='%232C2C2C'/%3E%3Cpath d='M-2.6 10.5 L-1.6 15.5 L-0.1 20.1 L4.0 23.1 L7.7 26.4' stroke='%232C2C2C'/%3E%3Cpath d='M-2.6 130.5 L-1.6 135.5 L-0.1 140.1 L4.0 143.1 L7.7 146.4' stroke='%232C2C2C'/%3E%3Cpath d='M117.4 10.5 L118.4 15.5 L119.9 20.1 L124.0 23.1 L127.7 26.4' stroke='%232C2C2C'/%3E%3Cpath d='M117.4 130.5 L118.4 135.5 L119.9 140.1 L124.0 143.1 L127.7 146.4' stroke='%232C2C2C'/%3E%3Cpath d='M59.3 42.2 L53.5 43.0 L49.1 46.5 L45.4 51.0 L40.1 52.9' stroke='%230E0E0E'/%3E%3Cpath d='M8.5 36.2 L9.0 44.3 L12.0 52.2 L13.3 60.2 L11.9 68.5' stroke='%23111'/%3E%3Cpath d='M128.5 36.2 L129.0 44.3 L132.0 52.2 L133.3 60.2 L131.9 68.5' stroke='%23111'/%3E%3Cpath d='M51.3 22.8 L54.4 27.2 L57.4 31.6 L57.4 37.0 L57.5 42.4' stroke='%230E0E0E'/%3E%3Cpath d='M51.3 142.8 L54.4 147.2 L57.4 151.6 L57.4 157.0 L57.5 162.4' stroke='%230E0E0E'/%3E%3Cpath d='M37.6 3.9 L43.1 5.4 L47.0 9.1 L49.8 14.1 L54.4 17.0' stroke='%230E0E0E'/%3E%3Cpath d='M37.6 123.9 L43.1 125.4 L47.0 129.1 L49.8 134.1 L54.4 137.0' stroke='%230E0E0E'/%3E%3Cpath d='M-6.7 11.0 L-14.9 12.4 L-23.4 10.9 L-31.7 10.8 L-39.8 13.6' stroke='%23111'/%3E%3Cpath d='M-6.7 131.0 L-14.9 132.4 L-23.4 130.9 L-31.7 130.8 L-39.8 133.6' stroke='%23111'/%3E%3Cpath d='M113.3 11.0 L105.1 12.4 L96.6 10.9 L88.3 10.8 L80.2 13.6' stroke='%23111'/%3E%3Cpath d='M113.3 131.0 L105.1 132.4 L96.6 130.9 L88.3 130.8 L80.2 133.6' stroke='%23111'/%3E%3Cpath d='M26.7 64.2 L27.3 68.1 L27.5 72.1 L30.5 74.5 L33.8 76.7' stroke='%23111'/%3E%3Cpath d='M57.3 -16.5 L59.5 -8.8 L63.7 -2.4 L69.6 2.9 L73.5 9.6' stroke='%23262626'/%3E%3Cpath d='M57.3 103.5 L59.5 111.2 L63.7 117.6 L69.6 122.9 L73.5 129.6' stroke='%23262626'/%3E%3C/g%3E%3C/svg%3E");--tx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E")}
/* ============ PHEFAR LOVE BOX 3D ============
   Hộp sóng cuộn theo bản trải phẳng: 20 × 13 × 6 cm (1 cm = 2.9cqw → 58 × 37.7 × 17.4), in đen, bồi trong đen.
   Mặt trước in "phefar love box" giữa mặt; nắp in logo giữa; nắp có tai hai bên và vạt cài trước có cánh cong.
   Mỗi mặt được JS chiếu phối cảnh (matrix3d) và tự sắp lớp, không dùng preserve-3d. */
.L3{position:absolute;inset:0;--bx:#1B1B1B;--pkl:#F25AA0}
.L3 .sw,.L3 .hb,.L3 .st{position:absolute;inset:0}
.L3 .sw{z-index:2}
.L3 .f{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;will-change:transform}
.L3 .f.x{display:none}
.L3 .tx{background:var(--tx-noise),var(--c,var(--bx));background-size:30cqw auto,auto}
.L3 .fr{--c:#1D1D1D;width:58cqw;height:17.4cqw;box-shadow:inset 0 .3cqw 0 #363636,inset 0 -.3cqw 0 #111}
.L3 .fr img{position:absolute;left:10.2cqw;top:4.4cqw;width:37.6cqw;height:auto}
.L3 .bk{--c:#141414;width:58cqw;height:17.4cqw}
.L3 .lf,.L3 .rt{width:37.7cqw;height:17.4cqw}
.L3 .lf{--c:#121212;box-shadow:inset 0 .3cqw 0 #2C2C2C}
.L3 .rt{--c:#242424;box-shadow:inset 0 .3cqw 0 #3A3A3A}
.L3 .ib,.L3 .if{width:55cqw;height:3.6cqw}
.L3 .ib{--c:#1F1F1F}.L3 .if{--c:#161616}
.L3 .il,.L3 .ir{width:34.7cqw;height:3.6cqw;--c:#1A1A1A}
.L3 .rf,.L3 .rb{width:58cqw;height:1.5cqw;--c:#2B2B2B}
.L3 .rf{box-shadow:inset 0 .2cqw 0 #3C3C3C}
.L3 .rl,.L3 .rr{width:1.5cqw;height:34.7cqw;--c:#2E2E2E}
.L3 .sh{width:55cqw;height:34.7cqw;background:var(--tx-shred) 0 0/13cqw auto,var(--pkl)}
.L3 .sd{width:72cqw;height:46cqw;overflow:visible;background:none}
.L3 .sd::before{content:"";position:absolute;inset:8%;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(3.5cqw)}
/* gói quà bí mật: hộp bọc giấy lụa đen 8 × 10.5 × 4 cm, dán decal mảnh ghép 3.6 × 2.7 cm */
.L3 .pgf,.L3 .pgb{width:23.2cqw;height:30.5cqw;border-radius:1cqw}
.L3 .pgf{background:var(--tx-tissue) 0 0/16cqw auto,#171717;box-shadow:inset 0 .3cqw 0 #2C2C2C,inset .3cqw 0 0 #222}
.L3 .pgf::before{content:"";position:absolute;left:-2%;right:-2%;top:-2%;height:40%;background:#1C1C1C;clip-path:polygon(0 0,100% 0,100% 40%,57% 100%,43% 100%,0 40%)}
.L3 .pgf::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:#141414;clip-path:polygon(0 100%,100% 100%,100% 0,50% 70%,0 0)}
.L3 .pgf svg{position:absolute;left:50%;top:44%;width:10.4cqw;height:7.8cqw;margin:-3.9cqw 0 0 -5.2cqw;transform:rotate(-6deg);z-index:1}
.L3 .pgb{background:#121212}
.L3 .pgl,.L3 .pgr{width:11.6cqw;height:30.5cqw;border-radius:.8cqw}
.L3 .pgl{background:var(--tx-tissue) 0 0/16cqw auto,#0F0F0F}
.L3 .pgr{background:var(--tx-tissue) 0 0/16cqw auto,#202020}
.L3 .pgt{width:23.2cqw;height:11.6cqw;border-radius:.8cqw;background:var(--tx-tissue) 0 0/16cqw auto,#252525}
/* hộp bài */
.L3 .dgf,.L3 .dgb{width:17.4cqw;height:26.1cqw;border-radius:.35cqw}
.L3 .dgf{background:#282829;box-shadow:inset 0 0 0 .12cqw #3A3A3A}
.L3 .dgf img,.dgl img,.dgr img,.dgt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.L3 .dgb{background:#1E1E1F}
.L3 .dgl,.L3 .dgr{width:8.7cqw;height:26.1cqw}
.L3 .dgl{background:#171718}.L3 .dgr{background:#2A2A2B}
.L3 .dgt{width:17.4cqw;height:8.7cqw;background:#323233}
/* nắp */
.L3 .lo,.L3 .li{width:58.4cqw;height:38cqw}
.L3 .lo{--c:#202020;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;color:var(--pk);box-shadow:inset 0 0 0 .3cqw #2A2A2A}
.L3 .lo svg:first-child{height:7.4cqw;width:auto}.L3 .lo svg+svg{height:4cqw;width:auto}
.L3 .li{--c:#171717;box-shadow:inset 0 0 0 .3cqw #222}
.L3 .ea{width:16.4cqw;height:36cqw;--c:#191919}
.L3 .ea.l{clip-path:polygon(0 0,74% 4%,88% 6.5%,96% 10%,100% 16%,100% 84%,96% 90%,88% 93.5%,74% 96%,0 100%)}
.L3 .ea.r{clip-path:polygon(100% 0,26% 4%,12% 6.5%,4% 10%,0 16%,0 84%,4% 90%,12% 93.5%,26% 96%,100% 100%)}
.L3 .fpo,.L3 .fpi{width:58.2cqw;height:17.3cqw}
.L3 .fpo{--c:#1E1E1E;box-shadow:inset 0 -.3cqw 0 #2C2C2C}.L3 .fpi{--c:#151515}
.L3 .fpo .seam{position:absolute;left:4%;right:4%;top:0;height:.45cqw;background:#FF5FAE;opacity:0}
.L3 .fw{width:15cqw;height:17.3cqw;--c:#181818}
.L3 .fw.l{clip-path:polygon(0 0,60% 6%,82% 16%,96% 34%,100% 52%,100% 100%,0 100%)}
.L3 .fw.r{clip-path:polygon(100% 0,40% 6%,18% 16%,4% 34%,0 52%,0 100%,100% 100%)}
/* ===== bối cảnh hẹn hò quanh hộp (2D, chỉ ở đầu trang) ===== */
#heroScene .sc{background:#232023}
.L3 .dk{position:absolute;inset:0;pointer-events:none}
.L3 .dk.b{z-index:1}.L3 .dk.t{z-index:3}
.L3 .flm{transform-origin:50% 100%;animation:flick 1.6s ease-in-out infinite}
@keyframes flick{0%,100%{transform:scale(1,1) rotate(0)}30%{transform:scale(.92,1.08) rotate(-3deg)}60%{transform:scale(1.05,.95) rotate(2deg)}}
@keyframes halo{50%{transform:scale(1.08);opacity:.75}}
.L3 .spk{position:absolute;width:var(--s,3cqw);left:var(--x);top:var(--y);color:#FFC4DF;opacity:0;animation:twk 3.2s var(--dl,0s) ease-in-out infinite}
.L3 .spk svg{display:block;width:100%;fill:currentColor}
@keyframes twk{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
@keyframes clk{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.2) rotate(30deg)}100%{opacity:0;transform:scale(.8) rotate(60deg)}}
.L3 .ptl{position:absolute;top:-8%;left:var(--x);width:var(--s,3cqw);height:calc(var(--s,3cqw) * .8);border-radius:70% 0 70% 0;background:var(--c,#C2185B);opacity:0;animation:petal var(--d,9s) var(--dl,0s) linear infinite}
@keyframes petal{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.9}50%{transform:translate(var(--dx,6cqw),55cqw) rotate(200deg)}90%{opacity:.85}100%{opacity:0;transform:translate(0,112cqw) rotate(400deg)}}
:root{--tx-satin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='100%25' height='100%25' fill='%235A1135'/%3E%3Cpath d='M0.0 -109.5 L10.0 -103.4 L20.0 -99.6 L30.0 -99.6 L40.0 -103.4 L50.0 -109.5 L60.0 -115.7 L70.0 -119.5 L80.0 -119.5 L90.0 -115.7 L100.0 -109.5 L110.0 -103.4 L120.0 -99.6 L130.0 -99.6 L140.0 -103.4 L150.0 -109.5 L160.0 -115.7 L170.0 -119.5 L180.0 -119.5 L190.0 -115.7 L200.0 -109.5' stroke='%23530F31' stroke-width='15.2' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 90.5 L10.0 96.6 L20.0 100.4 L30.0 100.4 L40.0 96.6 L50.0 90.5 L60.0 84.3 L70.0 80.5 L80.0 80.5 L90.0 84.3 L100.0 90.5 L110.0 96.6 L120.0 100.4 L130.0 100.4 L140.0 96.6 L150.0 90.5 L160.0 84.3 L170.0 80.5 L180.0 80.5 L190.0 84.3 L200.0 90.5' stroke='%23530F31' stroke-width='15.2' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 290.5 L10.0 296.6 L20.0 300.4 L30.0 300.4 L40.0 296.6 L50.0 290.5 L60.0 284.3 L70.0 280.5 L80.0 280.5 L90.0 284.3 L100.0 290.5 L110.0 296.6 L120.0 300.4 L130.0 300.4 L140.0 296.6 L150.0 290.5 L160.0 284.3 L170.0 280.5 L180.0 280.5 L190.0 284.3 L200.0 290.5' stroke='%23530F31' stroke-width='15.2' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -98.8 L10.0 -96.8 L20.0 -99.7 L30.0 -106.4 L40.0 -114.3 L50.0 -120.4 L60.0 -122.5 L70.0 -119.6 L80.0 -112.9 L90.0 -105.0 L100.0 -98.8 L110.0 -96.8 L120.0 -99.7 L130.0 -106.4 L140.0 -114.3 L150.0 -120.4 L160.0 -122.5 L170.0 -119.6 L180.0 -112.9 L190.0 -105.0 L200.0 -98.8' stroke='%23530F31' stroke-width='7.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 101.2 L10.0 103.2 L20.0 100.3 L30.0 93.6 L40.0 85.7 L50.0 79.6 L60.0 77.5 L70.0 80.4 L80.0 87.1 L90.0 95.0 L100.0 101.2 L110.0 103.2 L120.0 100.3 L130.0 93.6 L140.0 85.7 L150.0 79.6 L160.0 77.5 L170.0 80.4 L180.0 87.1 L190.0 95.0 L200.0 101.2' stroke='%23530F31' stroke-width='7.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 301.2 L10.0 303.2 L20.0 300.3 L30.0 293.6 L40.0 285.7 L50.0 279.6 L60.0 277.5 L70.0 280.4 L80.0 287.1 L90.0 295.0 L100.0 301.2 L110.0 303.2 L120.0 300.3 L130.0 293.6 L140.0 285.7 L150.0 279.6 L160.0 277.5 L170.0 280.4 L180.0 287.1 L190.0 295.0 L200.0 301.2' stroke='%23530F31' stroke-width='7.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -62.8 L10.0 -68.0 L20.0 -75.4 L30.0 -82.4 L40.0 -86.1 L50.0 -85.2 L60.0 -80.1 L70.0 -72.6 L80.0 -65.7 L90.0 -61.9 L100.0 -62.8 L110.0 -68.0 L120.0 -75.4 L130.0 -82.4 L140.0 -86.1 L150.0 -85.2 L160.0 -80.1 L170.0 -72.6 L180.0 -65.7 L190.0 -61.9 L200.0 -62.8' stroke='%23731A47' stroke-width='6.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 137.2 L10.0 132.0 L20.0 124.6 L30.0 117.6 L40.0 113.9 L50.0 114.8 L60.0 119.9 L70.0 127.4 L80.0 134.3 L90.0 138.1 L100.0 137.2 L110.0 132.0 L120.0 124.6 L130.0 117.6 L140.0 113.9 L150.0 114.8 L160.0 119.9 L170.0 127.4 L180.0 134.3 L190.0 138.1 L200.0 137.2' stroke='%23731A47' stroke-width='6.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 337.2 L10.0 332.0 L20.0 324.6 L30.0 317.6 L40.0 313.9 L50.0 314.8 L60.0 319.9 L70.0 327.4 L80.0 334.3 L90.0 338.1 L100.0 337.2 L110.0 332.0 L120.0 324.6 L130.0 317.6 L140.0 313.9 L150.0 314.8 L160.0 319.9 L170.0 327.4 L180.0 334.3 L190.0 338.1 L200.0 337.2' stroke='%23731A47' stroke-width='6.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -170.2 L10.0 -176.5 L20.0 -180.9 L30.0 -181.8 L40.0 -178.8 L50.0 -173.1 L60.0 -166.8 L70.0 -162.4 L80.0 -161.5 L90.0 -164.5 L100.0 -170.2 L110.0 -176.5 L120.0 -180.9 L130.0 -181.8 L140.0 -178.8 L150.0 -173.1 L160.0 -166.8 L170.0 -162.4 L180.0 -161.5 L190.0 -164.5 L200.0 -170.2' stroke='%236A1640' stroke-width='14.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 29.8 L10.0 23.5 L20.0 19.1 L30.0 18.2 L40.0 21.2 L50.0 26.9 L60.0 33.2 L70.0 37.6 L80.0 38.5 L90.0 35.5 L100.0 29.8 L110.0 23.5 L120.0 19.1 L130.0 18.2 L140.0 21.2 L150.0 26.9 L160.0 33.2 L170.0 37.6 L180.0 38.5 L190.0 35.5 L200.0 29.8' stroke='%236A1640' stroke-width='14.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 229.8 L10.0 223.5 L20.0 219.1 L30.0 218.2 L40.0 221.2 L50.0 226.9 L60.0 233.2 L70.0 237.6 L80.0 238.5 L90.0 235.5 L100.0 229.8 L110.0 223.5 L120.0 219.1 L130.0 218.2 L140.0 221.2 L150.0 226.9 L160.0 233.2 L170.0 237.6 L180.0 238.5 L190.0 235.5 L200.0 229.8' stroke='%236A1640' stroke-width='14.9' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -87.9 L10.0 -90.0 L20.0 -88.8 L30.0 -84.5 L40.0 -78.8 L50.0 -74.0 L60.0 -71.8 L70.0 -73.1 L80.0 -77.4 L90.0 -83.0 L100.0 -87.9 L110.0 -90.0 L120.0 -88.8 L130.0 -84.5 L140.0 -78.8 L150.0 -74.0 L160.0 -71.8 L170.0 -73.1 L180.0 -77.4 L190.0 -83.0 L200.0 -87.9' stroke='%234C0E2D' stroke-width='10.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 112.1 L10.0 110.0 L20.0 111.2 L30.0 115.5 L40.0 121.2 L50.0 126.0 L60.0 128.2 L70.0 126.9 L80.0 122.6 L90.0 117.0 L100.0 112.1 L110.0 110.0 L120.0 111.2 L130.0 115.5 L140.0 121.2 L150.0 126.0 L160.0 128.2 L170.0 126.9 L180.0 122.6 L190.0 117.0 L200.0 112.1' stroke='%234C0E2D' stroke-width='10.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 312.1 L10.0 310.0 L20.0 311.2 L30.0 315.5 L40.0 321.2 L50.0 326.0 L60.0 328.2 L70.0 326.9 L80.0 322.6 L90.0 317.0 L100.0 312.1 L110.0 310.0 L120.0 311.2 L130.0 315.5 L140.0 321.2 L150.0 326.0 L160.0 328.2 L170.0 326.9 L180.0 322.6 L190.0 317.0 L200.0 312.1' stroke='%234C0E2D' stroke-width='10.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -87.5 L10.0 -83.1 L20.0 -75.7 L30.0 -68.2 L40.0 -63.4 L50.0 -63.2 L60.0 -67.7 L70.0 -75.0 L80.0 -82.5 L90.0 -87.3 L100.0 -87.5 L110.0 -83.1 L120.0 -75.7 L130.0 -68.2 L140.0 -63.4 L150.0 -63.2 L160.0 -67.7 L170.0 -75.0 L180.0 -82.5 L190.0 -87.3 L200.0 -87.5' stroke='%236A1640' stroke-width='6.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 112.5 L10.0 116.9 L20.0 124.3 L30.0 131.8 L40.0 136.6 L50.0 136.8 L60.0 132.3 L70.0 125.0 L80.0 117.5 L90.0 112.7 L100.0 112.5 L110.0 116.9 L120.0 124.3 L130.0 131.8 L140.0 136.6 L150.0 136.8 L160.0 132.3 L170.0 125.0 L180.0 117.5 L190.0 112.7 L200.0 112.5' stroke='%236A1640' stroke-width='6.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 312.5 L10.0 316.9 L20.0 324.3 L30.0 331.8 L40.0 336.6 L50.0 336.8 L60.0 332.3 L70.0 325.0 L80.0 317.5 L90.0 312.7 L100.0 312.5 L110.0 316.9 L120.0 324.3 L130.0 331.8 L140.0 336.6 L150.0 336.8 L160.0 332.3 L170.0 325.0 L180.0 317.5 L190.0 312.7 L200.0 312.5' stroke='%236A1640' stroke-width='6.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -164.2 L10.0 -159.3 L20.0 -155.4 L30.0 -154.0 L40.0 -155.7 L50.0 -159.7 L60.0 -164.6 L70.0 -168.5 L80.0 -169.9 L90.0 -168.2 L100.0 -164.2 L110.0 -159.3 L120.0 -155.4 L130.0 -154.0 L140.0 -155.7 L150.0 -159.7 L160.0 -164.6 L170.0 -168.5 L180.0 -169.9 L190.0 -168.2 L200.0 -164.2' stroke='%23530F31' stroke-width='6.3' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 35.8 L10.0 40.7 L20.0 44.6 L30.0 46.0 L40.0 44.3 L50.0 40.3 L60.0 35.4 L70.0 31.5 L80.0 30.1 L90.0 31.8 L100.0 35.8 L110.0 40.7 L120.0 44.6 L130.0 46.0 L140.0 44.3 L150.0 40.3 L160.0 35.4 L170.0 31.5 L180.0 30.1 L190.0 31.8 L200.0 35.8' stroke='%23530F31' stroke-width='6.3' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 235.8 L10.0 240.7 L20.0 244.6 L30.0 246.0 L40.0 244.3 L50.0 240.3 L60.0 235.4 L70.0 231.5 L80.0 230.1 L90.0 231.8 L100.0 235.8 L110.0 240.7 L120.0 244.6 L130.0 246.0 L140.0 244.3 L150.0 240.3 L160.0 235.4 L170.0 231.5 L180.0 230.1 L190.0 231.8 L200.0 235.8' stroke='%23530F31' stroke-width='6.3' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -127.7 L10.0 -124.3 L20.0 -124.9 L30.0 -129.2 L40.0 -135.7 L50.0 -141.8 L60.0 -145.2 L70.0 -144.6 L80.0 -140.3 L90.0 -133.8 L100.0 -127.7 L110.0 -124.3 L120.0 -124.9 L130.0 -129.2 L140.0 -135.7 L150.0 -141.8 L160.0 -145.2 L170.0 -144.6 L180.0 -140.3 L190.0 -133.8 L200.0 -127.7' stroke='%234C0E2D' stroke-width='8.0' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 72.3 L10.0 75.7 L20.0 75.1 L30.0 70.8 L40.0 64.3 L50.0 58.2 L60.0 54.8 L70.0 55.4 L80.0 59.7 L90.0 66.2 L100.0 72.3 L110.0 75.7 L120.0 75.1 L130.0 70.8 L140.0 64.3 L150.0 58.2 L160.0 54.8 L170.0 55.4 L180.0 59.7 L190.0 66.2 L200.0 72.3' stroke='%234C0E2D' stroke-width='8.0' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 272.3 L10.0 275.7 L20.0 275.1 L30.0 270.8 L40.0 264.3 L50.0 258.2 L60.0 254.8 L70.0 255.4 L80.0 259.7 L90.0 266.2 L100.0 272.3 L110.0 275.7 L120.0 275.1 L130.0 270.8 L140.0 264.3 L150.0 258.2 L160.0 254.8 L170.0 255.4 L180.0 259.7 L190.0 266.2 L200.0 272.3' stroke='%234C0E2D' stroke-width='8.0' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -62.0 L10.0 -64.8 L20.0 -70.3 L30.0 -76.4 L40.0 -80.8 L50.0 -81.8 L60.0 -79.1 L70.0 -73.6 L80.0 -67.5 L90.0 -63.1 L100.0 -62.0 L110.0 -64.8 L120.0 -70.3 L130.0 -76.4 L140.0 -80.8 L150.0 -81.8 L160.0 -79.1 L170.0 -73.6 L180.0 -67.5 L190.0 -63.1 L200.0 -62.0' stroke='%23530F31' stroke-width='12.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 138.0 L10.0 135.2 L20.0 129.7 L30.0 123.6 L40.0 119.2 L50.0 118.2 L60.0 120.9 L70.0 126.4 L80.0 132.5 L90.0 136.9 L100.0 138.0 L110.0 135.2 L120.0 129.7 L130.0 123.6 L140.0 119.2 L150.0 118.2 L160.0 120.9 L170.0 126.4 L180.0 132.5 L190.0 136.9 L200.0 138.0' stroke='%23530F31' stroke-width='12.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 338.0 L10.0 335.2 L20.0 329.7 L30.0 323.6 L40.0 319.2 L50.0 318.2 L60.0 320.9 L70.0 326.4 L80.0 332.5 L90.0 336.9 L100.0 338.0 L110.0 335.2 L120.0 329.7 L130.0 323.6 L140.0 319.2 L150.0 318.2 L160.0 320.9 L170.0 326.4 L180.0 332.5 L190.0 336.9 L200.0 338.0' stroke='%23530F31' stroke-width='12.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -65.2 L10.0 -70.9 L20.0 -75.9 L30.0 -78.2 L40.0 -77.1 L50.0 -72.9 L60.0 -67.2 L70.0 -62.2 L80.0 -59.8 L90.0 -61.0 L100.0 -65.2 L110.0 -70.9 L120.0 -75.9 L130.0 -78.2 L140.0 -77.1 L150.0 -72.9 L160.0 -67.2 L170.0 -62.2 L180.0 -59.8 L190.0 -61.0 L200.0 -65.2' stroke='%236A1640' stroke-width='11.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 134.8 L10.0 129.1 L20.0 124.1 L30.0 121.8 L40.0 122.9 L50.0 127.1 L60.0 132.8 L70.0 137.8 L80.0 140.2 L90.0 139.0 L100.0 134.8 L110.0 129.1 L120.0 124.1 L130.0 121.8 L140.0 122.9 L150.0 127.1 L160.0 132.8 L170.0 137.8 L180.0 140.2 L190.0 139.0 L200.0 134.8' stroke='%236A1640' stroke-width='11.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 334.8 L10.0 329.1 L20.0 324.1 L30.0 321.8 L40.0 322.9 L50.0 327.1 L60.0 332.8 L70.0 337.8 L80.0 340.2 L90.0 339.0 L100.0 334.8 L110.0 329.1 L120.0 324.1 L130.0 321.8 L140.0 322.9 L150.0 327.1 L160.0 332.8 L170.0 337.8 L180.0 340.2 L190.0 339.0 L200.0 334.8' stroke='%236A1640' stroke-width='11.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -63.1 L10.0 -66.4 L20.0 -66.7 L30.0 -63.8 L40.0 -58.9 L50.0 -53.8 L60.0 -50.5 L70.0 -50.2 L80.0 -53.1 L90.0 -58.0 L100.0 -63.1 L110.0 -66.4 L120.0 -66.7 L130.0 -63.8 L140.0 -58.9 L150.0 -53.8 L160.0 -50.5 L170.0 -50.2 L180.0 -53.1 L190.0 -58.0 L200.0 -63.1' stroke='%23731A47' stroke-width='8.3' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 136.9 L10.0 133.6 L20.0 133.3 L30.0 136.2 L40.0 141.1 L50.0 146.2 L60.0 149.5 L70.0 149.8 L80.0 146.9 L90.0 142.0 L100.0 136.9 L110.0 133.6 L120.0 133.3 L130.0 136.2 L140.0 141.1 L150.0 146.2 L160.0 149.5 L170.0 149.8 L180.0 146.9 L190.0 142.0 L200.0 136.9' stroke='%23731A47' stroke-width='8.3' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 336.9 L10.0 333.6 L20.0 333.3 L30.0 336.2 L40.0 341.1 L50.0 346.2 L60.0 349.5 L70.0 349.8 L80.0 346.9 L90.0 342.0 L100.0 336.9 L110.0 333.6 L120.0 333.3 L130.0 336.2 L140.0 341.1 L150.0 346.2 L160.0 349.5 L170.0 349.8 L180.0 346.9 L190.0 342.0 L200.0 336.9' stroke='%23731A47' stroke-width='8.3' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -204.6 L10.0 -202.5 L20.0 -197.3 L30.0 -190.8 L40.0 -185.5 L50.0 -183.5 L60.0 -185.6 L70.0 -190.8 L80.0 -197.3 L90.0 -202.6 L100.0 -204.6 L110.0 -202.5 L120.0 -197.3 L130.0 -190.8 L140.0 -185.5 L150.0 -183.5 L160.0 -185.6 L170.0 -190.8 L180.0 -197.3 L190.0 -202.6 L200.0 -204.6' stroke='%236A1640' stroke-width='7.1' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -4.6 L10.0 -2.5 L20.0 2.7 L30.0 9.2 L40.0 14.5 L50.0 16.5 L60.0 14.4 L70.0 9.2 L80.0 2.7 L90.0 -2.6 L100.0 -4.6 L110.0 -2.5 L120.0 2.7 L130.0 9.2 L140.0 14.5 L150.0 16.5 L160.0 14.4 L170.0 9.2 L180.0 2.7 L190.0 -2.6 L200.0 -4.6' stroke='%236A1640' stroke-width='7.1' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 195.4 L10.0 197.5 L20.0 202.7 L30.0 209.2 L40.0 214.5 L50.0 216.5 L60.0 214.4 L70.0 209.2 L80.0 202.7 L90.0 197.4 L100.0 195.4 L110.0 197.5 L120.0 202.7 L130.0 209.2 L140.0 214.5 L150.0 216.5 L160.0 214.4 L170.0 209.2 L180.0 202.7 L190.0 197.4 L200.0 195.4' stroke='%236A1640' stroke-width='7.1' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -35.6 L10.0 -30.1 L20.0 -24.9 L30.0 -21.9 L40.0 -22.2 L50.0 -25.8 L60.0 -31.2 L70.0 -36.5 L80.0 -39.5 L90.0 -39.1 L100.0 -35.6 L110.0 -30.1 L120.0 -24.9 L130.0 -21.9 L140.0 -22.2 L150.0 -25.8 L160.0 -31.2 L170.0 -36.5 L180.0 -39.5 L190.0 -39.1 L200.0 -35.6' stroke='%236A1640' stroke-width='15.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 164.4 L10.0 169.9 L20.0 175.1 L30.0 178.1 L40.0 177.8 L50.0 174.2 L60.0 168.8 L70.0 163.5 L80.0 160.5 L90.0 160.9 L100.0 164.4 L110.0 169.9 L120.0 175.1 L130.0 178.1 L140.0 177.8 L150.0 174.2 L160.0 168.8 L170.0 163.5 L180.0 160.5 L190.0 160.9 L200.0 164.4' stroke='%236A1640' stroke-width='15.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 364.4 L10.0 369.9 L20.0 375.1 L30.0 378.1 L40.0 377.8 L50.0 374.2 L60.0 368.8 L70.0 363.5 L80.0 360.5 L90.0 360.9 L100.0 364.4 L110.0 369.9 L120.0 375.1 L130.0 378.1 L140.0 377.8 L150.0 374.2 L160.0 368.8 L170.0 363.5 L180.0 360.5 L190.0 360.9 L200.0 364.4' stroke='%236A1640' stroke-width='15.6' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 -151.7 L10.0 -145.6 L20.0 -144.0 L30.0 -147.5 L40.0 -154.7 L50.0 -162.9 L60.0 -169.0 L70.0 -170.6 L80.0 -167.1 L90.0 -159.9 L100.0 -151.7 L110.0 -145.6 L120.0 -144.0 L130.0 -147.5 L140.0 -154.7 L150.0 -162.9 L160.0 -169.0 L170.0 -170.6 L180.0 -167.1 L190.0 -159.9 L200.0 -151.7' stroke='%23530F31' stroke-width='6.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 48.3 L10.0 54.4 L20.0 56.0 L30.0 52.5 L40.0 45.3 L50.0 37.1 L60.0 31.0 L70.0 29.4 L80.0 32.9 L90.0 40.1 L100.0 48.3 L110.0 54.4 L120.0 56.0 L130.0 52.5 L140.0 45.3 L150.0 37.1 L160.0 31.0 L170.0 29.4 L180.0 32.9 L190.0 40.1 L200.0 48.3' stroke='%23530F31' stroke-width='6.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M0.0 248.3 L10.0 254.4 L20.0 256.0 L30.0 252.5 L40.0 245.3 L50.0 237.1 L60.0 231.0 L70.0 229.4 L80.0 232.9 L90.0 240.1 L100.0 248.3 L110.0 254.4 L120.0 256.0 L130.0 252.5 L140.0 245.3 L150.0 237.1 L160.0 231.0 L170.0 229.4 L180.0 232.9 L190.0 240.1 L200.0 248.3' stroke='%23530F31' stroke-width='6.5' fill='none' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E")}
/* ===== bàn hẹn hò 3D (cùng phối cảnh với hộp) ===== */
.L3 .lt{position:absolute;inset:0;pointer-events:none;z-index:5}
@media(pointer:coarse){.L3 .tx{background-image:none!important}.L3 .f{will-change:auto}.L3.drg .f{will-change:transform}.L3 .dk .spk:nth-child(n+4),.L3 .dk .ptl:nth-child(even){display:none}.L3 .prp .halo{animation:none!important}}
.L3 .lt b{position:absolute;inset:0;opacity:0}.L3 .lt .ld{background:#000}.L3 .lt .lp{background:#ED1B80}
.L3 img,.L3 svg{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}
.L3{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.L3 .pl{width:190cqw;height:100cqw;overflow:visible;background:none}
.L3 .pl::before{content:"";position:absolute;inset:10% 18%;border-radius:50%;background:rgba(255,220,235,.07);filter:blur(6cqw)}
.L3 .tba{width:440cqw;height:14cqw;background:#171416;box-shadow:inset 0 .35cqw 0 rgba(237,27,128,.55)}
.L3 .clv{width:112cqw;height:112cqw;border-radius:50%;background:#251A26;box-shadow:inset 0 0 0 .5cqw #33243A}
.L3 .clv i{position:absolute;border-radius:50%;pointer-events:none}
.L3 .clv .sn1{left:6%;top:20%;width:60%;height:58%;background:rgba(124,64,160,.38);filter:blur(7cqw)}
.L3 .clv .sn2{left:42%;top:8%;width:44%;height:30%;background:rgba(255,255,255,.05);filter:blur(5cqw)}
.L3 .clv .sn3{left:12%;top:58%;width:30%;height:22%;background:rgba(255,95,174,.16);filter:blur(4cqw)}
.L3 .flr{width:140cqw;height:136cqw;overflow:visible;background:none}
.L3 .flr::before{content:"";position:absolute;inset:6%;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(4cqw)}
.L3 .sk{overflow:hidden;box-shadow:inset 0 .3cqw 0 rgba(190,120,220,.18)}
.L3 .sk i{position:absolute;inset:0}
.L3 .ct{width:132cqw;height:76cqw;background:var(--tx-satin) 0 0/44cqw auto,#5A1135}
.L3 .cdr{width:132cqw;height:16cqw;background:var(--tx-satin) 0 0/44cqw auto,#4A0D2B;box-shadow:inset 0 .35cqw 0 rgba(255,140,190,.35);clip-path:polygon(0 0,100% 0,100% 82%,95% 92%,90% 86%,84% 96%,78% 88%,71% 97%,64% 89%,57% 98%,50% 90%,43% 98%,36% 89%,29% 97%,22% 88%,16% 96%,10% 86%,5% 93%,0 84%)}
.L3 .flr3{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}
.L3 .fpk{animation:fpk 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}
.L3 .fpk.b{animation-duration:1.7s}
@keyframes fpk{0%,100%{opacity:1}35%{opacity:.88}60%{opacity:.97}80%{opacity:.91}}
.L3 .pfl{position:absolute;inset:0;pointer-events:none}.L3 .pfl.b{z-index:1}.L3 .pfl.f{z-index:3}
.L3 .pf{position:absolute;width:0;height:0;animation:pfall var(--d) var(--dl) cubic-bezier(.35,.15,.55,1) both}
.L3 .pf b{position:absolute;left:calc(var(--s) * -.5);top:calc(var(--s) * -.4);width:var(--s);height:calc(var(--s) * .8);border-radius:70% 0 70% 0;background:var(--c);box-shadow:inset .15cqw .15cqw 0 rgba(255,255,255,.12);animation:pflut var(--d) var(--dl) ease-in-out both}
@keyframes pfall{0%{transform:translate(var(--sx),calc(-1 * var(--fh)));opacity:0}6%{opacity:1}100%{transform:translate(0,0);opacity:1}}
@keyframes pflut{0%{transform:rotate(0) rotateY(0)}20%{transform:rotate(60deg) rotateY(70deg) translateX(1.2cqw)}45%{transform:rotate(-30deg) rotateY(-50deg) translateX(-1.4cqw)}70%{transform:rotate(40deg) rotateY(40deg) translateX(1cqw)}88%{transform:rotate(calc(var(--r) - 20deg)) scaleY(.6)}100%{transform:rotate(var(--r)) scaleY(.42);filter:brightness(.92)}}
@media(prefers-reduced-motion:reduce){.L3 .pf,.L3 .pf b{animation-duration:.01s!important;animation-delay:0s!important}.L3 .fpk{animation:none}}
.L3 .gw{width:64cqw;height:64cqw;overflow:visible;background:none}
.L3 .gw::before{content:"";position:absolute;inset:18%;border-radius:50%;background:rgba(255,95,174,.3);filter:blur(5cqw)}
.L3 .ca,.L3 .cb{width:11.6cqw;height:17.7cqw;border-radius:.7cqw;box-shadow:0 0 0 .12cqw #3A3A3A}
.L3 .ca img,.L3 .cb img{width:100%;height:100%;object-fit:cover;display:block}
.L3 .shd2{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.L3 .prp{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}
.L3 .prp>div{position:relative;transform:translate(-50%,var(--ay,-100%))}
.L3 .prp>.rfl{position:absolute;left:0;top:0;width:100%;transform-origin:50% var(--oy);transform:translate(-50%,var(--ay)) scaleY(-.42);opacity:.13;-webkit-mask-image:linear-gradient(180deg,transparent 55%,#000 100%);mask-image:linear-gradient(180deg,transparent 55%,#000 100%);filter:blur(.25cqw)}
.L3 .prp>.rfl .flm{animation:none}
.L3 .prp svg{display:block;width:100%;height:auto;overflow:visible}
.L3 .prp .halo{position:absolute;left:50%;top:30%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.L3 .prp .h1{width:16%;background:rgba(255,200,226,.75);filter:blur(.45cqw);z-index:1}
.L3 .prp .h2{width:62%;background:rgba(242,60,145,.3);filter:blur(1.4cqw);animation:flkH 2.3s ease-in-out infinite}
.L3 .prp .h3{width:190%;background:rgba(237,27,128,.09);filter:blur(3.6cqw);animation:flkH 3.1s ease-in-out infinite}
@keyframes flkH{0%,100%{opacity:1}35%{opacity:.8}60%{opacity:.95}80%{opacity:.86}}
.L3 .prp.gs>div>svg{transform-origin:50% 100%}
.L3.play .prp.gs.a>div>svg{animation:clinkA 1.2s 3s ease-in-out both}
.L3.play .prp.gs.b>div>svg{animation:clinkB 1.2s 3s ease-in-out both}
@keyframes clinkA{40%,55%{transform:translateX(9%) rotate(8deg)}}
@keyframes clinkB{40%,55%{transform:translateX(-9%) rotate(-10deg)}}
.L3 .prp .clk{position:absolute;left:-30%;top:-8%;width:40%;opacity:0;color:#FFD6E9}
.L3 .prp .clk svg{fill:currentColor}
.L3.play .prp .clk{animation:clk .8s 3.45s ease-out both}
/* hiệu ứng */
.L3 .fx{position:absolute;left:50%;top:var(--fy,42%);width:0;height:0;pointer-events:none;z-index:200}
.L3 .ray{position:absolute;left:-.3cqw;top:0;width:.6cqw;height:8cqw;border-radius:1cqw;background:var(--pk);transform-origin:50% 0;transform:rotate(var(--a)) translateY(13cqw) scaleY(0);opacity:0}
.L3 .pt{position:absolute;left:var(--x);top:var(--y,0);width:var(--s);height:var(--s);opacity:0;color:var(--k,var(--pk))}
.L3 .pt svg{display:block;width:100%;height:100%;fill:currentColor}
.L3 .chip{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:var(--bg);color:var(--tx2);font:600 .78rem/1.3 "Be Vietnam Pro",sans-serif;white-space:nowrap;box-shadow:0 2px 10px var(--shade);opacity:0;pointer-events:none;transition:opacity .4s;z-index:201}
.L3.play .chip{animation:chipIn .5s 4.4s ease both}
@keyframes chipIn{to{opacity:1}}
.L3.touched .chip{opacity:0!important;animation:none}
.L3.play .seam{animation:seam 1.4s .85s ease both}
@keyframes seam{0%{opacity:0}25%{opacity:.7}40%{opacity:.2}60%{opacity:1}100%{opacity:0}}
.L3.play .ray{animation:ray 1.1s 3s ease-out both}
@keyframes ray{0%{opacity:1;transform:rotate(var(--a)) translateY(9cqw) scaleY(0)}35%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(30cqw) scaleY(1)}}
.L3.play .pt{animation:float var(--d,3.4s) var(--dl,3.1s) cubic-bezier(.25,.6,.4,1) both}
@keyframes float{0%{opacity:0;transform:translate(0,4cqw) scale(.3) rotate(0)}12%{opacity:1}70%{opacity:.95}100%{opacity:0;transform:translate(var(--dx),-38cqw) scale(1) rotate(var(--r,20deg))}}
.L3.off *,.L3.off .sw{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.L3 *,.L3 .sw{animation:none!important}.L3 .fx{display:none}}
.sc .in:has(.L3) .fl,.sc .in:has(.pimg) .fl{display:none}
.sc .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
#heroScene{position:relative;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
/* chữ đầu trang xuất hiện lần lượt */
.load .hero h1 span{animation:hup .8s cubic-bezier(.2,.8,.2,1) both}
.load .hero h1 span:nth-child(2){animation-delay:.12s}
.load .hero h1 span:nth-child(3){animation-delay:.24s}
.load .hero .lede,.load .hero .ctas,.load .hero .trust{animation:hup .8s .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes hup{from{opacity:0;transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.load .hero *{animation:none!important}}
/* ============ ĐẦU TRANG TOÀN MÀN (nền tối kín, hộp lớn) ============ */
.hero{background:#1D191C;color:#fff;padding:12px 0 40px;position:relative;isolation:isolate}
.hero h1{font-size:clamp(2rem,4.2vw,3.4rem);color:#fff}
.hero h1 .pkl,:root[data-theme="light"] .hero h1 .pkl{color:var(--pk)}
.hero h1 span.pkl{white-space:nowrap;font-size:min(max(.78em,1.8rem),8.4vw);letter-spacing:-.035em;margin-top:.2em}
.hero .lede{color:#CFC6CB}
.hero .trust{color:#BDB3B8}
.hero .btn.ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.hero .btn.ghost:hover{background:#fff;color:var(--ch)}
.hero .stage{margin:0 calc(-1 * var(--gut));overflow:hidden;display:block;padding-bottom:13%}
#heroScene,.hero #heroScene{width:100%;max-width:min(100%,560px);margin:0 auto}
@media(min-width:760px){#heroScene,.hero #heroScene{max-width:min(100%,calc(100vh - 150px),760px)}}
#heroScene .sc{background:transparent;border-radius:0;overflow:visible;isolation:auto}
.hero .stage .sc .in{overflow:visible}
@media(min-width:760px){
  .hero{padding:28px 0 56px}
  .hero .w{grid-template-columns:.8fr 1.2fr;gap:8px}
  .hero .stage{margin:0 calc(-1 * var(--gut)) 0 -4%;overflow:visible;padding-bottom:0}
  .hero{padding-bottom:150px}
  .hero{overflow:hidden}
  .hero .txt{position:relative;z-index:3}
  .hero .stage{z-index:1}
}
@media(min-width:1280px){.hero .stage{margin-right:calc(-1 * (100vw - var(--max)) / 2 - 20px)}}


.osum{display:grid;gap:8px;padding:14px 16px;border-radius:12px;background:var(--card);font-size:.9rem;margin:4px 0 0;text-align:left}
.osum div{display:flex;justify-content:space-between;gap:12px;color:var(--tx2)}
.osum .ot{border-top:1px solid var(--ln);padding-top:10px;margin-top:2px;color:var(--tx);font-weight:800;font-size:1.05rem}
.done .ocode{margin:-4px 0 16px;color:var(--tx2)}.done .ocode b{color:var(--tx);letter-spacing:.04em}
.done .osum{margin:0 0 18px}
.next{list-style:none;counter-reset:n;margin:0 0 20px;padding:0;display:grid;gap:12px;text-align:left}
.next li{counter-increment:n;display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:.9rem;color:var(--tx2);line-height:1.45}
.next li::before{content:counter(n);width:28px;height:28px;border-radius:50%;background:var(--pk-on);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.82rem}
.next li b{color:var(--tx)}
/* Điện thoại: dải "Đang bán" ngay dưới phần đầu trang + rút gọn phần kể chuyện bằng thẻ vuốt ngang */
.dban{display:none}
@media(max-width:899px){
  .dban{display:block;padding:28px 0 36px}
  .dban-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
  .dban-hd h2{font-size:1.6rem;margin:0}
  .dban-row,.lv3,.how{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut));padding-left:var(--gut);padding-right:var(--gut);scroll-padding-left:var(--gut);min-width:0;contain:inline-size;position:relative}
  .dban-row::-webkit-scrollbar,.lv3::-webkit-scrollbar,.how::-webkit-scrollbar{display:none}
  .dban-row{list-style:none;gap:12px;margin-top:14px;padding-bottom:4px}
  .dban-row li{flex:0 0 42%;scroll-snap-align:start}
  .dban-row a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--tx)}
  .dban-row .im{display:block;aspect-ratio:1;border-radius:var(--r-md);background:var(--img);overflow:hidden}
  .dban-row .im img{width:100%;height:100%;object-fit:contain;display:block}
  .dban-row .nm{font-weight:600;font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dban-row .pr{font-weight:800;font-size:.95rem}
  .dban-row .pr del{font-weight:500;color:var(--tx3);font-size:.8rem;margin-right:4px}
  .dban-row .pr ins{text-decoration:none}
  #love-box,#hai-nguoi,#ba-cung-bac{padding:56px 0}
  .lv3{gap:12px;margin-top:24px}
  .lv3>div{flex:0 0 82%;scroll-snap-align:start;min-height:0;padding:22px}
  .lv3 h3{font-size:1.6rem}
  .deck-g{gap:28px;margin-top:28px}
  .how{gap:12px}
  .how li{flex:0 0 78%;scroll-snap-align:start;grid-template-columns:1fr;gap:10px;padding:18px;border-radius:var(--r-lg);background:var(--card)}
  .how li::before{width:36px;height:36px;background:var(--bg);color:var(--pk)}
}
@media(max-width:899px) and (prefers-reduced-motion:no-preference){.dban-row,.lv3,.how{scroll-behavior:smooth}}
/* Trang "Về Phefar" (templates/brand.php) */
.brand-pg .bh{padding-top:56px}
.brand-pg .eyb{margin:0 0 10px;color:var(--pk);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
.brand-pg .bh h1{margin:0 0 16px}
.bcol{display:grid;gap:18px}
.bcol h2{margin:0}
.bcol p{margin:0 0 16px;max-width:62ch}
.bcol .ctas{margin-top:8px}
@media(min-width:900px){.bcol{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}}
.bsteps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px;counter-reset:b}
.bsteps li{counter-increment:b;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--r-lg);background:var(--card)}
.bsteps li::before{content:counter(b);font-weight:800;color:var(--pk);font-size:1.4rem}
.bsteps b{font-size:1.15rem}
.bsteps span{color:var(--tx2);font-size:.95rem}
.bsteps li:last-child{background:var(--pk);color:var(--ch)}.bsteps li:last-child::before,.bsteps li:last-child span{color:var(--ch)}
@media(min-width:900px){.bsteps{grid-template-columns:repeat(5,1fr)}}
.bvals{display:grid;gap:12px;margin-top:28px}
.bvals>div{padding:22px;border-radius:var(--r-lg);background:var(--card)}
.bvals h3{margin:0 0 8px;font-size:1.2rem}
.bvals p{margin:0;color:var(--tx2)}
@media(min-width:700px){.bvals{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.bvals{grid-template-columns:repeat(4,1fr)}}
.bsoc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bsoc a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--r-pz);border:1.5px solid var(--ln);color:var(--tx);font-weight:700;text-decoration:none}
.bsoc a:hover{border-color:var(--pk);color:var(--pk)}

/* Chấm hồng trên nút "Nhắn Phefar" khi Phefar đã trả lời mà khách chưa xem */
.zalo.unread::after{content:"";position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--pk);box-shadow:0 0 0 3px var(--bg)}

/* Chân trang: cảnh minh họa nhô lên từ mép trên (Love Box bật nắp, lá bài, mảnh ghép) */
footer.site-f{position:relative;margin-top:clamp(84px,13vw,190px)}
.fsc{position:absolute;left:0;bottom:calc(100% - 1px);width:100%;height:clamp(120px,16.7vw,240px);color:var(--ink);pointer-events:none;overflow:hidden}
:root[data-theme="light"] .fsc{color:var(--ch)}
.fsc-up{animation:fscUp 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.fsc-star path{animation:fscTw 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.fsc-star path:nth-child(2){animation-delay:.9s}.fsc-star path:nth-child(3){animation-delay:1.7s}
@keyframes fscUp{50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes fscTw{50%{transform:scale(.4);opacity:.35}}
@media(prefers-reduced-motion:reduce){.fsc-up,.fsc-star path{animation:none}}
/* Chân trang: cảnh hiện ra khi cuộn tới (JS thêm .pre lúc đầu, bỏ đi khi cảnh vào màn hình) */
.fsc-c,.fsc-box,.fsc-p,.fsc-s{transform-box:fill-box}
.fsc-box,.fsc-c,.fsc-p,.fsc-s,.fsc-star,.fsc-trail path{transition:transform .8s cubic-bezier(.3,1.5,.5,1),opacity .5s,clip-path 1.1s ease}
.fsc.pre .fsc-box{transform:translateY(100px)}
.fsc.pre .fsc-c{transform:translateY(110px)}
.fsc-c1{transition-delay:.35s!important}.fsc-c2{transition-delay:.45s!important}.fsc-c3{transition-delay:.55s!important}
.fsc.pre .fsc-p1{transform:translateY(-140px) rotate(-40deg);opacity:0}
.fsc.pre .fsc-p2{transform:translateY(-140px) rotate(40deg);opacity:0}
.fsc-p1{transition-delay:.2s!important}.fsc-p2{transition-delay:.3s!important}
.fsc.pre .fsc-s{transform:translateY(30px);opacity:0}
.fsc-s1{transition-delay:.7s!important}.fsc-s2{transition-delay:.6s!important}
.fsc.pre .fsc-star{opacity:0;transform:scale(.3)}
.fsc-star{transform-box:fill-box;transform-origin:center;transition-delay:.85s!important}
.fsc-trail path{clip-path:inset(0 0 0 0)}
.fsc.pre .fsc-trail .t1{clip-path:inset(0 100% 0 0)}
.fsc.pre .fsc-trail .t2{clip-path:inset(0 0 0 100%)}
.fsc-trail path{transition-delay:.6s!important}
@media(prefers-reduced-motion:reduce){.fsc *{transition:none!important}}