/* Trang tỉnh thành — ảnh toàn khung, bưu thiếp, bản đồ góc phải */
.pv-hero{position:relative;overflow:hidden;color:#fff;min-height:40rem;display:flex;flex-direction:column;justify-content:flex-end;background:#0d2a24}
.pv-bg{position:absolute;inset:0;background-size:cover;background-position:center 35%}
.pv-hero--photo .pv-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,16,.88) 0%,rgba(8,20,16,.62) 40%,rgba(8,20,16,.12) 72%,rgba(8,20,16,.25) 100%),linear-gradient(0deg,rgba(8,20,16,.75),transparent 45%)}
.pv-bg--plain{background:radial-gradient(900px 600px at 78% 40%,#2a6b58 0%,#174438 45%,#0d2a24 85%)}
.pv-bg--plain::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(241,243,232,.09) 1px,transparent 1px);background-size:22px 22px}
.pv-grid{position:relative;display:grid;gap:2.5rem;padding-top:2.25rem;padding-bottom:3rem;width:100%}
@media(min-width:1000px){.pv-grid{grid-template-columns:minmax(0,1fr) minmax(0,34rem);align-items:end;padding-bottom:3.25rem}.pv-art{margin-right:8.5rem}}
.pv-txt nav[aria-label="Đường dẫn"]{color:rgba(255,255,255,.72);font-size:.875rem}
.pv-txt nav[aria-label="Đường dẫn"] a:hover{color:#fff}
.pv-txt nav[aria-label="Đường dẫn"] svg{color:rgba(255,255,255,.5)}
.pv-txt nav[aria-label="Đường dẫn"] [aria-current]{color:#fff}
.pv-eb{margin-top:2rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffb27a}
.pv-h1{margin-top:.35rem;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:clamp(4.5rem,12vw,11rem);line-height:.86;color:#fff;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.25)}
.pv-lede{margin-top:2rem;max-width:30rem;text-wrap:pretty;font-size:clamp(1.05rem,.95rem + .4vw,1.25rem);line-height:1.55;color:rgba(255,255,255,.88)}
.pv-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.pv-btn{display:inline-flex;align-items:center;gap:.5rem;height:3rem;padding:0 1.35rem;border-radius:99px;font-weight:600;font-size:.95rem;transition:background .2s,border-color .2s,transform .2s}
.pv-btn svg{width:1rem;height:1rem}
.pv-btn--pri{background:#fd5100;color:#fff}.pv-btn--pri:hover{background:#e04800}
.pv-btn--sec{border:1.5px solid rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(4px)}.pv-btn--sec:hover{border-color:#fff;background:rgba(255,255,255,.14)}
.pv-btn:focus-visible{outline:3px solid #ffb27a;outline-offset:2px}
.pv-stats{display:flex;flex-wrap:wrap;gap:1.25rem 2.25rem;margin-top:2rem;padding-top:1.35rem;border-top:1px solid rgba(255,255,255,.22)}
.pv-stats:empty{display:none}
.pv-stats b{display:block;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:2.75rem;line-height:1;color:#ffb27a}
.pv-stats span{font-size:.82rem;color:rgba(255,255,255,.82)}
/* bưu thiếp */
.pv-art{position:relative;min-height:22rem;margin-bottom:4.5rem}
.pv-card{position:absolute;margin:0;background:#fff;padding:.6rem .6rem 0;border-radius:6px;box-shadow:0 26px 46px -20px rgba(0,0,0,.65);transition:transform .3s ease}
.pv-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.pv-card figcaption{font-family:Lora,Georgia,serif;font-style:italic;font-size:1.02rem;color:#2c2a26;padding:.5rem .15rem .65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-card--1{width:58%;left:2%;top:0;transform:rotate(-4deg)}
.pv-card--2{width:50%;right:4%;top:32%;transform:rotate(4deg)}
.pv-card:hover{transform:rotate(0) translateY(-6px);z-index:2}
/* tỉnh chưa có ảnh: thẻ "Có gì ở …" */
.pv-note{position:relative;margin-left:auto;max-width:22rem;background:#fbf8f1;color:#1c4533;border-radius:8px;padding:1.25rem 1.35rem 1.1rem;transform:rotate(-2.5deg);box-shadow:0 26px 46px -20px rgba(0,0,0,.65)}
.pv-note::before{content:"";position:absolute;top:-.6rem;left:50%;width:5rem;height:1.2rem;transform:translateX(-50%) rotate(2deg);background:rgba(255,178,122,.75)}
.pv-note__t{font-family:Lora,Georgia,serif;font-style:italic;font-size:1.35rem;margin-bottom:.6rem}.pv-note__t em{color:#e2560f}
.pv-note ul{list-style:none;margin:0;padding:0}
.pv-note li{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;border-bottom:1px dashed #d9d3c4;font-size:.92rem}
.pv-note li b{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:1.15rem;color:#e2560f}
.pv-note a{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.88rem;font-weight:600;color:#1c4533}
.pv-note a svg{width:.95rem;height:.95rem;color:#e2560f}
/* bản đồ ở góc */
.pv-loc{position:absolute;right:max(1.25rem,5vw);bottom:2.25rem;width:7.5rem;padding:.55rem .55rem .5rem;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);text-align:center;z-index:3}
.pv-loc svg{display:block;width:100%;height:auto}
.pv-loc p{margin-top:.3rem;font-size:.72rem;font-weight:600;line-height:1.3}
.pv-loc small{display:block;font-size:.64rem;color:rgba(255,255,255,.75)}
.pv-bgcap{position:absolute;right:max(1.25rem,5vw);top:1rem;font-family:Lora,Georgia,serif;font-style:italic;font-size:.8rem;color:rgba(255,255,255,.75);z-index:2}
.pv-cap{position:relative;padding:0 1.25rem .9rem;max-width:90rem;margin:0 auto;width:100%;font-size:.68rem;line-height:1.4;color:rgba(255,255,255,.6)}
@media(min-width:1000px){.pv-cap{padding-right:12rem;padding-left:max(1.25rem,5vw);margin:0}}
.pv-hero .ornament-hoivan{position:relative}
@media(max-width:999px){
  .pv-hero{min-height:0}
  .pv-art{min-height:0;margin-bottom:0;display:flex;gap:.75rem}
  .pv-card{position:relative;width:auto!important;flex:1;left:auto;right:auto;top:auto;transform:rotate(0)!important}
  .pv-card--2{margin-top:1.5rem}
  .pv-note{margin:0;transform:none;max-width:none;width:100%}
  .pv-loc{display:none}
  .pv-bgcap{display:none}
}
@media(prefers-reduced-motion:reduce){.pv-card,.pv-btn{transition:none}}
.pv-bgcap{max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 3 ảnh polaroid đồng bộ cho các trang tỉnh thành */
.pv-art--3{min-height:27rem}
.pv-art--3 .pv-card{width:48%}
.pv-art--3 .pv-card figcaption{font-size:.92rem}
.pv-art--3 .pv-card--1{left:0;top:3%;transform:rotate(-4deg)}
.pv-art--3 .pv-card--2{left:auto;right:0;top:0;transform:rotate(4deg)}
.pv-art--3 .pv-card--3{left:25%;top:53%;transform:rotate(-2deg);z-index:1}
.pv-art--3 .pv-card:hover{transform:rotate(0) translateY(-6px);z-index:3}
@media(max-width:999px){
  .pv-art--3{min-height:0;gap:.6rem;min-width:0;width:100%}
  .pv-grid>*{min-width:0}
  .pv-art--3 .pv-card{padding:.4rem .4rem 0;min-width:0;flex:1 1 0;left:auto!important;right:auto!important;top:auto!important}
  .pv-art--3 .pv-card figcaption{font-size:.78rem;padding:.35rem .1rem .45rem}
  .pv-art--3 .pv-card--2{margin-top:1.25rem}
  .pv-art--3 .pv-card--3{margin-top:.5rem}
}

/* Trang tỉnh thành — bố cục mobile gọn gàng */
@media(max-width:639px){
  .pv-hero--photo .pv-bg{bottom:auto;height:30rem;background-position:center 30%}
  .pv-hero--photo .pv-bg::after{background:linear-gradient(180deg,rgba(8,20,16,.35) 0%,rgba(8,20,16,.55) 45%,#0d2a24 100%)}
  .pv-grid{gap:1.75rem;padding-top:1.25rem;padding-bottom:2.25rem}
  .pv-txt nav[aria-label="Đường dẫn"]{font-size:.8rem}
  .pv-eb{margin-top:1.5rem;font-size:.68rem;letter-spacing:.12em;line-height:1.5}
  .pv-hero:not(.pv-hero--photo) .pv-eb{margin-top:1.75rem}
  .pv-h1{margin-top:.4rem;font-size:3.6rem;line-height:.92}
  .pv-lede{margin-top:1rem;font-size:1rem;line-height:1.55}
  .pv-ctas{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:1.4rem}
  .pv-btn{justify-content:center;height:2.9rem;font-size:.92rem}
  .pv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1.5rem;padding:1rem 0 0}
  .pv-stats>div{min-width:0}
  .pv-stats b{font-size:2rem}
  .pv-stats span{display:block;margin-top:.2rem;font-size:.72rem;line-height:1.35}
  /* ảnh polaroid: dải trượt ngang */
  .pv-art--3{display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -1.25rem;padding:.75rem 1.25rem 1.25rem;scrollbar-width:none;width:auto}
  .pv-art--3::-webkit-scrollbar{display:none}
  .pv-art--3 .pv-card{flex:0 0 68%;margin-top:0!important;padding:.5rem .5rem 0;scroll-snap-align:center}
  .pv-art--3 .pv-card--1{transform:rotate(-2deg)!important}
  .pv-art--3 .pv-card--2{transform:rotate(2deg)!important;margin-top:.6rem!important}
  .pv-art--3 .pv-card--3{transform:rotate(-1.5deg)!important}
  .pv-art--3 .pv-card figcaption{font-size:.88rem;padding:.45rem .15rem .55rem}
}