body{margin:0}
*,*::before,*::after{box-sizing:border-box}img{max-width:100%}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

/* ===== Sách menu lật =====
   Điện thoại: lật từng trang. Máy tính: mở đôi 2 trang. */
.grabwp__nf-stage { width: 100%; max-width: 880px; margin-inline: auto; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.grabwp__nf-stage.grabwp__is-single { max-width: 460px; overflow: hidden; padding: 6px 6px 14px; }
.grabwp__nf-book { position: relative; width: 100%; max-width: 100%; perspective: 2400px; transition: transform .8s cubic-bezier(.5, .1, .2, 1); }
.grabwp__nf-d { aspect-ratio: 1.414 / 1; }
.grabwp__nf-s { aspect-ratio: 1 / 1.414; }
.grabwp__nf-d[data-state="start"] { transform: translateX(-25%); }
.grabwp__nf-d[data-state="end"] { transform: translateX(25%); }
.grabwp__nf-instant,
.grabwp__nf-instant .grabwp__nf-sheet { transition: none; }
.grabwp__nf-sheet { position: absolute; top: 0; height: 100%; transform-origin: left center; transform-style: preserve-3d; transition: transform .95s cubic-bezier(.62, .04, .26, 1), opacity .95s; cursor: pointer; }
.grabwp__nf-d .grabwp__nf-sheet { left: 50%; width: 50%; }
.grabwp__nf-s .grabwp__nf-sheet { left: 0; width: 100%; }
.grabwp__nf-sheet.grabwp__is-flipped { transform: rotateY(-180deg); }
.grabwp__nf-s .grabwp__nf-sheet.grabwp__is-flipped { transform: rotateY(-160deg); opacity: 0; }
.grabwp__nf-sheet.grabwp__is-hidden { visibility: hidden; }
.grabwp__nf-face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; container-type: inline-size; box-shadow: 0 10px 28px rgba(0, 0, 0, .16); }
.grabwp__nf-back { transform: rotateY(180deg); }
.grabwp__nf-face::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.grabwp__nf-d .grabwp__nf-front::after { background: linear-gradient(90deg, rgba(0, 0, 0, .14), rgba(0, 0, 0, 0) 7%); }
.grabwp__nf-d .grabwp__nf-back::after { background: linear-gradient(270deg, rgba(0, 0, 0, .14), rgba(0, 0, 0, 0) 7%); }
.grabwp__nf-paper { position: absolute; inset: 0; background: #f4f1ea; }
.grabwp__nf-controls { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 16px; }
.grabwp__nf-btn { appearance: none; border: 0; cursor: pointer; font: inherit; display: inline-grid; place-items: center; -webkit-tap-highlight-color: transparent; }
.grabwp__nf-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.grabwp__nf-btn:disabled { opacity: .3; cursor: default; }
.grabwp__nf-btn:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.grabwp__nf-count { font-variant-numeric: tabular-nums; min-width: 7ch; text-align: center; }
.grabwp__nf-hint { text-align: center; font-size: 12px; opacity: .7; margin-top: 8px; }
.grabwp__pg { position: absolute; inset: 0; display: flex; flex-direction: column; overflow: hidden; }
.grabwp__pg img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* Trang là ảnh/PDF xuất ảnh (data-flip-images) */
.grabwp__pg.grabwp__pg--image { padding: 0; }
.grabwp__pg--image img { object-fit: contain; }
@media (prefers-reduced-motion: reduce) {
  .grabwp__nf-sheet,
  .grabwp__nf-book { transition: none; }
  html { scroll-behavior: auto; }
}



/* Layout (mobile trước): đầu trang xanh trà với vòng enso, bảng giá dạng bảng hai cột M/L kẻ chỉ đồng, sách menu ảnh tròn như chén trà nhìn từ trên */
:root{
  --tea:#EDEEE3; --leaf:#22362A; --leaf-2:#2E4637; --matcha:#8FA65B; --brass:#B39456; --mist:#CFD3C0; --rice:#F8F8F1; --soft:#5C6B5F;
  --f-display:"Cormorant Garamond",Georgia,serif; --f-body:"Lexend",system-ui,sans-serif;
  color-scheme:light;
}
body{margin:0;background:var(--tea);color:var(--leaf);font-family:var(--f-body);font-weight:300;font-size:15px;line-height:1.65;padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
.grabwp__wrap{max-width:560px;margin-inline:auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.grabwp__top{background:var(--leaf);color:var(--rice);padding-block:16px 30px}
.grabwp__tb{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid rgba(179,148,86,.4);padding-bottom:12px;color:var(--mist)}
.grabwp__brand{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;margin-top:24px}
.grabwp__enso{width:96px;height:96px}
.grabwp__brand h1{font-family:var(--f-display);font-weight:500;font-size:46px;line-height:.92;margin:0}
.grabwp__brand h1 i{color:var(--matcha)}
.grabwp__brand .grabwp__ln{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--brass);margin-top:8px}
.grabwp__hero{margin-top:24px;position:relative}
.grabwp__hero img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.grabwp__hero span{position:absolute;left:0;bottom:0;background:var(--leaf);color:var(--brass);font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding:8px 12px 0 0}
.grabwp__lead{font-family:var(--f-display);font-style:italic;font-size:21px;line-height:1.35;margin:18px 0 0;color:var(--rice)}
.grabwp__cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.grabwp__btn{display:flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--rice);border:1px solid var(--brass)}
.grabwp__btn.grabwp__fill{background:var(--brass);color:var(--leaf);font-weight:500}
.grabwp__sec{padding-block:40px 8px}
.grabwp__sh small{display:block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--brass)}
.grabwp__sh h2{font-family:var(--f-display);font-weight:500;font-size:40px;margin:2px 0 0;line-height:1}
.grabwp__sh p{margin:6px 0 0;font-size:13px;color:var(--soft)}
.grabwp__chips{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;gap:22px;overflow-x:auto;padding-block:14px;margin-inline:calc(-1*max(18px,env(safe-area-inset-left,0px)));padding-inline:max(18px,env(safe-area-inset-left,0px));background:var(--tea);scrollbar-width:none;border-bottom:1px solid var(--mist)}
.grabwp__chips::-webkit-scrollbar{display:none}
.grabwp__chips a{flex:none;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf);text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent}
.grabwp__chips a:first-child{border-color:var(--brass);color:var(--brass)}
.grabwp__cat{padding-top:26px;scroll-margin-top:56px}
.grabwp__th{display:grid;grid-template-columns:1fr 44px 44px;gap:6px;align-items:end;border-bottom:1px solid var(--brass);padding-bottom:8px}
.grabwp__th h3{font-family:var(--f-display);font-weight:600;font-size:26px;margin:0;line-height:1}
.grabwp__th h3 small{display:block;font-family:var(--f-body);font-weight:300;font-size:11px;letter-spacing:.3em;color:var(--brass);margin-bottom:4px}
.grabwp__th b{font-family:var(--f-display);font-weight:600;font-size:16px;text-align:center;color:var(--brass)}
.grabwp__r{display:grid;grid-template-columns:1fr 44px 44px;gap:6px;align-items:center;padding-block:12px;border-bottom:1px solid var(--mist)}
.grabwp__r h4{font-family:var(--f-display);font-weight:600;font-size:19px;line-height:1.2;margin:0}
.grabwp__r small{display:block;font-family:var(--f-display);font-style:italic;font-weight:500;color:var(--matcha);font-size:15px}
.grabwp__r .grabwp__p{font-family:var(--f-display);font-weight:600;font-size:19px;text-align:center;font-variant-numeric:tabular-nums}
.grabwp__r .grabwp__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--matcha);margin-left:8px;vertical-align:4px}
.grabwp__r .grabwp__new{font-family:var(--f-body);font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--brass);color:var(--brass);padding:1px 6px;margin-left:8px;vertical-align:4px}
.grabwp__legend{font-size:12px;color:var(--soft);margin-top:10px}
.grabwp__legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--matcha);margin-right:6px;vertical-align:1px}
.grabwp__tp{margin-top:28px;background:var(--leaf);color:var(--rice);padding:18px}
.grabwp__tp h3{font-family:var(--f-display);font-weight:500;font-size:24px;margin:0 0 6px}
.grabwp__tp .grabwp__g{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.grabwp__tp .grabwp__g div{display:flex;justify-content:space-between;font-size:13.5px;padding-block:6px;border-bottom:1px solid rgba(179,148,86,.3)}
.grabwp__tp .grabwp__g div span:last-child{color:var(--brass)}
.grabwp__tp .grabwp__o{margin-top:12px;font-size:13px;color:var(--mist);line-height:1.7}
.grabwp__tp .grabwp__o b{font-weight:400;color:var(--brass)}
.grabwp__flipsec{margin-top:40px;background:var(--rice);padding-block:36px 26px;border-block:1px solid var(--mist)}
.grabwp__nf .grabwp__nf-btn{width:46px;height:46px;border-radius:50%;background:var(--leaf);color:var(--rice)}
.grabwp__nf .grabwp__nf-count{font-family:var(--f-display);font-size:19px}
.grabwp__nf-paper{background:var(--tea)}
.grabwp__info{padding-block:30px 10px;display:grid}
.grabwp__info div{display:flex;justify-content:space-between;gap:14px;padding-block:12px;border-bottom:1px solid var(--mist);font-size:14px}
.grabwp__info dt{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);padding-top:3px}
.grabwp__info dd{margin:0;text-align:right}
footer{text-align:center;padding-block:22px 10px;font-family:var(--f-display);font-size:22px}
.grabwp__bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:1.3fr 1fr;background:var(--leaf);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.grabwp__bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;color:var(--rice);text-decoration:none;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;line-height:1.4}
.grabwp__bar a small{letter-spacing:.06em;text-transform:none;color:var(--brass);font-size:12px}
.grabwp__bar a+a{background:var(--brass);color:var(--leaf);font-weight:500}

