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): nền than chì như phòng trưng bày, logo một nét cành hoa, ảnh hoa trong khung vòm, giá màu đồng thau */
:root{
  --char:#1C1B19; --char-2:#262420; --char-3:#302D28; --ivory:#ECE5D6; --dim:#A9A293; --moss:#8A9770; --brass:#C7A46A;
  --f-display:"Fraunces",Georgia,serif; --f-body:"Hanken Grotesk",system-ui,sans-serif;
  color-scheme:dark;
}
body{margin:0;background:var(--char);color:var(--ivory);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(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.grabwp__top{padding-block:16px 10px}
.grabwp__bar0{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
.grabwp__brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:26px;gap:6px}
.grabwp__stem{width:46px;height:100px}
.grabwp__stem path{fill:none;stroke:var(--brass);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:draw 2.4s ease forwards .2s}
.grabwp__stem circle{fill:var(--brass)}
@keyframes draw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.grabwp__stem path{animation:none;stroke-dashoffset:0}}
.grabwp__brand h1{font-family:var(--f-display);font-weight:300;font-size:64px;line-height:.95;margin:4px 0 0;letter-spacing:.08em;padding-left:.08em}
.grabwp__brand .grabwp__s{font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:var(--moss);padding-left:.5em}
.grabwp__arch{margin:26px auto 0;width:min(100%,380px);aspect-ratio:3/4;border-radius:999px 999px 0 0;overflow:hidden;outline:1px solid rgba(199,164,106,.35);outline-offset:8px}
.grabwp__arch img{width:100%;height:100%;object-fit:cover;display:block}
.grabwp__lead{text-align:center;font-family:var(--f-display);font-style:italic;font-weight:300;font-size:19px;color:var(--ivory);margin:26px 0 0}
.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;border-radius:99px;text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--brass);color:var(--brass)}
.grabwp__btn.grabwp__fill{background:var(--brass);color:var(--char)}
.grabwp__sec{padding-block:48px 8px}
.grabwp__sh{text-align:center}
.grabwp__sh .grabwp__k{font-family:var(--f-display);font-style:italic;color:var(--moss);font-size:15px}
.grabwp__sh h2{font-family:var(--f-display);font-weight:300;font-size:36px;margin:2px 0 0;line-height:1.05}
.grabwp__sh h2 i{color:var(--brass)}
.grabwp__sh p{margin:6px 0 0;font-size:13px;color:var(--dim)}
.grabwp__chips{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--char);display:flex;gap:8px;overflow-x:auto;padding-block:14px;margin-top:14px;margin-inline:calc(-1*max(20px,env(safe-area-inset-left,0px)));padding-inline:max(20px,env(safe-area-inset-left,0px));scrollbar-width:none}
.grabwp__chips::-webkit-scrollbar{display:none}
.grabwp__chips a{flex:none;font-size:13px;color:var(--ivory);text-decoration:none;border:1px solid rgba(236,229,214,.25);border-radius:99px;padding:7px 15px}
.grabwp__chips a:first-child{border-color:var(--brass);color:var(--brass)}
.grabwp__cat{padding-top:24px;scroll-margin-top:64px}
.grabwp__cat-h{text-align:center;margin-bottom:6px}
.grabwp__cat-h small{display:block;font-size:10.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--moss)}
.grabwp__cat-h h3{font-family:var(--f-display);font-weight:400;font-size:24px;margin:2px 0 0}
.grabwp__cat-h::after{content:"";display:block;width:36px;height:1px;background:var(--brass);margin:12px auto 0}
.grabwp__row{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding-block:14px;border-bottom:1px solid rgba(236,229,214,.1)}
.grabwp__row h4{font-family:var(--f-display);font-weight:400;font-size:18px;margin:0;line-height:1.3}
.grabwp__row .grabwp__pr{font-family:var(--f-display);font-size:19px;color:var(--brass);font-variant-numeric:tabular-nums}
.grabwp__row .grabwp__s{grid-column:1/-1;font-size:12.5px;color:var(--dim)}
.grabwp__row .grabwp__pick{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brass);margin-left:8px;vertical-align:3px}
.grabwp__row .grabwp__tag{grid-column:1/-1;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--moss)}
.grabwp__legend{text-align:center;font-size:12px;color:var(--dim);margin-top:8px}
.grabwp__legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brass);margin-right:6px;vertical-align:1px}
.grabwp__addons{margin-top:30px;border:1px solid rgba(199,164,106,.35);padding:16px 18px}
.grabwp__addons h3{font-family:var(--f-display);font-weight:400;font-size:20px;margin:0 0 4px;text-align:center}
.grabwp__addons div{display:flex;justify-content:space-between;padding-block:7px;font-size:14px;border-bottom:1px solid rgba(236,229,214,.08)}
.grabwp__addons div:last-child{border-bottom:0}
.grabwp__addons b{font-weight:400;color:var(--brass)}
.grabwp__flipsec{background:var(--char-2);margin-top:36px;padding-block:40px 28px}
.grabwp__nf .grabwp__nf-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--brass);background:transparent;color:var(--brass)}
.grabwp__nf .grabwp__nf-count{font-family:var(--f-display);color:var(--dim)}
.grabwp__nf-paper{background:var(--char-3)}
.grabwp__nf-face{box-shadow:0 18px 40px rgba(0,0,0,.5)}
.grabwp__info{padding-block:30px 10px;text-align:center;display:grid;gap:14px}
.grabwp__info div{display:grid;gap:2px}
.grabwp__info dt{font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--moss)}
.grabwp__info dd{margin:0;font-family:var(--f-display);font-size:18px}
footer{text-align:center;padding-block:20px 10px;color:var(--dim);font-size:12px}
.grabwp__bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:1.3fr 1fr;gap:1px;background:rgba(199,164,106,.3);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;background:var(--char-2);color:var(--ivory);text-decoration:none;font-size:13px;letter-spacing:.12em;text-transform:uppercase;line-height:1.35}
.grabwp__bar a small{color:var(--brass);letter-spacing:.06em;font-size:12px;text-transform:none}
.grabwp__bar a+a{background:var(--brass);color:var(--char)}

