@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap');
:root{--gb-bg:#f5efe8;--gb-paper:#fffaf4;--gb-ink:#2b170f;--gb-muted:#7b675b;--gb-gold:#b98a45;--gb-gold2:#d9b77d;--gb-brown:#24130c;--gb-line:rgba(43,23,15,.14);--gb-serif:'Cormorant Garamond',serif;--gb-sans:'Be Vietnam Pro',sans-serif}
.gb-about,.gb-about *{box-sizing:border-box}.gb-about{font-family:var(--gb-sans);color:var(--gb-ink)}.gb-about img{width:100%;height:100%;display:block;object-fit:cover}.gb-wrap{width:min(1240px,calc(100% - 48px));margin:auto}.gb-section{padding:120px 0;background:var(--gb-bg)}.gb-section-label{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#907a6b}.gb-section-label--light{color:#d9c9bd}.gb-kicker,.gb-eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase}.gb-kicker{color:var(--gb-gold);margin:0 0 22px}.gb-kicker--gold{color:var(--gb-gold2)}.gb-display{font:500 clamp(46px,6vw,86px)/.98 var(--gb-serif);letter-spacing:-.03em;margin:0}.gb-display em{font-weight:500;color:var(--gb-gold)}.gb-display--light{color:#fff}.gb-reveal{opacity:0;transform:translateY(34px);transition:.85s ease}.gb-reveal.is-visible{opacity:1;transform:none}.gb-reveal-img{clip-path:inset(100% 0 0);transition:1.15s cubic-bezier(.2,.8,.2,1)}.gb-reveal-img.is-visible{clip-path:inset(0)}
.gb-hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;color:#fff;background:#1a0e08}.gb-hero__media,.gb-hero__shade,.gb-visit__media,.gb-visit__shade,.gb-craft__media,.gb-craft__shade{position:absolute;inset:-8% 0}.gb-hero__shade{inset:0;background:linear-gradient(90deg,rgba(17,8,4,.78),rgba(17,8,4,.18)),linear-gradient(0deg,rgba(17,8,4,.5),transparent 50%)}.gb-hero__content{position:relative;z-index:2;padding-top:90px}.gb-hero__title{font:500 clamp(68px,10vw,145px)/.78 var(--gb-serif);letter-spacing:-.05em;margin:25px 0 70px}.gb-hero__title em{font-weight:500;color:var(--gb-gold2)}.gb-hero__bottom{display:flex;justify-content:space-between;align-items:end}.gb-hero__bottom p{font-size:13px;line-height:1.8}.gb-link{color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.17em}.gb-link span{margin-left:14px}.gb-seal{position:absolute;right:6vw;top:20%;z-index:3;width:125px;height:125px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;text-align:center;animation:gbFloat 5s ease-in-out infinite}.gb-seal span{font:600 46px var(--gb-serif);color:var(--gb-gold2)}.gb-seal small{position:absolute;bottom:20px;font-size:6px;letter-spacing:.13em}.gb-story__grid,.gb-philosophy__head,.gb-heading{display:grid;grid-template-columns:1fr 3fr;gap:60px}.gb-story__copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:55px 0 0 18%}.gb-story__copy p{font-size:14px;line-height:1.9;color:var(--gb-muted)}
.gb-editorial{background:var(--gb-paper)}.gb-editorial__grid{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:40px;align-items:center}.gb-image--tall{height:680px}.gb-image--small{height:420px}.gb-image figcaption{font:italic 15px var(--gb-serif);margin-top:13px;color:var(--gb-gold)}.gb-editorial__quote{padding:40px 10px}.gb-editorial__quote>span{font:italic 90px/1 var(--gb-serif);color:var(--gb-gold2)}.gb-editorial blockquote{font:500 38px/1.16 var(--gb-serif);margin:0 0 22px}.gb-editorial__quote p{font-size:12px;color:var(--gb-muted)}
.gb-philosophy{background:var(--gb-brown);color:#fff;overflow:hidden}.gb-marquee{white-space:nowrap;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);padding:24px 0;margin-bottom:95px}.gb-marquee div{display:inline-block;font:500 27px var(--gb-serif);word-spacing:25px;animation:gbMarquee 22s linear infinite}.gb-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px}.gb-stat{padding:35px;border-right:1px solid rgba(255,255,255,.16)}.gb-stat:last-child{border:0}.gb-stat strong{font:500 78px var(--gb-serif);color:var(--gb-gold2)}.gb-stat span{font:500 25px var(--gb-serif);color:var(--gb-gold2)}.gb-stat p{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#c1b1a7}
.gb-heading{margin-bottom:70px}.gb-value{display:grid;grid-template-columns:60px 1.15fr 1fr 35px;gap:25px;align-items:center;padding:34px 0;border-top:1px solid var(--gb-line);transition:.35s}.gb-value:last-child{border-bottom:1px solid var(--gb-line)}.gb-value:hover{padding-left:15px;color:var(--gb-gold)}.gb-value>span{font:italic 17px var(--gb-serif);color:#967f70}.gb-value h3{font:500 36px var(--gb-serif);margin:0}.gb-value p{font-size:13px;line-height:1.7;color:var(--gb-muted);margin:0}.gb-value i{font-style:normal;font-size:22px}
.gb-craft{position:relative;min-height:1050px;color:#fff;overflow:hidden;display:flex;align-items:center}.gb-craft__shade{inset:0;background:linear-gradient(90deg,rgba(20,10,5,.88),rgba(20,10,5,.32))}.gb-craft__content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 2fr;gap:60px}.gb-craft__steps{display:grid;gap:35px}.gb-craft__step{border-left:1px solid rgba(255,255,255,.25);padding-left:26px}.gb-craft__step span{font-size:9px;letter-spacing:.2em;color:var(--gb-gold2)}.gb-craft__step h3{font:500 48px var(--gb-serif);margin:5px 0}.gb-craft__step p{font-size:13px;line-height:1.7;max-width:500px;color:#e0d6cf}
.gb-moments{overflow:hidden}.gb-moments__track{display:flex;gap:24px;overflow-x:auto;padding:0 5vw 35px;cursor:grab;scrollbar-width:none}.gb-moments__track::-webkit-scrollbar{display:none}.gb-moments__track.is-dragging{cursor:grabbing}.gb-card{min-width:min(400px,78vw)}.gb-card img{height:520px;transition:.55s}.gb-card:hover img{transform:scale(.985);filter:saturate(.8)}.gb-card>div{display:grid;grid-template-columns:35px 1fr;margin-top:18px}.gb-card span{grid-row:1/3;font:italic 16px var(--gb-serif);color:var(--gb-gold)}.gb-card h3{font:500 29px var(--gb-serif);margin:0}.gb-card p{font-size:12px;color:var(--gb-muted);margin:3px 0 0}
.gb-visit{position:relative;min-height:780px;display:grid;place-items:center;color:#fff;overflow:hidden}.gb-visit__shade{inset:0;background:rgba(22,10,5,.7)}.gb-visit__content{position:relative;z-index:2;text-align:center}.gb-visit__note{max-width:600px;margin:28px auto 0;font-size:14px;line-height:1.8}.gb-actions{display:flex;justify-content:center;gap:14px;margin-top:35px}.gb-btn{display:inline-flex;justify-content:center;min-width:190px;padding:16px 22px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.gb-btn--gold{background:var(--gb-gold);color:#fff}.gb-btn--ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
@keyframes gbMarquee{to{transform:translateX(-50%)}}@keyframes gbFloat{50%{transform:translateY(-10px)}}
@media(max-width:850px){.gb-wrap{width:min(100% - 34px,1240px)}.gb-section{padding:85px 0}.gb-story__grid,.gb-philosophy__head,.gb-heading,.gb-craft__content{grid-template-columns:1fr}.gb-story__copy{margin-left:0;grid-template-columns:1fr}.gb-editorial__grid{grid-template-columns:1fr}.gb-image--tall{height:580px}.gb-image--small{height:330px;width:88%}.gb-stats{grid-template-columns:1fr}.gb-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.gb-value{grid-template-columns:42px 1fr 25px}.gb-value p{grid-column:2/4}.gb-craft{min-height:1150px}.gb-card img{height:430px}.gb-seal{display:none}}
@media(max-width:520px){.gb-hero{min-height:720px}.gb-hero__title{font-size:20vw}.gb-hero__bottom{flex-direction:column;align-items:flex-start;gap:28px}.gb-display{font-size:13vw}.gb-image--tall{height:470px}.gb-value h3{font-size:30px}.gb-craft__step h3{font-size:11vw}.gb-actions{flex-direction:column;align-items:center}}
@media(prefers-reduced-motion:reduce){.gb-reveal,.gb-reveal-img{opacity:1;transform:none;clip-path:none}.gb-marquee div,.gb-seal{animation:none}}


/* UX Builder wrapper reset */
#golden-bakery-about-page {
    position: relative;
    left: 50%;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    overflow: hidden;
}
#golden-bakery-about-page img {
  display: block;
  max-width: 100%;
}

/* =========================================================
   GOLDEN BAKERY — WORDPRESS / FLATSOME FULL WIDTH RESET
   Dán file này vào Appearance > Customize > Additional CSS
   ========================================================= */
body.page .page-wrapper,
body.page .page-inner,
body.page #main,
body.page #content {
  overflow: visible;
}

#golden-bakery-about-page {
  position: relative;
  left: 50%;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 0 !important;
  overflow: hidden;
}

/* Gỡ giới hạn container của UX Builder quanh riêng trang giới thiệu */
#golden-bakery-about-page,
#golden-bakery-about-page > .gb-about {
  box-sizing: border-box;
}

/* Khi HTML Element đang nằm trong Row/Column của Flatsome */
.row:has(#golden-bakery-about-page),
.row:has(#golden-bakery-about-page) > .col,
.row:has(#golden-bakery-about-page) > .col > .col-inner,
.section-content:has(#golden-bakery-about-page) {
  width: 100% !important;
  max-width: none !important;
  flex-basis: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Fallback cho trình duyệt cũ: đặt class gb-fullwidth-parent cho Section/Row ngoài */
.gb-fullwidth-parent,
.gb-fullwidth-parent > .section-content,
.gb-fullwidth-parent .row,
.gb-fullwidth-parent .col,
.gb-fullwidth-parent .col-inner {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 849px) {
  #golden-bakery-about-page {
    left: 50%;
    width: 100vw !important;
    margin-left: -50vw !important;
  }
}