*, *::before, *::after { box-sizing: border-box; }
a { color: inherit; }

:root {
 --font-heading: 'Spectral', serif;
 --font-body: 'Inter', sans-serif;
 --terracotta: #AB5332;
 --terracotta-dark: #8E4220;
 --gold: #C9A96E;
 --dark: #1a1a1a;
 --charcoal: #2C2C2C;
 --white: #ffffff;
 --cream: #F5F0EB;
 --off-white: #FAFAF8;
 --sand: #E8DFD5;
}

body {
 font-family: var(--font-body);
 background: var(--white);
 margin: 0;
  overflow-wrap: break-word;
}

@keyframes fadeSlideUp {
 from { opacity: 0; transform: translateY(24px); }
 to { opacity: 1; transform: translateY(0); }
}

.pg-delivery-hero {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 64px;
 align-items: center;
 padding: 80px 48px;
 max-width: 1280px;
 margin: 0 auto;
}

.pg-delivery-hero-content {
 display: flex;
 flex-direction: column;
 gap: 24px;
}

.pg-delivery-hero h1 {
 font-family: var(--font-heading);
 font-size: var(--fs-fluid-54);
 font-weight: var(--fw-bold);
 line-height: 1.15;
 margin: 0;
 color: var(--dark);
 opacity: 0;
 animation: fadeSlideUp 0.7s ease 0.2s forwards;
}

.pg-delivery-hero-subtitle {
 font-size: var(--fs-fluid-55);
 line-height: 1.6;
 color: var(--c-555555);
 margin: 0;
 opacity: 0;
 animation: fadeSlideUp 0.7s ease 0.3s forwards;
}

.pg-delivery-hero-buttons {
 display: flex;
 gap: 16px;
 flex-wrap: wrap;
 opacity: 0;
 animation: fadeSlideUp 0.7s ease 0.4s forwards;
}

.pg-btn-hero-primary {
 position: relative;
 background: var(--terracotta);
 color: var(--c-white);
 padding: 16px 40px;
 border-radius:999px;
 font-size: var(--fs-16px);
 font-weight: 600;
 text-decoration: none;
 transition: all 0.3s;

}

@media (hover: hover) and (pointer: fine){.pg-btn-hero-primary:hover {
 background: var(--terracotta-dark);
 transform: translateY(-3px);
 box-shadow: 0 12px 32px var(--c-ab5332-a30);
}}

.pg-btn-hero-secondary {
 background: var(--cream);
 color: var(--dark);
 padding: 16px 40px;
 border-radius:999px;
 font-size: var(--fs-16px);
 font-weight: 600;
 text-decoration: none;
 transition: all 0.3s;
}

@media (hover: hover) and (pointer: fine){.pg-btn-hero-secondary:hover {
 background: var(--off-white);
 transform: translateY(-3px);
}}

.pg-promo-tooltip {
 position: absolute;
 bottom: -60px;
 left: 0;
 background: var(--gold);
 color: var(--dark);
 padding: 8px 14px;
 border-radius: 6px;
 font-size: var(--fs-12px);
 font-weight: var(--fw-bold);
 white-space: nowrap;
 opacity: 0;
 animation: fadeSlideUp 0.7s ease 0.5s forwards;
 pointer-events: none;
}

.pg-delivery-hero-image {
 opacity: 0;
 animation: fadeSlideUp 0.7s ease 0.3s forwards;
}

.pg-delivery-hero-image img {
 width: 100%;
 height: auto;
 border-radius: 20px;
 display: block;
 box-shadow: 0 16px 48px var(--c-000000-a12);
}

.pg-savings-banner {
 background: linear-gradient(135deg, var(--terracotta) 0%, var(--terracotta-dark) 100%);
 color: var(--c-white);
 padding: 48px;
 text-align: center;
 width: 100%;
}

.pg-savings-banner h2 {
 font-family: var(--font-heading);
 font-size: var(--fs-fluid-49);
 font-weight: var(--fw-bold);
 margin: 0 0 32px 0;
}

.pg-savings-content {
 max-width: 1000px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 40px;
}

.pg-savings-item {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 16px;
}

.pg-savings-icon {
 width: 48px;
 height: 48px;
 stroke-width: 1.5;
}

.pg-savings-item h3 {
 font-family: var(--font-heading);
 font-size: var(--fs-18px);
 font-weight: var(--fw-bold);
 margin: 0;
}.pg-savings-item p{
 font-size: var(--fs-16px);
 line-height: 1.5;
 margin: 0;
 opacity: 0.95;
}