/* ===== TRANG MENU A4 · nền tối, khung vòm ===== */
.grabwp__pg{background:var(--char-2);color:var(--ivory);font-family:var(--f-body);padding:7cqw 7cqw 5cqw}
.grabwp__pg-h{text-align:center}
.grabwp__pg-h small{display:block;font-size:2.2cqw;letter-spacing:.44em;text-transform:uppercase;color:var(--moss)}
.grabwp__pg-h b{display:block;font-family:var(--f-display);font-weight:300;font-size:8.6cqw;line-height:1.05;margin-top:1cqw}
.grabwp__pg-h::after{content:"";display:block;width:8cqw;height:.25cqw;background:var(--brass);margin:2.6cqw auto 0}
.grabwp__ag{display:grid;grid-template-columns:1fr 1fr;gap:4cqw 5cqw;margin-top:4.4cqw}
.grabwp__ag.grabwp__a3{grid-template-columns:repeat(3,1fr);gap:3.4cqw}
.grabwp__ai .grabwp__ar{aspect-ratio:4/5;border-radius:99cqw 99cqw 0 0;overflow:hidden;max-width:100%}
.grabwp__ai .grabwp__n{font-family:var(--f-display);font-size:3.5cqw;line-height:1.2;margin-top:2cqw}
.grabwp__ai .grabwp__n span{color:var(--brass);white-space:nowrap}
.grabwp__ai .grabwp__s{font-size:2.3cqw;color:var(--dim);margin-top:.6cqw;line-height:1.4}
.grabwp__a3 .grabwp__ai .grabwp__n{font-size:3cqw}
.grabwp__feat{display:grid;grid-template-columns:44cqw 1fr;gap:5cqw;align-items:end;margin-top:4.4cqw}
.grabwp__feat .grabwp__ar{aspect-ratio:3/4;border-radius:99cqw 99cqw 0 0;overflow:hidden}
.grabwp__feat .grabwp__n{font-family:var(--f-display);font-size:5.4cqw;line-height:1.15}
.grabwp__feat .grabwp__s{font-size:2.6cqw;color:var(--dim);margin-top:1.4cqw;line-height:1.45}
.grabwp__feat .grabwp__p{font-family:var(--f-display);font-size:6.4cqw;color:var(--brass);margin-top:2cqw}
.grabwp__box{margin-top:4cqw;border:.25cqw solid rgba(199,164,106,.4);padding:3.4cqw 4cqw}
.grabwp__box h4{font-family:var(--f-display);font-weight:400;font-size:4.4cqw;margin:0 0 1.2cqw;text-align:center}
.grabwp__box div{display:flex;justify-content:space-between;font-size:2.8cqw;padding-block:1.2cqw;border-bottom:.2cqw solid rgba(236,229,214,.1)}
.grabwp__box div:last-child{border-bottom:0}
.grabwp__box b{font-weight:400;color:var(--brass)}
.grabwp__pg-foot{margin-top:auto;padding-top:2.4cqw;display:flex;justify-content:space-between;font-size:2.1cqw;letter-spacing:.28em;text-transform:uppercase;color:var(--dim)}
.grabwp__pg-cover{align-items:center;text-align:center;justify-content:center;gap:2.4cqw;background:var(--char)}
.grabwp__pg-cover .grabwp__stem{width:12cqw;height:26cqw}
.grabwp__pg-cover .grabwp__stem path{animation:none;stroke-dashoffset:0;stroke-width:1.1}
.grabwp__pg-cover .grabwp__t{font-family:var(--f-display);font-weight:300;font-size:15cqw;letter-spacing:.08em;line-height:1}
.grabwp__pg-cover .grabwp__s{font-size:2.6cqw;letter-spacing:.5em;text-transform:uppercase;color:var(--moss)}
.grabwp__pg-cover .grabwp__ar{width:58cqw;height:66cqw;border-radius:29cqw 29cqw 0 0;overflow:hidden;margin-top:4cqw}
.grabwp__pg-back{background:var(--char);align-items:center;justify-content:center;text-align:center;gap:2.4cqw;font-size:3.1cqw;color:var(--dim)}
.grabwp__pg-back b{font-family:var(--f-display);font-weight:300;font-size:11cqw;letter-spacing:.08em;color:var(--ivory)}
@media (min-width:900px){.grabwp__wrap{max-width:720px}}