/* ===== TRANG MENU A4 · ảnh tròn nhìn từ trên ===== */
.grabwp__pg{background:var(--rice);color:var(--leaf);font-family:var(--f-body);padding:7cqw 7cqw 5cqw}
.grabwp__pg-h{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:.25cqw solid var(--brass);padding-bottom:2cqw}
.grabwp__pg-h b{font-family:var(--f-display);font-weight:500;font-size:10cqw;line-height:.95}
.grabwp__pg-h span{font-size:2.3cqw;letter-spacing:.3em;text-transform:uppercase;color:var(--brass);text-align:right;line-height:1.5}
.grabwp__cg{display:grid;grid-template-columns:1fr 1fr;gap:4cqw 6cqw;margin-top:4.4cqw}
.grabwp__ci{display:flex;flex-direction:column;align-items:center;text-align:center}
.grabwp__ci .grabwp__ph{width:26cqw;height:26cqw;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.4cqw var(--rice),0 0 0 1.7cqw var(--mist),0 2.4cqw 3cqw rgba(34,54,42,.18)}
.grabwp__ci .grabwp__n{font-family:var(--f-display);font-weight:700;font-size:4cqw;line-height:1.15;margin-top:3.2cqw}
.grabwp__ci .grabwp__n span{font-weight:500;color:var(--soft)}
.grabwp__ci .grabwp__s{font-family:var(--f-display);font-style:italic;color:var(--matcha);font-size:3.2cqw;line-height:1.2}
.grabwp__cg.grabwp__big .grabwp__ci .grabwp__ph{width:32cqw;height:32cqw}
.grabwp__cg.grabwp__six{gap:3cqw 6cqw;margin-top:3.6cqw}
.grabwp__cg.grabwp__six .grabwp__ci .grabwp__ph{width:20cqw;height:20cqw}
.grabwp__cg.grabwp__six .grabwp__ci .grabwp__n{font-size:3.5cqw;margin-top:2.6cqw}
.grabwp__cg.grabwp__six .grabwp__ci .grabwp__s{font-size:2.8cqw}
.grabwp__cg.grabwp__big .grabwp__ci .grabwp__n{font-size:4.6cqw}
.grabwp__cg.grabwp__big{gap:7cqw 6cqw;margin-top:6cqw}
.grabwp__pg-foot{margin-top:auto;padding-top:2.4cqw;display:flex;justify-content:space-between;font-size:2.2cqw;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)}
.grabwp__tb2{margin-top:4.4cqw}
.grabwp__tb2 h4{font-family:var(--f-display);font-weight:600;font-size:5.4cqw;margin:0 0 1.4cqw}
.grabwp__tb2 .grabwp__g{display:grid;grid-template-columns:1fr 1fr;gap:0 5cqw}
.grabwp__tb2 .grabwp__g div,.grabwp__tb2 .grabwp__o div{display:flex;justify-content:space-between;gap:3cqw;font-size:3cqw;padding-block:1.4cqw;border-bottom:.25cqw solid var(--mist)}
.grabwp__tb2 .grabwp__g div span:last-child{font-family:var(--f-display);font-weight:700;font-size:3.6cqw}
.grabwp__tb2 .grabwp__o div span:last-child{text-align:right;color:var(--soft)}
.grabwp__cmb{margin-top:5cqw;background:var(--leaf);color:var(--rice);padding:4cqw 5cqw;display:flex;justify-content:space-between;align-items:center;gap:3cqw}
.grabwp__cmb b{display:block;font-family:var(--f-display);font-weight:600;font-size:5.4cqw;color:var(--rice)}
.grabwp__cmb span{font-size:2.7cqw;color:var(--mist)}
.grabwp__cmb .grabwp__p{font-family:var(--f-display);font-size:9cqw;color:var(--brass);line-height:1}
.grabwp__pg-cover{background:var(--leaf);color:var(--rice);align-items:center;justify-content:center;text-align:center;gap:3cqw}
.grabwp__pg-cover .grabwp__enso{width:30cqw;height:30cqw}
.grabwp__pg-cover .grabwp__t{font-family:var(--f-display);font-weight:500;font-size:13cqw;line-height:.9}
.grabwp__pg-cover .grabwp__t i{color:var(--matcha)}
.grabwp__pg-cover .grabwp__s{font-size:2.6cqw;letter-spacing:.4em;text-transform:uppercase;color:var(--brass)}
.grabwp__pg-cover .grabwp__ph{width:52cqw;height:52cqw;border-radius:50%;overflow:hidden;margin-top:4cqw;box-shadow:0 0 0 1.6cqw var(--leaf),0 0 0 1.9cqw var(--brass)}
.grabwp__pg-back{background:var(--leaf-2);color:var(--rice);align-items:center;justify-content:center;text-align:center;gap:2.6cqw;font-size:3.2cqw}
.grabwp__pg-back b{font-family:var(--f-display);font-weight:500;font-size:10cqw}
@media (min-width:900px){.grabwp__wrap{max-width:720px}}