.pg-comparison-section {
 background: var(--off-white);
 padding: 80px 48px;
}

.pg-comparison-section h2 {
 font-family: var(--font-heading);
 font-size: var(--fs-fluid-56);
 font-weight: var(--fw-bold);
 color: var(--dark);
 text-align: center;
 margin-bottom: 48px;
}

.pg-comparison-table-wrapper {
 max-width: 1200px;
 margin: 0 auto;
 overflow-x: auto;
}

.pg-comparison-table {
 width: 100%;
 border-collapse: collapse;
 background: var(--c-white);
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 16px var(--c-000000-a06);
}

.pg-comparison-table th {
 background: var(--dark);
 color: var(--c-white);
 padding: 20px 24px;
 text-align: left;
 font-size: var(--fs-15px);
 font-weight: var(--fw-bold);
 letter-spacing: 0;
}

.pg-comparison-table td {
 padding: 20px 24px;
 border-bottom: 1px solid var(--c-000000-a05);
 font-size: var(--fs-15px);
 letter-spacing: 0;
 color: var(--c-555555);
}

.pg-comparison-table tr:last-child td {
 border-bottom: none;
}

.pg-comparison-table tr.pg-spotOn {
 background: var(--c-d4a574-a08);
 border: 2px solid var(--gold);
}

.pg-comparison-table tr.pg-spotOn td {
 color: var(--dark);
 font-weight: var(--fw-semibold);
}

.pg-comparison-table .pg-platform-name {
 font-weight: var(--fw-bold);
 color: var(--dark);
}

.pg-comparison-table a {
 color: var(--terracotta);
 text-decoration: none;
 font-weight: var(--fw-semibold);
 display: inline-flex;
 align-items: center;
 min-height: 44px;
}

@media (hover: hover) and (pointer: fine){.pg-comparison-table a:hover {
 text-decoration: underline;
}}

.pg-how-it-works {
 background: var(--cream);
 padding: 80px 48px;
}

.pg-how-it-works h2 {
 font-family: var(--font-heading);
 font-size: var(--fs-fluid-56);
 font-weight: var(--fw-bold);
 color: var(--dark);
 text-align: center;
 margin-bottom: 64px;
}

.pg-how-steps {
 max-width: 900px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 48px;
}

.pg-step {
 display: flex;
 flex-direction: column;
 align-items: center;
 text-align: center;
 gap: 20px;
 opacity: 0;
 animation: fadeSlideUp 0.7s ease forwards;
}

.pg-step:nth-child(1) { animation-delay: 0.1s; }
.pg-step:nth-child(2) { animation-delay: 0.2s; }
.pg-step:nth-child(3) { animation-delay: 0.3s; }

.pg-step-icon {
 width: 64px;
 height: 64px;
 border-radius: 50%;
 background: var(--c-white);
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 4px 12px var(--c-000000-a08);
}

.pg-step-icon svg {
 width: 32px;
 height: 32px;
 stroke-width: 1.5;
}

.pg-step h3 {
 font-family: var(--font-heading);
 font-size: var(--fs-20px);
 font-weight: var(--fw-bold);
 color: var(--dark);
 margin: 0;
}.pg-step p{
 font-size: var(--fs-16px);
 color: var(--c-555555);
 margin: 0;
 line-height: 1.5;
}

.pg-popular-items-section {
 padding: 80px 48px;
 background: var(--c-white);
 max-width: 1200px;
 margin: 0 auto;
}

.pg-popular-items-section h2 {
 font-family: var(--font-heading);
 font-size: var(--fs-fluid-56);
 font-weight: var(--fw-bold);
 color: var(--dark);
 text-align: center;
 margin-bottom: 48px;
}

.pg-food-cards {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 32px;
}

.pg-food-card {
 background: var(--c-white);
 border-radius: var(--r-lg);
 overflow: hidden;
 box-shadow: 0 4px 16px var(--c-000000-a08);
 transition: transform 0.3s, box-shadow 0.3s;
}

@media (hover: hover) and (pointer: fine){.pg-food-card:hover {
 transform: translateY(-8px);
 box-shadow: 0 12px 32px var(--c-000000-a15);
}}

.pg-food-card-image {
 position: relative;
 height: 240px;
 overflow: hidden;
}

.pg-food-card-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.4s;
}