[hidden]{display:none!important}
.grabwp__inl-1{margin-top:22px !important}
.grabwp__inl-2{grid-template-columns:repeat(4,1fr) !important;gap:3cqw !important}
.grabwp__inl-3{font-size:3cqw !important;color:var(--ivory) !important}
.grabwp__inl-4{font-family:var(--f-display) !important;font-weight:400 !important;color:var(--brass) !important}
.grabwp__inl-5{font-family:var(--f-display) !important;font-weight:400 !important;color:var(--brass) !important}
.grabwp__inl-6{font-family:var(--f-display) !important;font-weight:400 !important;color:var(--brass) !important}
.grabwp__inl-7{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(--char)}
.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(--char-2);color:var(--ivory);padding:14px;border:1px solid rgba(236,229,214,.14)}
.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(--dim);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(--char)}
.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 rgba(236,229,214,.14);padding:7px 14px}
.grabwp__bl{display:grid;gap:12px;margin-top:18px}
.grabwp__bc{background:var(--char-2);color:var(--ivory);padding:16px;border:1px solid rgba(236,229,214,.14)}
.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(--dim)}
.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(--moss);color:var(--char)}
.grabwp__bar a+a+a small{color:inherit;opacity:.8}

/* Bảng giá có ảnh nhỏ (ảnh món tải lên trong admin) */
.grabwp__row--img{grid-template-columns:64px 1fr auto;align-items:start}
.grabwp__row--img .grabwp__thumb{grid-row:1/3;width:64px;height:64px;object-fit:cover;display:block;border-radius:32px 32px 4px 4px}
.grabwp__row--img .grabwp__s{grid-column:2/-1}
.grabwp__row--img:not(:has(.grabwp__thumb)){grid-template-columns:1fr auto}
.grabwp__row--img:not(:has(.grabwp__thumb)) .grabwp__s{grid-column:1/-1}