/*
Theme Name: Không Gian Gốm Quy Nhơn
Theme URI: https://battrangquynhon.vn/
Author: Không Gian Gốm Quy Nhơn
Description: Bản dựng từ thiết kế HTML do chủ website cung cấp. WordPress quản lý nội dung; giỏ chọn mua chỉ lưu tại thiết bị, chưa tạo đơn hoặc gửi yêu cầu.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kgg-quy-nhon
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/2bcedc485e13b6c8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/ac56567c07e300cf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/6285400d1cdb69a6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/dc90c87692ce0046.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/1d013fe8264eeddc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/f98740e21a8d60f3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/d637341ee2988854.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/2e5579b38faf03c6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/968e5e1a0f9b9230.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/a5f75c0dab9e810c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/fa36c719ccf5b296.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/a5140f10b271e10c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/2dc1871151c57409.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/6a8efa5808ca5e37.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/0d765915e5dd3514.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/adf7264998fb8dfb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/2dc1871151c57409.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/6a8efa5808ca5e37.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/0d765915e5dd3514.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/adf7264998fb8dfb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* The supplied visual system is in assets/css/demo.css. */
body.admin-bar .header{top:32px}
.kggqn-contacts{padding:18px 0;border-top:1px solid var(--line);background:var(--cream)}
.kggqn-contacts .container{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.kggqn-contacts span{font-size:13px}
.kggqn-missing{padding:80px 0;min-height:50vh}
.kggqn-missing h1{margin-bottom:20px}
@media(max-width:782px){body.admin-bar .header{top:46px}}
@media(max-width:600px){body.admin-bar .header{top:0}}

/* Quy Nhơn identity, using the owner's original logo artwork. */
:root{--ink:#3e2723;--navy:#95130f;--blue:#bb1914;--soft-blue:#fff3e9;--paper:#fffdf9;--cream:#fef2e4;--muted:#76665b;--line:#e8d7c6;--gold:#9a7248;--body:"Be Vietnam Pro",system-ui,-apple-system,sans-serif;--display:"Playfair Display",Georgia,serif}
.topbar{background:#95130f;color:#fff4e8}
.header{background:#bb1914}
.header-main{height:104px;gap:24px;color:#fff}
.brand-system{min-width:236px;flex-shrink:0}
.brand-logo{width:236px;height:auto;object-fit:contain}
.header .icon-btn:hover{background:rgba(255,255,255,.14)}
.header .count{background:#fff;color:#95130f;border-color:#bb1914}
.header-action>span:not(.icon-btn){font-size:10px}
.header-hotline{display:flex;flex-direction:column;gap:3px;white-space:nowrap;text-align:right;margin-left:auto}
.header-hotline span{font-size:10px;color:#ffdfcf}
.header-hotline strong{font-size:18px;letter-spacing:.02em}
.header .searchbox{max-width:480px}
.header .searchbox form{background:#fff;border:1px solid #f0c5b2;color:var(--ink)}
.header .searchbox button{background:#fff0e5;color:#95130f}
.header-icons{gap:9px;margin-left:0}
.desktop-nav{background:#fef2e4;color:#3e2723;border-top:0;height:48px}
.nav-inner{gap:29px}
.nav-inner>a,.mega-toggle{font-size:12px}
.hero{min-height:470px;background:#fef2e4}
.hero-inner{min-height:470px;padding:42px 0}
.hero:after{background:linear-gradient(90deg,#fff5e9 0%,#fff5e9 36%,rgba(255,245,233,.94) 44%,rgba(255,245,233,.6) 51%,transparent 67%)}
.hero-copy{max-width:580px}
.hero h1{font-size:46px;line-height:1.15;letter-spacing:-.025em;color:#a91612;max-width:580px}
.hero h1>span{display:block}
.hero h1 .hero-region{font-size:34px;margin-top:9px;line-height:1.24}
.hero-copy>p{max-width:470px;font-size:14px;color:#6b5146}
.hero .eyebrow{font-size:10px;letter-spacing:.12em}
.hero-signature{font-size:20px;color:#836344;margin-top:17px}
.hero-contact{display:flex;align-items:center;gap:17px;margin-top:16px;font-size:12px;color:#6b5146}
.hero-contact a{font-weight:700;color:#95130f}
.btn-outline{border-color:#caa58a}
.story-copy{background:#fef2e4}
.story-copy h2{color:#a91612}
.local-living{padding:48px 0 18px}
.local-intro{max-width:720px;margin-bottom:25px}
.local-intro h2{font-size:34px;color:#a91612}
.local-intro p{font-size:14px;color:#76665b;margin-top:12px;max-width:630px}
.local-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.local-use{position:relative;padding:26px 26px 23px;background:#fff;border:1px solid #e8d7c6;border-radius:10px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.local-use:hover{border-color:#bb1914;transform:translateY(-3px)}
.local-number{font-family:var(--display);font-size:28px;color:#ae7854;line-height:1;margin-bottom:17px}
.local-use h3{font-size:25px;color:#8c2119;margin-bottom:12px}
.local-use p{font-size:13px;line-height:1.8;color:#76665b;flex:1;margin-bottom:18px}
.local-link{font-size:12px;font-weight:600;color:#a91612}
.local-market-note{display:flex;justify-content:space-between;gap:30px;padding:19px 2px;border-bottom:1px solid #e8d7c6;margin-top:8px;font-size:12px;color:#76665b;align-items:center}
.local-market-note p{max-width:770px}
.local-market-note a{color:#a91612;white-space:nowrap;font-weight:600}
.showroom-info h1{font-size:35px;color:#a91612}
.showroom-region{font-size:22px;display:block;line-height:1.4;margin-top:8px}
.local-showroom-note{margin-top:26px}
.footer .brand-system{min-width:0;display:inline-flex;margin-bottom:13px}
.footer .brand-logo{width:246px;max-width:100%}
.footer-market{font-size:13px!important;font-weight:600;color:#fff2e4!important;margin:0 0 15px!important}
#menu-dialog .brand-system{min-width:0;display:block;margin-bottom:20px}
#menu-dialog .brand-logo{width:232px;max-width:100%}
@media(min-width:1600px){.hero,.hero-inner{min-height:490px}.hero-inner{padding-top:52px}}
@media(max-width:1199px){.header-main{gap:18px}.brand-system{min-width:216px}.brand-logo{width:216px}.header-hotline strong{font-size:16px}.header-icons{gap:2px}.nav-inner{gap:22px}.hero-copy{max-width:53%}.hero h1{font-size:42px}.hero h1 .hero-region{font-size:30px}.hero-copy>p{max-width:410px}.hero-photo{left:45%;width:55%}}
@media(max-width:980px){.header-main{height:88px;gap:12px}.header .brand-system{flex:1;min-width:0}.header .brand-logo{width:216px}.header-hotline,.header .searchbox,.desktop-nav{display:none}.mobile-menu-button,.mobile-search-button{display:inline-flex;color:#fff}.header-action>span:not(.icon-btn){display:none}.header-action>.icon-btn{display:inline-flex;margin:0}.header-icons{gap:5px}.hero-copy{max-width:59%}.hero h1{font-size:37px}.hero h1 .hero-region{font-size:27px}.hero-copy>p{max-width:380px}.hero:after{background:linear-gradient(90deg,#fff5e9 0%,#fff5e9 41%,rgba(255,245,233,.94) 49%,rgba(255,245,233,.65) 59%,transparent 78%)}.local-use-grid{gap:15px}.local-use{padding:22px 18px}.local-use h3{font-size:22px}.local-market-note{display:block}.local-market-note a{display:inline-block;margin-top:10px}}
@media(max-width:640px){.topbar{height:27px;font-size:10px}.header-main{height:82px;gap:8px}.header .brand-logo{width:190px}.header-icons{gap:1px}.header-icons .header-action[href$="/showroom/"],.header-icons .header-action[href$="/da-luu/"]{display:none}.header .icon-btn{width:39px;height:44px}.header .brand-system{min-width:0;overflow:hidden}.service-inner{padding:10px 0}.service-item span{font-size:8px}.hero,.hero-inner{min-height:580px}.hero-inner{padding:30px 0 218px}.hero-copy{max-width:100%}.hero h1{font-size:33px;max-width:100%;margin-bottom:15px}.hero h1 .hero-region{font-size:25px;max-width:350px;margin-top:8px}.hero-copy>p{max-width:100%;font-size:13px;line-height:1.8}.hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:13px}.hero .actions{gap:9px}.hero .btn{font-size:12px;padding:10px 14px;min-height:44px}.hero-contact{font-size:11px;gap:15px;margin-top:13px}.hero-signature{font-size:18px;margin-top:14px}.hero-photo{left:0;width:100%;top:auto;bottom:0;height:225px;object-position:center 52%}.hero:after{background:linear-gradient(180deg,#fff5e9 0%,#fff5e9 58%,rgba(255,245,233,.9) 63%,rgba(255,245,233,.4) 69%,transparent 78%)}.local-living{padding:34px 0 8px}.local-intro h2{font-size:29px}.local-intro p{font-size:13px}.local-use-grid{grid-template-columns:1fr;gap:12px}.local-use{padding:20px 22px}.local-number{font-size:22px;margin-bottom:11px}.local-use h3{font-size:23px;margin-bottom:9px}.local-use p{font-size:13px;margin-bottom:13px}.local-market-note{font-size:11px;padding:17px 2px}.showroom-info h1{font-size:29px}.showroom-region{font-size:20px}.footer .brand-logo{width:234px}}
@media(max-width:359px){.header-main{gap:6px}.header .brand-logo{width:165px}.header .icon-btn{width:35px}.hero h1{font-size:30px}.hero h1 .hero-region{font-size:23px}.hero-copy>p{max-width:100%}.hero,.hero-inner{min-height:615px}.hero-inner{padding-bottom:220px}.hero .btn{font-size:11px;padding:10px 12px}}
@media(max-width:640px){.hero-photo{position:absolute}.hero-signature{display:none}}