@media (hover: hover) and (pointer: fine){.pg-food-card:hover .pg-food-card-image img {
 transform: scale(1.08);
}}

.pg-food-card-content {
 padding: 24px;
}

.pg-food-card h3 {
 font-family: var(--font-heading);
 font-size: var(--fs-20px);
 font-weight: var(--fw-bold);
 color: var(--dark);
 margin: 0 0 8px 0;
}

.pg-food-card-price {
 font-size: var(--fs-18px);
 font-weight: var(--fw-bold);
 color: var(--terracotta);
 margin-bottom: 12px;
}.pg-food-card p{
 font-size: var(--fs-16px);
 color: var(--fg-muted);
 line-height: 1.5;
 margin-bottom: 16px;
}

.pg-food-card-link {
 display: inline-block;
 color: var(--terracotta);
 text-decoration: none;
 font-weight: var(--fw-semibold);
 font-size: var(--fs-14px);
 line-height: 1.5;
}

@media (hover: hover) and (pointer: fine){.pg-food-card-link:hover {
 text-decoration: underline;
}}

.pg-delivery-area {
 background: var(--dark);
 color: var(--c-white);
 padding: 64px 48px;
}

.pg-delivery-area-content {
 max-width: 800px;
 margin: 0 auto;
 text-align: center;
}

.pg-delivery-area h2 {
 font-family: var(--font-heading);
 font-size: var(--fs-fluid-56);
 font-weight: var(--fw-bold);
 margin-bottom: 24px;
}

.pg-delivery-area p {
 font-size: var(--fs-16px);
 line-height: 1.7;
 margin-bottom: 20px;
 opacity: 0.95;
}

.pg-delivery-address {
 font-size: var(--fs-16px);
 line-height: 1.7;
 font-weight: var(--fw-semibold);
 margin-bottom: 16px;
}

.pg-delivery-phone {
 font-size: var(--fs-16px);
 line-height: 1.7;
}

.pg-delivery-phone a {
 color: var(--gold);
 text-decoration: none;
 font-weight: var(--fw-bold);
}

@media (hover: hover) and (pointer: fine){.pg-delivery-phone a:hover {
 text-decoration: underline;
}}

.pg-review-section {
 padding: 80px 48px;
 background: var(--off-white);
}

.pg-review-quote {
 max-width: 700px;
 margin: 0 auto;
 text-align: center;
}

.pg-review-text {
 font-family: var(--font-heading);
 font-size: var(--fs-fluid-57);
 font-style: italic;
 color: var(--dark);
 line-height: 1.6;
 margin-bottom: 20px;
}

.pg-review-author {
 font-size: var(--fs-16px);
 font-weight: var(--fw-semibold);
 color: var(--c-555555);
}

.pg-static-links-section {
 padding: 64px 48px;
 text-align: center;
}

.pg-static-links-section h2 {
 font-family: var(--font-heading);
 font-size: var(--fs-28px);
 font-weight: var(--fw-bold);
 color: var(--dark);
 margin-bottom: 36px;
}

.pg-links-list {
 display: flex;
 justify-content: center;
 gap: 32px;
 flex-wrap: wrap;
 max-width: 700px;
 margin: 0 auto;
}

.pg-links-list a {
 color: var(--terracotta);
 text-decoration: none;
 font-weight: var(--fw-semibold);
 font-size: var(--fs-16px);
 transition: color 0.3s;
}

@media (hover: hover) and (pointer: fine){.pg-links-list a:hover {
 color: var(--terracotta-dark);
}}


.pg-reveal.pg-visible {
 opacity: 1;
 transform: translateY(0);
}

a:focus-visible {
 outline: 2px solid var(--terracotta);
 outline-offset: 3px;
}

@media (max-width: 1024px) {
 .pg-delivery-hero {
 grid-template-columns: 1fr;
 gap: 48px;
 padding: 60px 40px;
 }

 .pg-savings-content {
 grid-template-columns: repeat(2, 1fr);
 gap: 32px;
 }

 .pg-how-steps {
 grid-template-columns: 1fr;
 gap: 40px;
 }

 .pg-food-cards {
 grid-template-columns: repeat(2, 1fr);
 gap: 24px;
 }

 .pg-comparison-table th,
 .pg-comparison-table td {
 padding: 16px 12px;
 font-size: var(--fs-13px);
 }
}

