/* Native dialog: compact brand, scrollable choices, fixed local contact. */
#menu-dialog.qn-ux-menu{width:min(420px,calc(100vw - 20px));height:100vh;height:100dvh;max-height:100dvh;max-width:none;box-sizing:border-box;padding:0;margin:0 auto 0 0;border:0;border-radius:0 18px 18px 0;background:#fffdf9;color:#382b24;overflow:hidden}
#menu-dialog.qn-ux-menu[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#menu-dialog.qn-ux-menu::backdrop{background:#281b17a8;backdrop-filter:blur(3px)}
#menu-dialog .qn-ux-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 12px;border-bottom:1px solid #eadbce}
#menu-dialog .qn-ux-menu-brand{display:block;width:210px;max-width:calc(100% - 60px)}
#menu-dialog .qn-ux-menu-brand img{display:block;width:100%;height:auto}
#menu-dialog .qn-ux-menu-head button{width:44px;height:44px;min-width:44px;border:1px solid #eadbce;border-radius:50%;background:#fff;font-size:30px;font-weight:400;line-height:1;color:#6c4231}
#menu-dialog .qn-ux-menu-body{overflow:auto;overscroll-behavior:contain;padding:20px 18px 24px;min-height:0;scrollbar-width:thin}
#menu-dialog h2{font:600 25px/1.25 var(--display);margin:0 0 16px;color:#382b24}
#menu-dialog h3{font:600 15px/1.5 var(--body);margin:20px 0 10px;color:#6b4330}
#menu-dialog .qn-ux-menu-search{display:flex;align-items:stretch;border:1px solid #d8c6b5;background:#fff;border-radius:10px;overflow:hidden;min-height:48px}
#menu-dialog .qn-ux-menu-search input{min-width:0;width:100%;border:0;padding:12px;font:400 16px/1.5 var(--body);background:transparent;color:#382b24;outline-offset:-3px}
#menu-dialog .qn-ux-menu-search button{border:0;border-left:1px solid #eadbce;background:#fff3e9;color:#9c1c16;font:600 14px/1.5 var(--body);padding:12px;min-width:52px}
#menu-dialog .qn-ux-menu-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
#menu-dialog .qn-ux-menu-shortcuts a,#menu-dialog .qn-ux-menu-category-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px;border:1px solid #e9dacb;border-radius:9px;font:500 14px/1.5 var(--body);text-decoration:none;color:#49382d;background:#fff}
#menu-dialog .qn-ux-menu-shortcuts a{background:#f5eee5;color:#962018;font-weight:600}
#menu-dialog .qn-ux-menu-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#menu-dialog .qn-ux-menu-category-grid a>span{font-size:13px;color:#a17f68;flex-shrink:0}
#menu-dialog .qn-ux-menu-main{margin-top:18px;border-top:1px solid #eadbce}
#menu-dialog .qn-ux-menu-main a,#menu-dialog .qn-ux-menu-info a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:12px 0;font:500 15px/1.5 var(--body);border-bottom:1px solid #eadbce;text-decoration:none;color:#49382d}
#menu-dialog .qn-ux-menu-more{margin-top:12px;border:1px solid #e9dacb;border-radius:9px;padding:0 12px;background:#fff}
#menu-dialog .qn-ux-menu-more summary{min-height:48px;padding:13px 25px 13px 0;font:500 14px/1.5 var(--body);cursor:pointer;color:#6b4330;position:relative}
#menu-dialog .qn-ux-menu-more .qn-ux-menu-category-grid{padding-bottom:12px}
#menu-dialog .qn-ux-menu-contact{padding:12px 18px max(14px,env(safe-area-inset-bottom));background:#f5eee5;border-top:1px solid #dfcdbb}
#menu-dialog .qn-ux-menu-address{display:block;text-decoration:none;color:#49382d}
#menu-dialog .qn-ux-menu-address strong{display:block;font-size:14px;line-height:1.5}
#menu-dialog .qn-ux-menu-address span{display:block;font-size:12px;line-height:1.6;margin-top:2px;color:#6f5d4f}
#menu-dialog .qn-ux-menu-contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}
#menu-dialog .qn-ux-menu-call{color:#a21c17;font-size:18px;font-weight:700;text-decoration:none;min-height:44px;display:flex;align-items:center}
#menu-dialog .qn-ux-menu-contact-row>span{font-size:12px;color:#6f5d4f}
#menu-dialog .qn-ux-menu-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#menu-dialog .qn-ux-menu-contact-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;background:#a21c17;border:1px solid #a21c17;border-radius:8px;font-size:14px;font-weight:600;color:#fff;text-decoration:none}
#menu-dialog .qn-ux-menu-contact-actions a:last-child{background:#fff;color:#1265ba;border-color:#d2dbe6}
#menu-dialog a:focus-visible,#menu-dialog button:focus-visible,#menu-dialog summary:focus-visible{outline:3px solid #b91a16;outline-offset:2px}
.qn-ux-more-new{display:none}
body.home #main .qn-real-home :is(#chon-gom,#qn-new-products,#ghe-cua-hang){scroll-margin-top:12px}
body.home .qn-real-home .qn-r-hero-address a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){
 body.home .topbar{display:none}
 body.home #main .qn-real-home .qn-r-hero{padding:24px 0 26px}
 body.home #main .qn-real-home .qn-r-hero-copy h1{font-size:38px;line-height:1.12;letter-spacing:-.03em}
 body.home #main .qn-real-home .qn-r-hero-copy h1 span{font-size:28px;line-height:1.25;margin-top:8px}
 body.home #main .qn-real-home .qn-r-hero-copy .qn-r-hero-lead{font-size:21px;margin:16px 0 12px;line-height:1.4}
 body.home #main .qn-real-home p{font-size:15px;line-height:1.75}
 body.home #main .qn-real-home .eyebrow{font-size:10px;letter-spacing:.08em}
 body.home #main .qn-real-home .qn-r-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
 body.home #main .qn-real-home .btn{font-size:14px;padding:12px 14px;min-height:48px;border-radius:8px}
 body.home #main .qn-real-home .qn-r-hero-contact{font-size:12px;gap:8px 14px;margin-top:12px}
 body.home #main .qn-real-home .qn-r-hero-contact a{min-height:40px}
 body.home #main .qn-real-home .qn-r-hero-contact a:first-child{font-size:17px}
 body.home #main .qn-real-home .qn-r-hero-copy .qn-r-hero-address{font-size:12px;margin-top:0}
 body.home #main .qn-real-home .qn-r-hero-address a{display:inline-flex;align-items:center;min-height:40px}
 body.home #main .qn-real-home .qn-r-hero-grid{gap:16px}
 body.home #main .qn-real-home .qn-r-hero-figure figcaption{font-size:11px;min-height:44px}
 body.home #main .qn-real-home .qn-r-section{padding-block:28px}
 body.home #main .qn-real-home .qn-r-heading{margin-bottom:16px}
 body.home #main .qn-real-home .qn-r-heading>.qn-r-link{font-size:13px;min-height:44px;margin-top:8px}
 body.home #main .qn-real-home .qn-home-line-jumps{gap:8px}
 body.home #main .qn-real-home .qn-home-line-jumps a{min-height:52px;padding:10px 12px;flex-direction:row;align-items:center}
 body.home #main .qn-real-home .qn-home-line-jumps strong{font-size:14px;line-height:1.5}
 body.home #main .qn-real-home .qn-home-line-jumps a>span{font-size:0}
 body.home #main .qn-real-home .qn-home-line-jumps a>span>span{font-size:16px}
 body.home #main .qn-real-home .qn-home-all-categories{margin-top:12px}
 body.home #main .qn-real-home :is(.qn-line-product-availability,.qn-new-availability){font-size:13px;line-height:1.65}
 body.home #main .qn-real-home :is(.qn-line-product-category,.qn-new-category){font-size:12px;line-height:1.5}
 body.home #main .qn-real-home :is(.qn-line-product-details,.qn-new-details){font-size:13px;min-height:44px}
 body.home #main .qn-real-home #qn-new-products.qn-ux-new-preview:not(.qn-ux-new-expanded) .qn-new-card:nth-child(n+5){display:none}
 body.home #main .qn-ux-more-new{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;min-height:48px;padding:12px;border:1px solid #cfbba7;border-radius:8px;background:#fffdf9;color:#962018;font:600 14px/1.5 var(--body);cursor:pointer}
 body.home #main .qn-real-home .kggqn-blog-preview{padding-block:32px}
 body.home #main .qn-real-home .kggqn-blog-grid{gap:12px}
 body.home #main .qn-real-home .kggqn-blog-card{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start}
 body.home #main .qn-real-home .kggqn-blog-card-image{width:100px;aspect-ratio:1;margin:14px 0 0 12px;border-radius:8px}
 body.home #main .qn-real-home .kggqn-blog-card-image img{width:100%;height:100%;object-fit:contain}
 body.home #main .qn-real-home .kggqn-blog-card-copy{padding:14px 12px 10px 24px;min-width:0}
 body.home #main .qn-real-home .kggqn-blog-card h3{font-size:19px;line-height:1.4;margin:6px 0}
 body.home #main .qn-real-home .kggqn-blog-card-copy p{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 body.home #main .qn-real-home .kggqn-blog-topic{font-size:11px}
 body.home #main .qn-real-home .kggqn-blog-read{font-size:13px;min-height:44px;display:inline-flex;align-items:center;margin-top:4px}
 body.home #main .qn-real-home .qn-r-visit-steps li{padding:16px 0}
 body.home #main .qn-real-home .qn-r-visit-steps li a{font-size:14px;min-height:44px}
 body.home #main .qn-real-home .qn-r-faq summary{font-size:15px;line-height:1.6;min-height:48px;padding-block:16px}
 body.home .qn-mobile-contact{padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -3px 18px #372b2510}
 body.home .qn-mobile-contact :is(a,button){min-height:52px;font-size:12px}
 body.home .back-top{bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){
 #menu-dialog .qn-ux-menu-head{padding:12px 14px}
 #menu-dialog .qn-ux-menu-body{padding:16px 14px 20px}
 #menu-dialog .qn-ux-menu-contact{padding-inline:14px}
 #menu-dialog h2{font-size:23px}
 #menu-dialog .qn-ux-menu-category-grid a{font-size:13px;padding:10px;min-height:46px}
 body.home #main .qn-real-home .qn-r-hero-copy h1{font-size:33px}
 body.home #main .qn-real-home .qn-r-actions .btn{font-size:13px;padding-inline:10px}
 body.home #main .qn-real-home .kggqn-blog-card{grid-template-columns:80px minmax(0,1fr)}
 body.home #main .qn-real-home .kggqn-blog-card-image{width:80px}
 body.home #main .qn-real-home .kggqn-blog-card h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){#menu-dialog.qn-ux-menu::backdrop{backdrop-filter:none}}