body.food-phuquoc-page-template { background: #f6f7ed; }
body.food-phuquoc-page-template .site-header,
body.food-phuquoc-page-template .site-header.scrolled { background: rgba(246, 247, 237, .97) !important; border-bottom: 1px solid #d5dfc0 !important; box-shadow: none !important; }
body.food-phuquoc-page-template .site-header .site-logo,
body.food-phuquoc-page-template .site-header .nav-menu a,
body.food-phuquoc-page-template .site-header .header-city,
body.food-phuquoc-page-template .site-header .header-city button,
body.food-phuquoc-page-template .site-header .logo-vn { color: #173e25 !important; }
body.food-phuquoc-page-template .site-header .header-city__btn { background: #fff !important; border-color: #cbd9b5 !important; }
body.food-phuquoc-page-template .site-header .burger__line { background-color: #173e25 !important; }
.food-phuquoc-page { max-width: none; margin: 0; padding: calc(var(--header-h) + 30px) 0 72px; background: radial-gradient(circle at 9% 14%, rgba(214, 229, 165, .55) 0 9%, transparent 9.2%), radial-gradient(circle at 92% 18%, rgba(187, 221, 228, .55) 0 10%, transparent 10.2%), linear-gradient(135deg, #f8f9ef 0%, #f3f6e9 55%, #eef6f1 100%); color: #173e25; }
.food-phuquoc-page > section { max-width: 1180px; margin-inline: auto; padding-inline: 24px; }
.food-phuquoc-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: clamp(34px, 6vw, 76px); align-items: center; min-height: 570px; }
.food-phuquoc-hero__copy { max-width: 610px; }
.food-phuquoc-eyebrow { margin: 0 0 12px; color: #668f35; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.food-phuquoc-hero h1, .food-phuquoc-section h2 { margin: 0; color: #173e25; font-family: 'Playfair Display', Georgia, serif; font-weight: 500; line-height: .98; }
.food-phuquoc-hero h1 { font-size: clamp(3rem, 6vw, 5.7rem); }
.food-phuquoc-hero__copy > p:not(.food-phuquoc-eyebrow) { margin: 24px 0 0; color: #55705b; font-size: 1.08rem; line-height: 1.6; }
.food-phuquoc-hero__photo { height: min(60vw, 580px); overflow: hidden; border: 6px solid rgba(255, 255, 255, .78); border-radius: 46% 54% 47% 53% / 52% 44% 56% 48%; background: #dce9bd; box-shadow: 0 20px 48px rgba(55, 92, 49, .18); }
.food-phuquoc-hero__photo img, .food-phuquoc-gallery img { width: 100%; height: 100%; object-fit: cover; }
.food-phuquoc-hero__photo img { object-position: center; }
.food-phuquoc-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
.food-phuquoc-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border: 1px solid #456f2c; border-radius: 999px; background: linear-gradient(135deg, #4e842d, #24653b); color: #fff; font-size: .88rem; font-weight: 800; text-decoration: none; box-shadow: 0 10px 20px rgba(54, 104, 47, .2); }
.food-phuquoc-button:hover { border-color: #204c2b; background: linear-gradient(135deg, #3b6e25, #1b5230); color: #fff; }
.food-phuquoc-section { margin-top: 76px; }
.food-phuquoc-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.food-phuquoc-gallery__item { display: block; width: 100%; aspect-ratio: .8; padding: 0; overflow: hidden; border: 4px solid rgba(255, 255, 255, .8); border-radius: 26px 40px 28px 44px; background: #dce9bd; box-shadow: 0 12px 30px rgba(55, 92, 49, .13); cursor: zoom-in; }
.food-phuquoc-gallery__featured { grid-column: span 2; grid-row: span 2; }
.food-phuquoc-details { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 64px; align-items: start; }
.food-phuquoc-section h2 { font-size: clamp(2.15rem, 4vw, 3.5rem); }
.food-phuquoc-details p:not(.food-phuquoc-eyebrow) { color: #55705b; line-height: 1.65; }
.food-phuquoc-details ul { margin: 25px 0 0; padding: 0; list-style: none; }
.food-phuquoc-details li { padding: 13px 0; border-top: 1px solid #d5dfc0; color: #31553a; }
.food-phuquoc-order-card { padding: 29px; border: 1px solid #d5dfc0; border-radius: 28px 42px 30px 40px; background: rgba(255, 255, 255, .65); }
.food-phuquoc-order-card strong { color: #173e25; font-size: 1.1rem; }
.food-phuquoc-order-card p:not(.food-phuquoc-eyebrow) { margin: 11px 0 0; }
.food-phuquoc-prices { padding: 40px !important; border: 1px solid #d5dfc0; border-radius: 36px 26px 42px 30px; background: linear-gradient(135deg, rgba(232, 241, 204, .9), rgba(224, 241, 234, .85)); }
.food-phuquoc-prices__heading { max-width: 600px; }
.food-phuquoc-price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 30px; }
.food-phuquoc-price-grid article { padding: 22px; border: 1px solid rgba(161, 185, 126, .7); border-radius: 22px; background: rgba(255, 255, 255, .62); }
.food-phuquoc-price-grid h3 { margin: 0 0 12px; color: #315c2f; font-size: 1.05rem; }
.food-phuquoc-price-grid dl { margin: 0; }
.food-phuquoc-price-grid dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid rgba(161, 185, 126, .48); }
.food-phuquoc-price-grid dl > div:last-child { border-bottom: 0; }
.food-phuquoc-price-grid dt { color: #55705b; }
.food-phuquoc-price-grid dd { margin: 0; color: #245a32; font-weight: 800; text-align: right; white-space: nowrap; }
.food-phuquoc-contact { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 62px !important; padding: 34px !important; border-radius: 38px 26px 36px 24px; background: linear-gradient(120deg, #245b35, #4d8132 56%, #81a84b); color: #f8faed; }
.food-phuquoc-contact p { margin: 0; font-family: 'Playfair Display', Georgia, serif; font-size: 1.6rem; }
.food-phuquoc-contact .food-phuquoc-button { border-color: #d9e8b9; background: #f6f7ed; color: #245b35; box-shadow: none; }
.food-phuquoc-contact .food-phuquoc-button:hover { background: #fff; color: #173e25; }
.food-phuquoc-lightbox[hidden] { display: none; }
.food-phuquoc-lightbox { position: fixed; z-index: 10050; inset: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 42px; background: rgba(14, 35, 21, .93); }
.food-phuquoc-lightbox img { width: min(72vw, 760px); height: min(82vh, 820px); margin: auto; object-fit: contain; }
.food-phuquoc-lightbox__control, .food-phuquoc-lightbox__close { border: 1px solid rgba(255,255,255,.7); border-radius: 999px; background: transparent; color: #fff; padding: 10px 15px; font: 700 .8rem inherit; cursor: pointer; }
.food-phuquoc-lightbox__close { position: absolute; top: 18px; right: 22px; }
body.food-phuquoc-lightbox-open { overflow: hidden; }
@media (max-width: 720px) { .food-phuquoc-page { padding-top: calc(var(--header-h) + 14px); } .food-phuquoc-page > section { padding-inline: 16px; } .food-phuquoc-hero, .food-phuquoc-details { grid-template-columns: 1fr; gap: 27px; } .food-phuquoc-hero { min-height: 0; } .food-phuquoc-hero__photo { height: 440px; } .food-phuquoc-gallery { grid-template-columns: repeat(2, 1fr); gap: 8px; } .food-phuquoc-section { margin-top: 48px; } .food-phuquoc-prices { padding: 25px 20px !important; } .food-phuquoc-price-grid { grid-template-columns: 1fr; } .food-phuquoc-contact { display: grid; padding: 26px !important; } .food-phuquoc-contact .food-phuquoc-button { width: 100%; } .food-phuquoc-lightbox { grid-template-columns: 1fr 1fr; gap: 10px; padding: 24px 12px; } .food-phuquoc-lightbox img { grid-column: 1 / -1; grid-row: 1; width: 100%; height: 76vh; } .food-phuquoc-lightbox__control { grid-row: 2; } }