@media (max-width: 768px) {
 .pg-delivery-hero {
 grid-template-columns: 1fr;
 padding: 0 0 40px;
 gap: 28px;
 }

 .pg-delivery-hero-image { order: -1; }
 .pg-delivery-hero-image img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0; box-shadow: none; }
 .pg-delivery-hero-content { padding: 0 24px; }

 .pg-delivery-hero h1 {
 font-size: var(--fs-28px);
 }

 .pg-delivery-hero-buttons {
 flex-direction: column;
 }

 .pg-btn-hero-primary,
 .pg-btn-hero-secondary {
 width: 100%;
 text-align: center;
 }

 .pg-promo-tooltip {
 position: static;
 display: block;
 width: fit-content;
 max-width: 100%;
 margin: 10px auto 0;
 white-space: normal;
 opacity: 1;
 }

 .pg-savings-banner {
 padding: 40px 24px;
 }

 .pg-savings-content {
 grid-template-columns: 1fr;
 gap: 24px;
 }

 .pg-comparison-section,
 .pg-how-it-works,
 .pg-popular-items-section,
 .pg-delivery-area,
 .pg-review-section,
 .pg-static-links-section {
 padding: 48px 24px;
 }

 .pg-food-cards {
 grid-template-columns: 1fr;
 }

 .pg-links-list {
 flex-direction: column;
 gap: 16px;
 align-items: center;
 }
 .pg-link-block-grid { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 480px) {
 .pg-delivery-hero h1 {
 font-size: var(--fs-24px);
 }

 .pg-delivery-hero-subtitle {
 font-size: var(--fs-15px);
 }

 .pg-btn-hero-primary,
 .pg-btn-hero-secondary {
 padding: 14px 32px;
 font-size: var(--fs-15px);
 }

 .pg-savings-banner h2 {
 font-size: var(--fs-22px);
 }

 .pg-savings-content {
 gap: 20px;
 }

 .pg-comparison-table {
 font-size: var(--fs-13px);
 }

 .pg-comparison-table th,
 .pg-comparison-table td {
 padding: 12px 8px;
 }

 .pg-how-steps {
 gap: 24px;
 }

 .pg-step-icon {
 width: 56px;
 height: 56px;
 }

 .pg-step-icon svg {
 width: 28px;
 height: 28px;
 }

 .pg-food-card-image {
 height: 180px;
 }

 .pg-delivery-area {
 padding: 48px 24px;
 }

 .pg-review-text {
 font-size: var(--fs-18px);
 }
}

.pg-link-block { max-width: 900px; margin: 0 auto; padding: 40px 24px; }
.pg-link-block h3 { font-family: var(--ff-spectral); font-size: var(--fs-1_4rem); text-align: center; color: var(--charcoal); margin-bottom: 24px; }
.pg-link-block-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.pg-link-block-col h4 { font-family: var(--ff-inter); font-size: var(--fs-0_85rem); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: 1px; color: var(--terracotta); margin-bottom: 12px; }
.pg-link-block-col a { display: block; font-size: var(--fs-0_95rem); color: var(--charcoal); text-decoration: none; padding: 4px 0; transition: color 0.2s; }
@media (hover: hover) and (pointer: fine){.pg-link-block-col a:hover { color: var(--terracotta); }}

h1, h2, h3, .pg-food-hero-sub, .pg-cta-text, 
p { orphans: 2; widows: 2; }

@media print {
 .pg-food-hero, .pg-trust-strip, .pg-link-block, .pg-related-section, #site-nav, #site-footer, .pg-cta-strip, .pg-btn-order-primary, .pg-btn-order-secondary { display: none; }
 .pg-food-story, .pg-faq-section, .pg-menu-section { break-inside: avoid; }
 body { font-size: var(--fs-12pt); color: var(--c-000000); background: var(--c-ffffff); }
}

.pg-breadcrumb { max-width: 900px; margin: 0 auto; padding: 12px 24px; font-size: var(--fs-14px); color: var(--c-666666); }
.pg-breadcrumb a { color: var(--terracotta); text-decoration: none; }
@media (hover: hover) and (pointer: fine){.pg-breadcrumb a:hover { text-decoration: underline; }}
.pg-breadcrumb .pg-sep { margin: 0 8px; color: var(--c-cccccc); }
.pg-breadcrumb .pg-current { color: var(--charcoal); }

@media (prefers-reduced-motion: reduce) {
  .pg-reveal { opacity: 1; transform: none; transition: none; }
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
.pg-delivery-address a, .pg-delivery-phone a { color: var(--gold); }