[hidden]{display:none!important}
.grabwp__inl-1{scroll-margin-top:56px !important}
.grabwp__inl-2{margin-top:20px !important}
.grabwp__inl-3{opacity:.7 !important}

/* ===== Plugin Nado Menu Kit v2: chi nhánh, khuyến mãi, giá khuyến mãi, link liên hệ ===== */
.grabwp__ico{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.grabwp__cn{display:flex;gap:8px;overflow-x:auto;margin-top:16px;padding-bottom:4px;scrollbar-width:none}
.grabwp__cn::-webkit-scrollbar{display:none}
.grabwp__cn button{flex:none;appearance:none;cursor:pointer;font:inherit;font-size:13px;color:inherit;background:transparent;border:1px solid currentColor;padding:7px 14px;opacity:.75}
.grabwp__cn button[aria-current="true"]{opacity:1;background:var(--brass);border-color:var(--brass);color:var(--leaf)}
.grabwp__promos{display:grid;gap:14px;margin-top:18px}
.grabwp__promo{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;background:var(--rice);color:var(--leaf);padding:14px;border:1px solid var(--mist)}
.grabwp__promo:not(:has(.grabwp__promo-ph)){grid-template-columns:1fr}
.grabwp__promo-ph{aspect-ratio:1;overflow:hidden}
.grabwp__promo-ph img{display:block;width:100%;height:100%;object-fit:cover}
.grabwp__promo h3{font-family:var(--f-display);font-weight:400;font-size:22px;line-height:1.15;margin:6px 0 4px}
.grabwp__promo p{margin:0 0 6px;font-size:14px}
.grabwp__promo-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.grabwp__promo-m code{font:inherit;font-weight:600;letter-spacing:.08em;border:1px dashed var(--brass);padding:2px 8px}
.grabwp__promo-m small{color:var(--soft);font-size:12px}
.grabwp__promo .grabwp__btn{display:inline-flex;width:auto;min-height:40px;padding:0 18px;margin-top:6px;background:var(--brass);border-color:var(--brass);color:var(--leaf)}
.grabwp__sale{display:inline-block;margin-left:6px;font-size:10px;font-weight:600;letter-spacing:.08em;padding:2px 6px;border:1px solid var(--brass);color:var(--brass);vertical-align:2px;line-height:1.3}
.grabwp__promo .grabwp__sale{margin-left:0}
.grabwp__pr s,.grabwp__p s{display:block;font-size:.68em;opacity:.55;line-height:1.1}
.grabwp__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.grabwp__links a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:inherit;text-decoration:none;border:1px solid var(--mist);padding:7px 14px}
.grabwp__bl{display:grid;gap:12px;margin-top:18px}
.grabwp__bc{background:var(--rice);color:var(--leaf);padding:16px;border:1px solid var(--mist)}
.grabwp__bc[aria-current="true"]{border-color:var(--brass)}
.grabwp__bc h3{font-family:var(--f-display);font-weight:400;font-size:22px;margin:0 0 4px}
.grabwp__bc p{margin:0;font-size:14px}
.grabwp__bc .grabwp__bc-h{color:var(--soft)}
.grabwp__bc .grabwp__links{margin-top:10px}
.grabwp__bar{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
.grabwp__bar a+a+a{background:var(--matcha);color:var(--leaf)}
.grabwp__bar a+a+a small{color:inherit;opacity:.8}
.grabwp__r .grabwp__new[data-badge="HOT"]{font-size:0;width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--matcha);margin-left:8px;vertical-align:4px}