/*
Theme Name: Phu Quoc Currency Exchange GP Child
Theme URI: https://phuquoccurrencyexchange.com/
Description: GeneratePress child theme for Phu Quoc Currency Exchange with SEO-first content, launch safeguards and evidence modules.
Author: W3SEO
Template: generatepress
Version: 1.5.2
Text Domain: pqce-gp-child
*/

:root {
  --pqce-navy: #082c63;
  --pqce-navy-2: #0b3d7e;
  --pqce-blue: #145aa8;
  --pqce-sky: #eaf7ff;
  --pqce-gold: #f6b700;
  --pqce-gold-2: #ffc928;
  --pqce-ink: #0b2447;
  --pqce-muted: #60718a;
  --pqce-line: #dfe8f3;
  --pqce-soft: #f7fbff;
  --pqce-white: #ffffff;
  --pqce-shadow: 0 18px 50px rgba(8, 44, 99, .13);
  --pqce-radius: 18px;
  --pqce-shell: 1180px;
}

html { scroll-behavior: smooth; }
body.pqce-site {
  margin: 0;
  background: #fff;
  color: var(--pqce-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
}
body.pqce-site * { box-sizing: border-box; }
body.pqce-site a { color: inherit; text-decoration: none; }
body.pqce-site img { display: block; max-width: 100%; height: auto; }
body.pqce-site h1,
body.pqce-site h2,
body.pqce-site h3,
body.pqce-site p { margin-top: 0; }
body.pqce-site h1,
body.pqce-site h2,
body.pqce-site h3 { color: var(--pqce-ink); line-height: 1.15; letter-spacing: -.025em; }
body.pqce-site h1 { font-size: clamp(44px, 6vw, 74px); margin-bottom: 22px; }
body.pqce-site h2 { font-size: clamp(28px, 3vw, 39px); margin-bottom: 17px; }
body.pqce-site h3 { font-size: 18px; margin-bottom: 9px; }
body.admin-bar .pqce-header { top: 32px; }

.pqce-shell { width: min(calc(100% - 40px), var(--pqce-shell)); margin-inline: auto; }
.pqce-section { padding: 72px 0; }
.pqce-kicker,
.pqce-eyebrow {
  color: #c78a00;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.pqce-section-heading { text-align: center; max-width: 760px; margin: 0 auto 32px; }
.pqce-text-link { color: var(--pqce-blue) !important; font-weight: 800; display: inline-flex; margin-top: 18px; }
.pqce-setup-note { padding: 14px; background: #fff8df; border: 1px dashed #e7bd42; border-radius: 12px; font-size: 14px; color: #705b20; }
.pqce-skip-link { position: fixed; left: 14px; top: -100px; z-index: 100000; background: #fff; color: #000; padding: 10px 14px; border-radius: 8px; box-shadow: var(--pqce-shadow); }
.pqce-skip-link:focus { top: 14px; }

/* Header */
.pqce-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, .97);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(10, 46, 95, .08);
}
.pqce-header__inner { min-height: 82px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; }
.pqce-brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.pqce-brand__mark {
  width: 48px; height: 48px; border: 2px solid var(--pqce-gold); border-radius: 50%;
  display: grid; place-items: center; color: var(--pqce-gold); font-size: 23px; position: relative;
  background: radial-gradient(circle at 50% 70%, #0f4f98 0 23%, transparent 24%);
}
.pqce-brand__copy { display: flex; flex-direction: column; line-height: 1; }
.pqce-brand__copy strong { font-size: 23px; letter-spacing: -.04em; color: var(--pqce-navy); }
.pqce-brand__copy small { margin-top: 6px; font-size: 10px; letter-spacing: .08em; color: #e39d00; font-weight: 800; }
.pqce-nav { display: flex; align-items: center; justify-content: center; gap: 27px; font-size: 13px; font-weight: 750; }
.pqce-nav a { position: relative; padding: 29px 0 25px; }
.pqce-nav a:after { content: ""; height: 2px; background: var(--pqce-gold); position: absolute; left: 0; right: 100%; bottom: 17px; transition: .2s ease; }
.pqce-nav a:hover:after,
.pqce-nav a.is-active:after { right: 0; }
.pqce-language { padding: 9px 12px; border: 1px solid var(--pqce-line); border-radius: 10px; font-size: 12px; background: #fff; }
.pqce-menu-toggle { display: none; background: transparent; border: 0; width: 42px; padding: 8px; }
.pqce-menu-toggle > span:not(.screen-reader-text) { display: block; height: 2px; background: var(--pqce-navy); margin: 6px 0; }

/* Hero */
.pqce-hero {
  position: relative;
  overflow: hidden;
  min-height: 630px;
  background:
    linear-gradient(90deg, rgba(230,246,255,.98) 0%, rgba(230,246,255,.90) 32%, rgba(230,246,255,.28) 58%, rgba(230,246,255,.05) 100%),
    url('assets/images/hero-beach.svg') center/cover no-repeat;
}
.pqce-hero:after { content: ""; position: absolute; inset: auto 0 0; height: 160px; background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,.78) 38%, transparent 100%); pointer-events: none; }
.pqce-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 405px; gap: 58px; align-items: center; padding-block: 62px 85px; }
.pqce-hero__content { max-width: 655px; }
.pqce-hero__lead { max-width: 640px; color: #2f4b6d; font-size: 19px; line-height: 1.7; margin-bottom: 29px; }
.pqce-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--pqce-navy); background: rgba(255,255,255,.72); border: 1px solid rgba(8,44,99,.12); border-radius: 999px; padding: 7px 12px; backdrop-filter: blur(6px); }
.pqce-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.pqce-btn { min-height: 49px; border-radius: 9px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 800; font-size: 14px; transition: transform .18s ease, box-shadow .18s ease; }
.pqce-btn:hover { transform: translateY(-2px); }
.pqce-btn--primary { background: var(--pqce-gold); color: #092350 !important; box-shadow: 0 8px 20px rgba(246,183,0,.24); }
.pqce-btn--light { background: #fff; border: 1px solid #a9c3de; color: var(--pqce-navy) !important; box-shadow: 0 8px 20px rgba(8,44,99,.08); }
.pqce-btn--outline { border: 1px solid rgba(255,255,255,.72); color: #fff !important; background: rgba(255,255,255,.06); }
.pqce-hero__features { margin-top: 40px; display: flex; gap: 28px; flex-wrap: wrap; }
.pqce-hero__features > span { display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; column-gap: 9px; align-items: center; font-size: 21px; }
.pqce-hero__features strong { font-size: 13px; color: var(--pqce-ink); }
.pqce-hero__features small { grid-column: 2; color: var(--pqce-muted); font-size: 11px; line-height: 1.3; }

/* Rate card */
.pqce-rates-card { background: rgba(255,255,255,.96); border-radius: 17px; overflow: hidden; box-shadow: 0 25px 65px rgba(5,40,82,.28); border: 1px solid rgba(255,255,255,.72); }
.pqce-rates-card__head { background: linear-gradient(135deg, var(--pqce-navy), var(--pqce-blue)); color: #fff; padding: 18px 22px 14px; }
.pqce-rates-card__head h2 { color: #fff; margin: 0 0 4px; font-size: 20px; letter-spacing: -.02em; }
.pqce-rates-card__head p { margin: 0; color: #c8ddf2; font-size: 11px; }
.pqce-rate-table { padding: 0 18px; }
.pqce-rate-row { min-height: 37px; display: grid; grid-template-columns: 1.3fr .8fr .8fr; align-items: center; gap: 8px; border-bottom: 1px solid #edf1f6; font-size: 12px; }
.pqce-rate-row > span:nth-child(n+2) { text-align: right; font-weight: 750; }
.pqce-rate-row--head { min-height: 42px; color: #506783; text-transform: uppercase; font-size: 9px; font-weight: 850; }
.pqce-rate-row span:first-child { display: flex; align-items: center; gap: 8px; }
.pqce-flag { font-size: 17px; }
.pqce-rate-note { padding: 10px 20px 2px; margin: 0; color: #7b8799; font-size: 9px; text-align: center; line-height: 1.45; }
.pqce-rates-card__link { display: block; width: fit-content; margin: 10px auto 16px; background: var(--pqce-gold); color: var(--pqce-navy) !important; padding: 8px 14px; border-radius: 7px; font-size: 11px; font-weight: 850; }

/* Intro & how */
.pqce-intro { background: #fff; }
.pqce-two-col { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: 38px; align-items: start; }
.pqce-two-col > div:first-child > p:not(.pqce-kicker) { color: #4e627e; max-width: 680px; }
.pqce-how { margin-top: 29px; padding: 24px; border: 1px solid var(--pqce-line); border-radius: var(--pqce-radius); box-shadow: 0 10px 28px rgba(8,44,99,.06); }
.pqce-how > h3 { text-align: center; font-size: 20px; }
.pqce-how__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 20px; }
.pqce-how__steps div { text-align: center; position: relative; padding: 4px 8px; }
.pqce-how__steps div:not(:last-child):after { content: "······"; position: absolute; right: -26px; top: 16px; color: #7ea5cf; letter-spacing: 2px; }
.pqce-how__steps span { width: 34px; height: 34px; display: grid; place-items: center; margin: 0 auto 11px; background: var(--pqce-gold); color: var(--pqce-navy); border-radius: 50%; font-weight: 900; }
.pqce-how__steps b { display: block; font-size: 13px; margin-bottom: 6px; }
.pqce-how__steps small { color: var(--pqce-muted); font-size: 11px; line-height: 1.45; display: block; }
.pqce-currency-panel { border: 1px solid var(--pqce-line); border-radius: var(--pqce-radius); padding: 25px; background: #fbfdff; }
.pqce-currency-panel h2 { font-size: 23px; text-align: center; }
.pqce-currency-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.pqce-currency-card { min-height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--pqce-line); border-radius: 11px; background: #fff; transition: .18s ease; }
.pqce-currency-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(8,44,99,.08); border-color: #a9c8e7; }
.pqce-currency-card__flag { font-size: 27px; margin-bottom: 4px; }
.pqce-currency-card strong { font-size: 14px; }
.pqce-currency-card small { color: var(--pqce-muted); font-size: 10px; }
.pqce-currency-panel .pqce-text-link { display: flex; justify-content: center; font-size: 13px; }

/* Location */
.pqce-locations { background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); }
.pqce-location-feature { display: grid; grid-template-columns: 47% 53%; align-items: stretch; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: var(--pqce-shadow); border: 1px solid var(--pqce-line); }
.pqce-store-visual { background: #0d3769; min-height: 480px; }
.pqce-store-visual img { width: 100%; height: 100%; object-fit: cover; }
.pqce-location-content { padding: 38px 40px; }
.pqce-location-content > p:not(.pqce-kicker) { color: var(--pqce-muted); }
.pqce-location-cards { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 18px; }
.pqce-location-card { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: start; padding: 14px; border: 1px solid var(--pqce-line); border-radius: 12px; background: #fff; }
.pqce-location-card .pqce-pin { color: var(--pqce-gold); font-size: 17px; }
.pqce-location-card h3 { margin: 0 0 4px; font-size: 14px; }
.pqce-location-card p { margin: 0; color: var(--pqce-muted); font-size: 12px; line-height: 1.45; }
.pqce-location-card a { align-self: center; padding: 7px 10px; border: 1px solid #d1deeb; border-radius: 7px; color: var(--pqce-navy) !important; font-size: 11px; font-weight: 800; }
.pqce-location-card--setup { grid-template-columns: 28px 1fr; }
.pqce-info-grid { display: grid; grid-template-columns: 1.25fr .8fr .75fr; gap: 18px; margin-top: 22px; }
.pqce-map-card,
.pqce-business-card,
.pqce-sunset-card { min-height: 285px; border: 1px solid var(--pqce-line); border-radius: 15px; overflow: hidden; background: #fff; }
.pqce-map-card h3,
.pqce-business-card h3 { font-size: 17px; padding: 17px 18px 0; }
.pqce-map-card iframe { border: 0; width: calc(100% - 24px); height: 220px; margin: 0 12px 12px; border-radius: 11px; }
.pqce-map-placeholder { width: calc(100% - 24px); height: 220px; margin: 0 12px 12px; border-radius: 11px; background:
    radial-gradient(circle at 20% 30%, rgba(25,111,196,.13) 0 8%, transparent 9%),
    linear-gradient(35deg, transparent 48%, #cce0f2 49% 51%, transparent 52%),
    linear-gradient(145deg, transparent 45%, #dbe8f3 46% 48%, transparent 49%), #eef6fb;
  display: grid; place-items: center; text-align: center; padding: 20px; color: #5f7691; }
.pqce-map-placeholder span { font-size: 34px; color: var(--pqce-blue); }
.pqce-business-card { padding-bottom: 12px; }
.pqce-business-card ul { list-style: none; padding: 0 18px; margin: 0; }
.pqce-business-card li { display: grid; grid-template-columns: 22px 1fr; gap: 8px; margin: 12px 0; color: #526780; font-size: 12px; }
.pqce-business-card li b { color: var(--pqce-blue); }
.pqce-business-card li span strong { display: block; color: var(--pqce-ink); font-size: 11px; }
.pqce-business-card li a { color: var(--pqce-blue) !important; }
.pqce-business-card .pqce-setup-note { margin: 12px 18px; }
.pqce-sunset-card { position: relative; }
.pqce-sunset-card img { width: 100%; height: 100%; object-fit: cover; }
.pqce-sunset-card p { position: absolute; left: 15px; bottom: 15px; margin: 0; padding: 11px 13px; border-radius: 10px; background: rgba(255,255,255,.9); font-size: 12px; line-height: 1.45; box-shadow: 0 8px 18px rgba(8,44,99,.15); }

/* Requirements, trust */
.pqce-requirements { background: #fff; padding-top: 46px; padding-bottom: 48px; }
.pqce-requirements > .pqce-shell > h2 { font-size: 25px; }
.pqce-icon-grid { display: grid; gap: 13px; }
.pqce-icon-grid--five { grid-template-columns: repeat(5, 1fr); }
.pqce-icon-grid > article { border: 1px solid var(--pqce-line); border-radius: 13px; background: #fff; padding: 20px 14px; text-align: center; }
.pqce-icon-grid > article > span { width: 45px; height: 45px; margin: 0 auto 10px; display: grid; place-items: center; background: #fff4c9; border: 1px solid #f1dc8e; border-radius: 50%; color: var(--pqce-navy); font-weight: 900; font-size: 20px; }
.pqce-icon-grid article h3 { font-size: 14px; margin-bottom: 7px; }
.pqce-icon-grid article p { margin: 0; color: var(--pqce-muted); font-size: 11px; line-height: 1.5; }
.pqce-trust { background: #f9fcff; border-top: 1px solid #edf3f8; border-bottom: 1px solid #edf3f8; }
.pqce-trust-grid { display: grid; grid-template-columns: 1fr; gap: 34px; }
.pqce-why > h2,
.pqce-reviews > h2 { font-size: 25px; }
.pqce-icon-grid--two { grid-template-columns: repeat(4, 1fr); }
.pqce-icon-grid--two > article { text-align: left; display: grid; grid-template-columns: 48px 1fr; gap: 10px; align-items: start; }
.pqce-icon-grid--two > article > span { margin: 0; }
.pqce-review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pqce-review-grid blockquote { margin: 0; border: 1px solid var(--pqce-line); border-radius: 14px; background: #fff; padding: 20px; box-shadow: 0 8px 22px rgba(8,44,99,.04); }
.pqce-review-grid blockquote > p { color: #4f627b; font-size: 13px; }
.pqce-review-grid footer { display: flex; flex-direction: column; font-size: 12px; }
.pqce-review-grid footer small { color: var(--pqce-muted); }
.pqce-stars { color: var(--pqce-gold); letter-spacing: 2px; margin-bottom: 8px; }

/* FAQ */
.pqce-faq-section { background: #fff; }
.pqce-faq-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; max-width: 1040px; margin: 0 auto; }
.pqce-faq-list details { border: 1px solid var(--pqce-line); border-radius: 10px; background: #fff; overflow: hidden; }
.pqce-faq-list summary { cursor: pointer; list-style: none; min-height: 49px; padding: 13px 16px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 800; color: var(--pqce-ink); }
.pqce-faq-list summary::-webkit-details-marker { display: none; }
.pqce-faq-list summary span { color: var(--pqce-blue); font-size: 20px; font-weight: 400; transition: transform .2s ease; }
.pqce-faq-list details[open] summary span { transform: rotate(45deg); }
.pqce-faq-list details p { margin: 0; padding: 0 16px 16px; color: var(--pqce-muted); font-size: 13px; }

/* Guides */
.pqce-guides { padding-top: 28px; background: #fff; }
.pqce-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pqce-guide-card { display: grid; grid-template-columns: 41% 59%; border: 1px solid var(--pqce-line); border-radius: 14px; overflow: hidden; background: #fff; transition: .18s ease; }
.pqce-guide-card:hover { transform: translateY(-3px); box-shadow: 0 16px 35px rgba(8,44,99,.1); }
.pqce-guide-card > img { width: 100%; height: 100%; object-fit: cover; }
.pqce-guide-card > div { padding: 16px; }
.pqce-guide-card small { color: #b78100; font-weight: 850; font-size: 9px; letter-spacing: .08em; }
.pqce-guide-card h3 { font-size: 15px; margin: 5px 0 7px; }
.pqce-guide-card p { font-size: 11px; line-height: 1.45; color: var(--pqce-muted); margin-bottom: 9px; }
.pqce-guide-card b { color: var(--pqce-blue); font-size: 11px; }

/* CTA + Footer */
.pqce-cta { background: linear-gradient(110deg, #0b3b7b, #0a2a59 58%, #123f7a); color: #fff; position: relative; overflow: hidden; }
.pqce-cta:after { content: ""; position: absolute; inset: 0; opacity: .17; background: url('assets/images/sunset.svg') center 45%/cover no-repeat; }
.pqce-cta__inner { min-height: 130px; position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.pqce-cta__inner > div:first-child { display: flex; align-items: center; gap: 16px; }
.pqce-cta__icon { width: 54px; height: 54px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; font-size: 23px; }
.pqce-cta h2 { color: #fff; font-size: 24px; margin: 0 0 4px; }
.pqce-cta p { color: #d6e6f7; margin: 0; font-size: 13px; }
.pqce-footer { background: #072755; color: #d4e1f0; padding: 42px 0 18px; }
.pqce-footer__grid { display: grid; grid-template-columns: 1.4fr .8fr .8fr .8fr 1.25fr; gap: 32px; }
.pqce-brand--footer .pqce-brand__copy strong { color: #fff; }
.pqce-footer__brand p { max-width: 250px; margin: 18px 0 0; font-size: 12px; line-height: 1.6; color: #c1d4e7; }
.pqce-footer h3 { color: #fff; font-size: 13px; margin-bottom: 13px; }
.pqce-footer__grid > div:not(.pqce-footer__brand) > a { display: block; font-size: 12px; color: #d4e1f0; margin: 7px 0; }
.pqce-footer__grid > div:not(.pqce-footer__brand) > a:hover { color: #fff; }
.pqce-footer__grid > div:last-child p { margin: 7px 0; font-size: 11px; line-height: 1.55; }
.pqce-footer__grid > div:last-child a { color: #fff !important; }
.pqce-footer__bottom { border-top: 1px solid rgba(255,255,255,.11); margin-top: 32px; padding-top: 16px; text-align: center; font-size: 11px; color: #9cb4cf; }
.pqce-footer__bottom p { margin: 0; }


.pqce-footer__locations { display:grid; gap:9px; margin-bottom:13px; }
.pqce-footer__location { display:grid; grid-template-columns:18px 1fr; gap:8px; align-items:start; }
.pqce-footer__location strong { display:block; color:#fff; font-size:11px; margin-bottom:2px; }
.pqce-footer__location a { display:block !important; margin:0 !important; color:#d4e1f0 !important; font-size:11px !important; line-height:1.5; }
.pqce-footer__location a:hover { color:#fff !important; text-decoration:underline; text-underline-offset:2px; }
.pqce-footer__pin { color:var(--pqce-gold-2); line-height:1.4; }
.pqce-footer__contact-meta { padding-top:10px; margin-top:10px; border-top:1px solid rgba(255,255,255,.10); }

/* Accessibility */
.pqce-home a:focus-visible,
.pqce-home button:focus-visible,
.pqce-home summary:focus-visible { outline: 3px solid var(--pqce-gold); outline-offset: 3px; }

/* Responsive */
@media (max-width: 1120px) {
  .pqce-header__inner { grid-template-columns: auto auto 1fr; }
  .pqce-nav { position: fixed; left: 20px; right: 20px; top: 76px; padding: 18px; background: #fff; border: 1px solid var(--pqce-line); border-radius: 14px; box-shadow: var(--pqce-shadow); flex-direction: column; align-items: stretch; gap: 0; display: none; }
  .pqce-nav.is-open { display: flex; }
  .pqce-nav a { padding: 12px; border-bottom: 1px solid #edf2f7; }
  .pqce-nav a:after { display: none; }
  .pqce-menu-toggle { display: block; justify-self: end; }
  .pqce-language { justify-self: end; }
  .pqce-hero__grid { grid-template-columns: 1fr 365px; gap: 30px; }
  .pqce-icon-grid--five { grid-template-columns: repeat(3, 1fr); }
  .pqce-icon-grid--two { grid-template-columns: repeat(2, 1fr); }
  .pqce-footer__grid { grid-template-columns: 1.3fr repeat(2, .8fr); }
  .pqce-footer__grid > div:nth-child(4), .pqce-footer__grid > div:nth-child(5) { margin-top: 10px; }
}

@media (max-width: 880px) {
  .pqce-section { padding: 54px 0; }
  .pqce-hero { min-height: auto; }
  .pqce-hero__grid,
  .pqce-two-col,
  .pqce-location-feature,
  .pqce-info-grid,
  .pqce-guide-grid { grid-template-columns: 1fr; }
  .pqce-hero__grid { padding-top: 44px; }
  .pqce-hero__content { max-width: 760px; }
  .pqce-rates-card { max-width: 580px; }
  .pqce-location-feature { overflow: visible; }
  .pqce-store-visual { min-height: 380px; border-radius: 20px 20px 0 0; overflow: hidden; }
  .pqce-info-grid { grid-template-columns: 1fr 1fr; }
  .pqce-sunset-card { grid-column: 1 / -1; min-height: 300px; }
  .pqce-currency-grid { grid-template-columns: repeat(5, 1fr); }
  .pqce-guide-card { grid-template-columns: 36% 64%; }
  .pqce-cta__inner { padding-block: 26px; align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) {
  body.admin-bar .pqce-header { top: 46px; }
  .pqce-shell { width: min(calc(100% - 28px), var(--pqce-shell)); }
  .pqce-header__inner { min-height: 70px; grid-template-columns: 1fr auto; gap: 10px; }
  .pqce-language { display: none; }
  .pqce-menu-toggle { grid-column: 2; grid-row: 1; }
  .pqce-brand__mark { width: 40px; height: 40px; font-size: 18px; }
  .pqce-brand__copy strong { font-size: 18px; }
  .pqce-brand__copy small { font-size: 8px; }
  .pqce-nav { top: 66px; left: 14px; right: 14px; }
  body.admin-bar .pqce-nav { top: 112px; }
  body.pqce-site h1 { font-size: 44px; }
  body.pqce-site h2 { font-size: 29px; }
  .pqce-hero { background-position: 63% center; }
  .pqce-hero__grid { gap: 28px; }
  .pqce-hero__lead { font-size: 16px; }
  .pqce-hero__features { gap: 15px; flex-direction: column; }
  .pqce-rates-card { width: 100%; }
  .pqce-two-col { gap: 22px; }
  .pqce-how__steps { grid-template-columns: 1fr; }
  .pqce-how__steps div:not(:last-child):after { display: none; }
  .pqce-currency-grid { grid-template-columns: repeat(2, 1fr); }
  .pqce-location-content { padding: 28px 20px; }
  .pqce-location-card { grid-template-columns: 24px 1fr; }
  .pqce-location-card a { grid-column: 2; width: fit-content; }
  .pqce-info-grid { grid-template-columns: 1fr; }
  .pqce-sunset-card { grid-column: auto; }
  .pqce-icon-grid--five,
  .pqce-icon-grid--two,
  .pqce-review-grid,
  .pqce-faq-list { grid-template-columns: 1fr; }
  .pqce-guide-card { grid-template-columns: 1fr; }
  .pqce-guide-card > img { height: 190px; }
  .pqce-cta__inner > div:first-child { align-items: flex-start; }
  .pqce-cta__icon { width: 44px; height: 44px; flex: 0 0 44px; }
  .pqce-cta h2 { font-size: 20px; }
  .pqce-footer__grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .pqce-footer__brand { grid-column: 1 / -1; }
  .pqce-footer__grid > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 420px) {
  .pqce-footer__grid { grid-template-columns: 1fr; }
  .pqce-footer__brand,
  .pqce-footer__grid > div:last-child { grid-column: auto; }
  .pqce-actions .pqce-btn { width: 100%; }
}


/* =========================================================
   Inner SEO pages — same navy / gold design system as home
   ========================================================= */
body.pqce-inner-page { background: var(--pqce-soft); }
.pqce-page-hero {
  position: relative; overflow: hidden; color: #fff;
  background:
    linear-gradient(110deg, rgba(8,44,99,.98), rgba(11,61,126,.90) 62%, rgba(20,90,168,.78)),
    url('assets/images/hero-beach.svg') center 58%/cover no-repeat;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.pqce-page-hero:after { content:""; position:absolute; width:340px; height:340px; right:-110px; top:-135px; border:1px solid rgba(246,183,0,.24); border-radius:50%; box-shadow:0 0 0 55px rgba(246,183,0,.05),0 0 0 110px rgba(246,183,0,.035); }
.pqce-page-hero__inner { position:relative; z-index:1; padding:62px 0 66px; max-width:900px; }
.pqce-breadcrumb { display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:#d9e7f6; font-size:12px; margin-bottom:22px; }
.pqce-breadcrumb a { color:#fff !important; font-weight:700; }
.pqce-page-hero .pqce-kicker { color:var(--pqce-gold-2); }
.pqce-page-hero h1 { color:#fff; font-size:clamp(38px,5vw,62px); max-width:850px; margin-bottom:17px; }
.pqce-page-hero__intro { max-width:800px; color:#dce9f7; font-size:18px; line-height:1.7; margin:0; }
.pqce-page-main { padding:54px 0 78px; }
.pqce-page-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:30px; align-items:start; }
.pqce-page-content { min-width:0; background:#fff; border:1px solid var(--pqce-line); border-radius:20px; padding:clamp(26px,4vw,48px); box-shadow:0 12px 35px rgba(8,44,99,.06); }
.pqce-page-content > *:first-child { margin-top:0; }
.pqce-page-content h2 { font-size:clamp(26px,3vw,35px); margin:42px 0 15px; padding-top:6px; }
.pqce-page-content h3 { font-size:21px; margin:28px 0 10px; }
.pqce-page-content p, .pqce-page-content li { color:#4b607b; }
.pqce-page-content ul, .pqce-page-content ol { padding-left:22px; }
.pqce-page-content a { color:var(--pqce-blue) !important; font-weight:750; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.pqce-page-content blockquote { margin:26px 0; padding:20px 22px; border-left:4px solid var(--pqce-gold); background:#fff9df; color:#5e4d1a; border-radius:0 12px 12px 0; }
.pqce-page-content table { width:100%; border-collapse:collapse; margin:22px 0; font-size:14px; }
.pqce-page-content th, .pqce-page-content td { border:1px solid var(--pqce-line); padding:12px 13px; text-align:left; }
.pqce-page-content th { background:#edf7ff; color:var(--pqce-navy); }
.pqce-page-content details { border:1px solid var(--pqce-line); border-radius:12px; margin:10px 0; background:#fff; }
.pqce-page-content summary { cursor:pointer; padding:15px 17px; color:var(--pqce-ink); font-weight:800; }
.pqce-page-content details p { padding:0 17px 16px; margin:0; }
.pqce-page-sidebar { position:sticky; top:104px; display:grid; gap:16px; }
.pqce-side-card { background:#fff; border:1px solid var(--pqce-line); border-radius:16px; padding:21px; box-shadow:0 10px 28px rgba(8,44,99,.05); }
.pqce-side-card--nav { border-top:4px solid var(--pqce-gold); }
.pqce-side-card h2 { font-size:18px; margin-bottom:12px; }
.pqce-side-card p { color:var(--pqce-muted); font-size:13px; }
.pqce-side-card a { display:block; padding:8px 0; color:var(--pqce-blue) !important; font-size:13px; font-weight:750; border-bottom:1px solid #edf2f7; }
.pqce-side-card a:last-child { border-bottom:0; }
.pqce-side-card .pqce-btn { display:flex; padding:0 15px; border:0; }
.pqce-page-note { background:#edf7ff; border:1px solid #cfe7fb; border-radius:13px; padding:17px 19px; color:#35516e; margin:22px 0; }
.pqce-page-note strong { color:var(--pqce-navy); }
.pqce-page-link-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; margin:22px 0; }
.pqce-page-link-grid a { text-decoration:none !important; background:#f8fbff; border:1px solid var(--pqce-line); border-radius:13px; padding:17px; display:flex; flex-direction:column; gap:3px; }
.pqce-page-link-grid a strong { color:var(--pqce-ink); }
.pqce-page-link-grid a small { color:var(--pqce-muted); font-weight:500; }
.pqce-inline-rates { border:1px solid var(--pqce-line); border-radius:16px; overflow:hidden; margin:24px 0 30px; }
.pqce-inline-rates__head { display:flex; justify-content:space-between; gap:15px; align-items:end; padding:17px 20px; color:#fff; background:linear-gradient(135deg,var(--pqce-navy),var(--pqce-blue)); }
.pqce-inline-rates__head span { display:block; font-size:11px; color:#bcd6ef; text-transform:uppercase; font-weight:800; letter-spacing:.07em; }
.pqce-inline-rates__head strong { display:block; margin-top:2px; }
.pqce-inline-rates__head small { color:#d5e7f8; }
.pqce-inline-rate-row { display:grid; grid-template-columns:1.5fr .75fr .75fr; gap:10px; padding:11px 18px; border-bottom:1px solid #edf2f7; font-size:13px; }
.pqce-inline-rate-row span:nth-child(n+2) { text-align:right; font-weight:800; color:var(--pqce-ink); }
.pqce-inline-rate-row.is-head { background:#f5f9fd; color:#5d7189; text-transform:uppercase; font-size:10px; font-weight:850; }
.pqce-rate-disclaimer { padding:13px 18px; margin:0 !important; background:#fff9df; color:#756226 !important; font-size:12px; }
.pqce-rate-highlight { display:grid; grid-template-columns:1.45fr .75fr .75fr; gap:12px; align-items:center; border:1px solid #cfe0f1; border-radius:16px; padding:18px 20px; background:linear-gradient(135deg,#f7fbff,#edf7ff); margin:4px 0 28px; }
.pqce-rate-highlight__currency { display:flex; gap:12px; align-items:center; }
.pqce-rate-highlight__currency > span { font-size:32px; }
.pqce-rate-highlight strong { display:block; color:var(--pqce-navy); font-size:18px; }
.pqce-rate-highlight small { display:block; color:var(--pqce-muted); font-size:11px; }
.pqce-rate-highlight__updated { grid-column:1/-1; padding-top:9px; border-top:1px solid #dce8f4; }
.pqce-page-currency-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:24px 0; }
.pqce-page-currency-grid a { min-height:130px; text-decoration:none !important; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid var(--pqce-line); border-radius:14px; background:#fff; }
.pqce-page-currency-grid a:hover { border-color:#a7c7e7; box-shadow:0 12px 28px rgba(8,44,99,.08); transform:translateY(-2px); }
.pqce-page-currency-grid span { font-size:30px; }
.pqce-page-currency-grid strong { font-size:17px; color:var(--pqce-ink); }
.pqce-page-currency-grid small { color:var(--pqce-muted); }
.pqce-page-locations { display:grid; gap:18px; margin:22px 0; }
.pqce-page-location-list { display:grid; gap:12px; }
.pqce-page-location-list article { display:grid; grid-template-columns:42px 1fr; gap:12px; padding:18px; border:1px solid var(--pqce-line); border-radius:13px; }
.pqce-page-location-list article > span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#fff2be; color:var(--pqce-navy); }
.pqce-page-location-list h3 { margin:0 0 5px; }
.pqce-page-location-list p { margin:0 0 7px; }
.pqce-page-map { width:100%; min-height:380px; border:0; border-radius:14px; }
.pqce-business-table { border:1px solid var(--pqce-line); border-radius:14px; overflow:hidden; margin:22px 0; }
.pqce-business-table > div { display:grid; grid-template-columns:220px 1fr; gap:16px; padding:13px 16px; border-bottom:1px solid #edf2f7; }
.pqce-business-table > div:last-child { border-bottom:0; }
.pqce-business-table strong { color:var(--pqce-ink); }
.pqce-business-table span { color:var(--pqce-muted); }
.pqce-legal-badge { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid #efd47b; border-radius:999px; background:#fff8d8; color:#725c13; font-size:11px; font-weight:800; }
.pqce-page-cta { margin-top:38px; padding:25px; background:linear-gradient(120deg,var(--pqce-navy),var(--pqce-blue)); color:#fff; border-radius:16px; }
.pqce-page-cta h2 { color:#fff; margin:0 0 8px; font-size:24px; }
.pqce-page-cta p { color:#d9e8f7; margin-bottom:16px; }
.pqce-page-cta .pqce-actions { margin-top:10px; }

@media (max-width: 900px) {
  .pqce-page-layout { grid-template-columns:1fr; }
  .pqce-page-sidebar { position:static; grid-template-columns:1fr 1fr; }
  .pqce-page-currency-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 680px) {
  .pqce-page-hero__inner { padding:44px 0 48px; }
  .pqce-page-hero__intro { font-size:16px; }
  .pqce-page-main { padding:30px 0 55px; }
  .pqce-page-content { padding:22px 18px; border-radius:15px; }
  .pqce-page-sidebar { grid-template-columns:1fr; }
  .pqce-page-link-grid { grid-template-columns:1fr; }
  .pqce-page-currency-grid { grid-template-columns:repeat(2,1fr); }
  .pqce-inline-rate-row { grid-template-columns:1.2fr .8fr .8fr; padding:10px; font-size:11px; }
  .pqce-rate-highlight { grid-template-columns:1fr 1fr; }
  .pqce-rate-highlight__currency { grid-column:1/-1; }
  .pqce-business-table > div { grid-template-columns:1fr; gap:3px; }
}

/* =========================================================
   P0 launch: inquiry form, verification and location details
   ========================================================= */
.pqce-inquiry-section {
  margin-top: 42px;
  padding-top: 6px;
}
.pqce-inquiry-section > h2 { margin-top: 0; }
.pqce-inquiry-form {
  position: relative;
  margin-top: 20px;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid var(--pqce-line);
  border-radius: 16px;
  background: linear-gradient(145deg, #f9fcff, #eef7ff);
}
.pqce-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.pqce-inquiry-form label {
  display: grid;
  gap: 7px;
  margin-bottom: 16px;
  color: var(--pqce-ink);
  font-size: 13px;
  font-weight: 800;
}
.pqce-inquiry-form input[type="text"],
.pqce-inquiry-form input[type="email"],
.pqce-inquiry-form input[type="tel"],
.pqce-inquiry-form select,
.pqce-inquiry-form textarea {
  width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 11px 13px;
  border: 1px solid #bfd2e5;
  border-radius: 10px;
  background: #fff;
  color: var(--pqce-ink);
  font: inherit;
  font-weight: 500;
  box-shadow: none;
}
.pqce-inquiry-form textarea { min-height: 126px; resize: vertical; }
.pqce-inquiry-form input:focus,
.pqce-inquiry-form select:focus,
.pqce-inquiry-form textarea:focus {
  outline: 3px solid rgba(246,183,0,.22);
  border-color: var(--pqce-gold);
}
.pqce-consent {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: flex-start;
  gap: 9px !important;
  font-weight: 600 !important;
}
.pqce-consent input { margin-top: 3px; }
.pqce-form-notice {
  margin: 0 0 18px !important;
  padding: 12px 14px;
  border-left: 3px solid var(--pqce-gold);
  background: #fff8d8;
  color: #66571f !important;
  font-size: 12px;
}
.pqce-form-status {
  margin: 18px 0;
  padding: 14px 16px;
  border-radius: 11px;
  font-size: 13px;
}
.pqce-form-status.is-success {
  border: 1px solid #a8d7b4;
  background: #eefaf1;
  color: #225b30;
}
.pqce-form-status.is-error {
  border: 1px solid #e7b4b4;
  background: #fff3f3;
  color: #7b2828;
}
.pqce-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
.pqce-location-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 8px 0 9px;
  color: var(--pqce-muted);
  font-size: 12px;
}
.pqce-location-meta a { padding: 0 !important; border: 0 !important; }
.pqce-business-table a { color: var(--pqce-blue); font-weight: 800; }

@media (max-width: 680px) {
  .pqce-form-grid { grid-template-columns: 1fr; gap: 0; }
  .pqce-inquiry-form { padding: 18px 15px; }
  .pqce-form-submit { width: 100%; }
}

/* =========================================================
   P1 content + evidence
   ========================================================= */
.pqce-payment-context { background: linear-gradient(180deg, #f9fcff, #eef8ff); border-top: 1px solid #dceaf7; border-bottom: 1px solid #dceaf7; }
.pqce-payment-context__grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:32px; align-items:start; }
.pqce-payment-context__grid > div > p { max-width:760px; color:var(--pqce-muted); }
.pqce-payment-context__checklist { background:#fff; border:1px solid var(--pqce-line); border-top:4px solid var(--pqce-gold); border-radius:18px; padding:24px; box-shadow:0 14px 32px rgba(8,44,99,.06); }
.pqce-payment-context__checklist h3 { margin:0 0 15px; font-size:21px; color:var(--pqce-navy); }
.pqce-payment-context__checklist ul { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.pqce-payment-context__checklist li { position:relative; padding-left:24px; color:#4b607b; font-size:14px; }
.pqce-payment-context__checklist li:before { content:'✓'; position:absolute; left:0; top:0; color:var(--pqce-blue); font-weight:900; }
.pqce-source-note { margin:22px 0 0; padding:17px 18px; border:1px solid #d9e7f2; border-left:4px solid var(--pqce-blue); border-radius:0 12px 12px 0; background:#fff; color:#466079; font-size:13px; line-height:1.65; }
.pqce-source-note strong { color:var(--pqce-navy); }
.pqce-source-note a { color:var(--pqce-blue) !important; font-weight:800; }

.pqce-home-evidence { background:#fff; }
.pqce-evidence { margin:30px 0; }
.pqce-home-evidence .pqce-evidence { margin:0; }
.pqce-evidence__head { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:18px; }
.pqce-evidence__head h2 { margin:0; }
.pqce-evidence__verified { margin:0; font-size:12px; color:var(--pqce-muted); white-space:nowrap; }
.pqce-evidence__note { max-width:820px; color:var(--pqce-muted); margin:-6px 0 18px; }
.pqce-evidence__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.pqce-evidence__card { margin:0; overflow:hidden; border:1px solid var(--pqce-line); border-radius:16px; background:#fff; box-shadow:0 10px 28px rgba(8,44,99,.05); }
.pqce-evidence__card img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:#eaf7ff; }
.pqce-evidence__card figcaption { padding:12px 14px; color:#4b607b; font-size:12px; font-weight:700; }
.pqce-evidence__card--setup { border-style:dashed; }
.pqce-evidence__card--setup figcaption { color:#7a6330; background:#fff9df; }

.pqce-live-examples { margin:30px 0; padding:22px; border:1px solid #d4e4f2; border-radius:16px; background:linear-gradient(145deg,#f8fcff,#eef7ff); }
.pqce-live-examples h2 { margin:0 0 10px !important; padding:0 !important; font-size:24px !important; }
.pqce-live-examples > p { margin:0 0 16px; font-size:13px; }
.pqce-live-examples__table { overflow:hidden; border:1px solid #d9e6f2; border-radius:12px; background:#fff; }
.pqce-live-examples__row { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:center; padding:11px 14px; border-bottom:1px solid #edf2f7; color:#50657d; font-size:13px; }
.pqce-live-examples__row:last-child { border-bottom:0; }
.pqce-live-examples__row strong { text-align:right; color:var(--pqce-navy); }
.pqce-live-examples__row.is-head { background:#f4f9fd; text-transform:uppercase; letter-spacing:.05em; font-size:10px; font-weight:850; color:#647990; }
.pqce-live-examples__row.is-head span:last-child { text-align:right; }

.pqce-page-meta { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:20px; color:#cfe1f2; font-size:11px; }
.pqce-page-meta span { display:inline-flex; align-items:center; gap:4px; padding:6px 9px; border:1px solid rgba(255,255,255,.17); border-radius:999px; background:rgba(255,255,255,.06); }
.pqce-page-meta strong { color:#fff; }

@media (max-width: 900px) {
  .pqce-payment-context__grid { grid-template-columns:1fr; }
}
@media (max-width: 680px) {
  .pqce-evidence__head { align-items:flex-start; flex-direction:column; gap:8px; }
  .pqce-evidence__verified { white-space:normal; }
  .pqce-evidence__grid { grid-template-columns:1fr; }
  .pqce-live-examples { padding:18px 14px; }
  .pqce-live-examples__row { padding:10px 11px; }
  .pqce-page-meta { gap:7px; }
}

/* =========================================================
   P2 visual polish + guide templates
   ========================================================= */
.pqce-brand__mark {
  overflow: hidden;
  border: 0;
  background: transparent;
  width: 48px;
  height: 48px;
}
.pqce-brand__mark img { width: 48px; height: 48px; object-fit: contain; }
.pqce-brand--footer .pqce-brand__mark { background:#fff; border-radius:50%; box-shadow:0 0 0 4px rgba(255,255,255,.08); }

.pqce-hero {
  min-height: 650px;
  background:
    linear-gradient(90deg, rgba(232,247,255,.98) 0%, rgba(232,247,255,.92) 32%, rgba(232,247,255,.38) 55%, rgba(8,44,99,.08) 100%),
    var(--pqce-hero-image, url('assets/images/photo/hero-phu-quoc.webp')) center 52% / cover no-repeat;
}
.pqce-hero:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 58%,rgba(255,255,255,.35) 100%);
  pointer-events:none;
}
.pqce-hero__content { text-shadow:0 1px 0 rgba(255,255,255,.32); }
.pqce-rates-card { backdrop-filter:blur(14px); transform:translateY(2px); }
.pqce-rate-empty { padding:25px 24px 17px; text-align:center; }
.pqce-rate-empty__icon { width:48px; height:48px; margin:0 auto 12px; display:grid; place-items:center; border-radius:50%; background:#eaf7ff; color:var(--pqce-blue); font-size:25px; font-weight:900; }
.pqce-rate-empty h3 { font-size:18px; margin:0 0 8px; }
.pqce-rate-empty p { color:var(--pqce-muted); font-size:12px; line-height:1.55; }
.pqce-rate-empty__currencies { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:13px 0 18px; }
.pqce-rate-empty__currencies span { padding:5px 8px; border:1px solid var(--pqce-line); border-radius:999px; background:#fff; font-size:10px; font-weight:800; color:var(--pqce-navy); }
.pqce-rate-empty .pqce-btn { min-height:42px; font-size:12px; }

.pqce-location-feature { min-height:470px; }
.pqce-store-visual { position:relative; margin:0; min-height:470px; }
.pqce-store-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pqce-store-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(4,34,72,.72)); pointer-events:none; }
.pqce-store-visual figcaption { position:absolute; z-index:2; left:18px; right:18px; bottom:16px; color:#fff; font-size:11px; line-height:1.4; text-shadow:0 2px 10px rgba(0,0,0,.45); }
.pqce-map-placeholder--photo { position:relative; overflow:hidden; background:#dcecf8; }
.pqce-map-placeholder--photo img { width:100%; height:100%; object-fit:cover; }
.pqce-map-placeholder--photo:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,44,99,.02),rgba(8,44,99,.38)); }
.pqce-map-placeholder--photo .pqce-map-placeholder__content { position:absolute; z-index:2; inset:auto 14px 14px; padding:13px; border-radius:11px; background:rgba(255,255,255,.94); box-shadow:0 10px 26px rgba(8,44,99,.15); }
.pqce-contact-fallback { padding:0 18px 16px; color:var(--pqce-muted); font-size:12px; }
.pqce-contact-fallback .pqce-btn { margin-top:8px; }
.pqce-sunset-card:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(8,44,99,.35)); pointer-events:none; }
.pqce-sunset-card p { z-index:2; }

/* Branded inner-page photo hero */
.pqce-page-hero {
  background:linear-gradient(120deg,#062958 0%,#0a4389 66%,#145aa8 100%);
}
.pqce-page-hero__inner { max-width:none; }
.pqce-page-hero__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr); gap:46px; align-items:center; }
.pqce-page-hero__copy { min-width:0; }
.pqce-page-hero__media { margin:0; position:relative; overflow:hidden; border-radius:22px; min-height:320px; box-shadow:0 28px 60px rgba(0,16,45,.28); border:1px solid rgba(255,255,255,.18); }
.pqce-page-hero__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.pqce-page-hero__media:after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.09); pointer-events:none; }
.pqce-page-hero__media figcaption { position:absolute; z-index:2; left:14px; right:14px; bottom:14px; padding:9px 11px; color:#fff; background:rgba(6,41,88,.76); border:1px solid rgba(255,255,255,.16); border-radius:9px; font-size:10px; line-height:1.35; backdrop-filter:blur(8px); }
.pqce-page-content { overflow:hidden; }
.pqce-page-content > .pqce-post-figure { margin:30px 0; }

/* Guide archive */
.pqce-blog-hero {
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(95deg,rgba(5,38,82,.96) 0%,rgba(8,60,124,.84) 50%,rgba(8,60,124,.38) 100%),
    var(--pqce-blog-image, url('assets/images/photo/travel-money.webp')) center / cover no-repeat;
  color:#fff;
}
.pqce-blog-hero:after { content:""; position:absolute; width:440px; height:440px; border:1px solid rgba(246,183,0,.23); border-radius:50%; right:-160px; top:-210px; box-shadow:0 0 0 65px rgba(246,183,0,.04),0 0 0 130px rgba(246,183,0,.025); }
.pqce-blog-hero__inner { position:relative; z-index:2; min-height:470px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr); gap:48px; align-items:center; padding-block:70px; }
.pqce-blog-hero h1 { color:#fff; max-width:760px; font-size:clamp(44px,5.5vw,70px); margin-bottom:18px; }
.pqce-blog-hero__copy > p:not(.pqce-kicker) { max-width:720px; color:#e0edf8; font-size:18px; }
.pqce-blog-hero .pqce-kicker { color:var(--pqce-gold-2); }
.pqce-blog-hero__topics { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:19px; border:1px solid rgba(255,255,255,.18); border-radius:20px; background:rgba(255,255,255,.10); backdrop-filter:blur(12px); }
.pqce-blog-hero__topics span { min-height:88px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(3,32,73,.36); font-size:23px; }
.pqce-blog-hero__topics b { color:#fff; font-size:11px; letter-spacing:.03em; text-align:center; }
.pqce-blog-listing { background:#f7fbff; }
.pqce-blog-listing__head { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.65fr); gap:42px; align-items:end; margin-bottom:30px; }
.pqce-blog-listing__head h2 { margin-bottom:0; }
.pqce-blog-listing__head > p { color:var(--pqce-muted); margin:0; }
.pqce-guide-archive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.pqce-guide-archive-card { overflow:hidden; border:1px solid var(--pqce-line); border-radius:20px; background:#fff; box-shadow:0 14px 38px rgba(8,44,99,.06); transition:transform .2s ease,box-shadow .2s ease; }
.pqce-guide-archive-card:hover { transform:translateY(-4px); box-shadow:0 20px 44px rgba(8,44,99,.11); }
.pqce-guide-archive-card__media { display:block; aspect-ratio:16/8.8; overflow:hidden; background:#dceaf7; }
.pqce-guide-archive-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.pqce-guide-archive-card:hover .pqce-guide-archive-card__media img { transform:scale(1.025); }
.pqce-guide-archive-card__body { padding:24px; }
.pqce-guide-archive-card__meta { display:flex; justify-content:space-between; gap:10px; margin-bottom:11px; color:#708198; font-size:10px; }
.pqce-guide-archive-card__meta span { color:#b47b00; font-weight:850; text-transform:uppercase; letter-spacing:.07em; }
.pqce-guide-archive-card h2 { font-size:25px; margin:0 0 10px; }
.pqce-guide-archive-card p { color:var(--pqce-muted); font-size:14px; margin:0; }
.pqce-pagination { margin-top:34px; }
.pqce-pagination .nav-links { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.pqce-pagination .page-numbers { min-width:40px; height:40px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--pqce-line); border-radius:9px; background:#fff; color:var(--pqce-navy); font-size:12px; font-weight:800; }
.pqce-pagination .current { background:var(--pqce-navy); color:#fff; border-color:var(--pqce-navy); }
.pqce-empty-state { padding:48px; text-align:center; background:#fff; border:1px solid var(--pqce-line); border-radius:20px; }

/* Guide single */
.pqce-article-hero { background:linear-gradient(180deg,#f1f9ff,#fff); border-bottom:1px solid #dce9f5; }
.pqce-article-hero__grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr); gap:50px; align-items:center; padding-block:58px; }
.pqce-article-hero__copy .pqce-breadcrumb { color:#6c7e94; margin-bottom:18px; }
.pqce-article-hero__copy .pqce-breadcrumb a { color:var(--pqce-blue)!important; }
.pqce-article-hero h1 { font-size:clamp(40px,5vw,62px); margin-bottom:18px; }
.pqce-article-hero__excerpt { max-width:760px; color:#536a84; font-size:18px; }
.pqce-article-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.pqce-article-meta span { padding:7px 10px; border:1px solid #cddfed; border-radius:999px; background:#fff; color:#5d7086; font-size:10px; }
.pqce-article-meta strong { color:var(--pqce-navy); }
.pqce-article-hero__media { margin:0; aspect-ratio:16/10.5; overflow:hidden; border-radius:22px; background:#dceaf7; box-shadow:0 24px 55px rgba(8,44,99,.16); }
.pqce-article-hero__media img { width:100%; height:100%; object-fit:cover; }
.pqce-article-main { background:#fff; }
.pqce-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:34px; align-items:start; }
.pqce-article-content { min-width:0; max-width:820px; }
.pqce-article-content > p { color:#435b76; font-size:17px; line-height:1.8; }
.pqce-article-content h2 { margin:48px 0 15px; font-size:clamp(27px,3vw,36px); }
.pqce-article-content h3 { margin:32px 0 11px; font-size:23px; }
.pqce-article-content li { color:#435b76; margin:8px 0; }
.pqce-article-content a { color:var(--pqce-blue)!important; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.pqce-article-topic { display:flex; align-items:center; gap:9px; margin-bottom:26px; padding:12px 14px; border:1px solid #d5e5f2; border-radius:12px; background:#f7fbff; }
.pqce-article-topic span { color:#a57300; text-transform:uppercase; letter-spacing:.08em; font-size:9px; font-weight:850; }
.pqce-article-topic strong { color:var(--pqce-navy); font-size:12px; }
.pqce-quick-answer { margin:24px 0; padding:19px 20px; border:1px solid #c6ddf1; border-left:4px solid var(--pqce-gold); border-radius:0 13px 13px 0; background:#f2f9ff; color:#3d5874; }
.pqce-quick-answer strong { color:var(--pqce-navy); }
.pqce-post-figure { margin:30px 0; overflow:hidden; border:1px solid var(--pqce-line); border-radius:18px; background:#fff; box-shadow:0 12px 28px rgba(8,44,99,.06); }
.pqce-post-figure img { width:100%; aspect-ratio:5/3; object-fit:cover; }
.pqce-post-figure figcaption { padding:11px 14px; background:#f8fbfe; color:#718198; font-size:10px; }
.pqce-article-sidebar { position:sticky; top:104px; display:grid; gap:18px; }
.pqce-side-card--visual { padding:0; overflow:hidden; }
.pqce-side-card--visual img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.pqce-side-card--visual > div { padding:18px; }
.pqce-side-card--visual > div p { margin-bottom:0; }
.pqce-article-trust { margin-top:46px; padding:26px; border-radius:18px; background:linear-gradient(130deg,#062958,#0d4f9d); color:#dceafb; }
.pqce-article-trust h2 { color:#fff; margin:0 0 9px; font-size:26px; }
.pqce-article-trust p { color:#dceafb; }
.pqce-article-trust .pqce-btn--light { color:var(--pqce-navy)!important; text-decoration:none; }
.pqce-related-articles { background:#f6faff; border-top:1px solid #e0ebf5; }

/* P2 CTA/footer polish */
.pqce-cta { position:relative; overflow:hidden; }
.pqce-cta:after { content:""; position:absolute; right:-20px; bottom:-80px; width:260px; height:260px; background:radial-gradient(circle,rgba(246,183,0,.14),transparent 64%); pointer-events:none; }
.pqce-footer { position:relative; overflow:hidden; background:linear-gradient(120deg,#051d43,#082d61 62%,#0a3d78); }
.pqce-footer:after { content:""; position:absolute; width:350px; height:350px; right:-180px; bottom:-230px; border:1px solid rgba(246,183,0,.12); border-radius:50%; box-shadow:0 0 0 70px rgba(246,183,0,.025); pointer-events:none; }
.pqce-footer__grid,.pqce-footer__bottom { position:relative; z-index:2; }

@media (max-width: 1040px) {
  .pqce-page-hero__grid { grid-template-columns:1fr .65fr; gap:28px; }
  .pqce-blog-hero__inner { grid-template-columns:1fr .65fr; gap:28px; }
  .pqce-article-hero__grid { grid-template-columns:1fr .7fr; gap:30px; }
}
@media (max-width: 900px) {
  .pqce-page-hero__grid,.pqce-blog-hero__inner,.pqce-article-hero__grid { grid-template-columns:1fr; }
  .pqce-page-hero__media { min-height:280px; }
  .pqce-blog-hero__topics { max-width:650px; }
  .pqce-guide-archive-grid { grid-template-columns:1fr; }
  .pqce-article-layout { grid-template-columns:1fr; }
  .pqce-article-sidebar { position:static; grid-template-columns:1fr 1fr; }
}
@media (max-width: 680px) {
  .pqce-hero { min-height:auto; background-position:64% center; }
  .pqce-rates-card { transform:none; }
  .pqce-store-visual { min-height:330px; }
  .pqce-page-hero__media { min-height:220px; border-radius:16px; }
  .pqce-blog-hero__inner { min-height:auto; padding-block:48px; }
  .pqce-blog-hero__topics { grid-template-columns:1fr 1fr; padding:12px; }
  .pqce-blog-hero__topics span { min-height:72px; font-size:19px; }
  .pqce-blog-listing__head { grid-template-columns:1fr; gap:9px; }
  .pqce-guide-archive-card__body { padding:19px; }
  .pqce-guide-archive-card h2 { font-size:22px; }
  .pqce-article-hero__grid { padding-block:42px; }
  .pqce-article-hero__media { order:-1; }
  .pqce-article-sidebar { grid-template-columns:1fr; }
  .pqce-article-content > p { font-size:16px; }
}
.pqce-map-placeholder--photo {
  display:block;
  padding:0;
  background-image:linear-gradient(180deg,rgba(8,44,99,.02),rgba(8,44,99,.28)),var(--pqce-map-photo);
  background-position:center;
  background-size:cover;
}
.pqce-map-placeholder--photo .pqce-map-placeholder__content strong { display:block; color:var(--pqce-navy); font-size:14px; }
.pqce-map-placeholder--photo .pqce-map-placeholder__content p { margin:4px 0 7px; color:#5d7087; font-size:10px; line-height:1.4; }
.pqce-map-placeholder--photo .pqce-map-placeholder__content a { color:var(--pqce-blue)!important; font-size:10px; font-weight:800; }
.pqce-map-placeholder--photo .pqce-map-placeholder__content span { font-size:22px; }


/* =========================================================
   PQCE FX CONVERTER PLACEMENTS — v1.5.2
   Homepage compact / exchange-rate owner / locked currency pages
   ========================================================= */
.pqce-home-converter {
  padding: 58px 0;
  background:
    radial-gradient(circle at 8% 15%, rgba(246,183,0,.08), transparent 27%),
    radial-gradient(circle at 92% 88%, rgba(20,90,168,.08), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #eef7ff 100%);
  border-top: 1px solid rgba(8,44,99,.05);
  border-bottom: 1px solid rgba(8,44,99,.06);
}

.pqce-theme-converter {
  position: relative;
  overflow: hidden;
  margin: 30px 0;
  padding: 28px;
  border: 1px solid #d9e6f2;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(246,183,0,.09), transparent 30%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 16px 40px rgba(8,44,99,.08);
}

.pqce-home-converter .pqce-theme-converter { margin: 0; }

.pqce-theme-converter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #f6b700, #ffd65b 42%, #145aa8 100%);
}

.pqce-theme-converter__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}

.pqce-theme-converter__head > div { max-width: 720px; }

.pqce-theme-converter__head .pqce-kicker {
  margin: 0 0 8px !important;
  color: #c38100 !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.pqce-theme-converter__head h2 {
  margin: 0 0 8px !important;
  color: #082c63 !important;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.15;
}

.pqce-theme-converter__head p:last-child {
  margin: 0 !important;
  color: #61758b !important;
  font-size: 12.5px;
  line-height: 1.65;
}

.pqce-theme-converter__currency {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(20,90,168,.13);
  border-radius: 999px;
  background: #eaf7ff;
  color: #082c63;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

/* The theme provides the visible heading; hide the plugin's duplicate heading only inside our wrapper. */
.pqce-theme-converter .pqce-fx-converter > .pqce-fx-kicker,
.pqce-theme-converter .pqce-fx-converter > h2 { display: none; }

.pqce-theme-converter .pqce-fx-card {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.pqce-theme-converter .pqce-fx-converter-grid { margin-top: 0; }

.pqce-theme-converter .pqce-fx-converter input,
.pqce-theme-converter .pqce-fx-converter select {
  border-color: #cbd9e8;
  background: #fff;
}

.pqce-theme-converter .pqce-fx-result-box {
  background: linear-gradient(135deg, #082c63 0%, #0b3d7e 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 24px rgba(8,44,99,.14);
}

.pqce-theme-converter .pqce-fx-result-box strong {
  color: #fff;
  font-variant-numeric: tabular-nums;
}

.pqce-theme-converter .pqce-fx-source {
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid #e8eff6;
  color: #6c7e91;
  font-size: 10.5px;
}

/* Homepage: a tighter utility block. */
.pqce-theme-converter--compact {
  display: grid;
  grid-template-columns: minmax(240px,.72fr) minmax(0,1.45fr);
  align-items: center;
  gap: 32px;
  padding: 26px 28px;
}

.pqce-theme-converter--compact .pqce-theme-converter__head { margin: 0; }
.pqce-theme-converter--compact .pqce-theme-converter__head h2 { font-size: 26px; }
.pqce-theme-converter--compact .pqce-fx-converter-grid {
  grid-template-columns: .8fr 1.25fr 1.25fr;
  gap: 10px;
}
.pqce-theme-converter--compact .pqce-fx-converter input,
.pqce-theme-converter--compact .pqce-fx-converter select { min-height: 45px; padding: 11px 12px; font-size: 14px; }
.pqce-theme-converter--compact .pqce-fx-result-box { padding: 11px 13px; }
.pqce-theme-converter--compact .pqce-fx-result-box strong { font-size: 19px; }

/* Exchange Rates page: this is the primary/owner converter. */
.pqce-theme-converter--full {
  margin: 34px 0 38px;
  border-color: rgba(20,90,168,.18);
}

/* Currency landing pages: keep the source currency fixed to page intent. */
.pqce-theme-converter--currency.is-currency-locked {
  margin: 22px 0 30px;
}
.pqce-theme-converter--currency.is-currency-locked .pqce-fx-converter-grid {
  grid-template-columns: minmax(160px,.8fr) minmax(260px,1.4fr);
}
.pqce-theme-converter--currency.is-currency-locked .pqce-fx-converter-grid > label:nth-child(2) {
  display: none !important;
}

@media (max-width: 900px) {
  .pqce-theme-converter--compact {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .pqce-theme-converter--compact .pqce-fx-converter-grid {
    grid-template-columns: 1fr 1.2fr 1.2fr;
  }
}

@media (max-width: 760px) {
  .pqce-home-converter { padding: 44px 0; }
  .pqce-theme-converter,
  .pqce-theme-converter--compact { padding: 21px 18px; border-radius: 15px; }
  .pqce-theme-converter__head { display: block; margin-bottom: 17px; }
  .pqce-theme-converter__currency { margin-top: 12px; white-space: normal; }
  .pqce-theme-converter--compact .pqce-fx-converter-grid,
  .pqce-theme-converter--currency.is-currency-locked .pqce-fx-converter-grid { grid-template-columns: 1fr; }
  .pqce-theme-converter__head h2 { font-size: 25px; }
}