/* =========================================================
   Pizza & Grill GO — tokens
   ========================================================= */
:root{
	--red-900:#3d0808;
	--red-800:#5c0d0d;
	--red-700:#8a1414;
	--red-600:#b31a1a;
	--red-500:#d62424;
	--gold-500:#f2a900;
	--gold-400:#ffcf40;
	--cream:#fff6e6;
	--ink:#1c0906;
	--bw:3px;
	--bw-lg:5px;
	--shadow:6px 6px 0 var(--ink);
	--shadow-sm:4px 4px 0 var(--ink);
	--radius:16px;
	--font-display:'Anton', Impact, sans-serif;
	--font-body:'Oswald', 'Segoe UI', sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
	margin:0;
	background:var(--cream);
	color:var(--ink);
	font-family:var(--font-body);
	font-size:16px;
	line-height:1.5;
	overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3{ font-family:var(--font-display); margin:0; letter-spacing:.5px; }
p{ margin:0 0 .75em; }
section{ scroll-margin-top:86px; }

/* =========================================================
   Buttons
   ========================================================= */
.pgg-btn{
	display:inline-flex;
	align-items:center;
	gap:.5em;
	font-family:var(--font-body);
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.5px;
	font-size:.95rem;
	padding:.75em 1.4em;
	border:var(--bw) solid var(--ink);
	border-radius:10px;
	background:var(--gold-500);
	color:var(--ink);
	box-shadow:var(--shadow-sm);
	transition:transform .15s ease, box-shadow .15s ease;
	cursor:pointer;
	white-space:nowrap;
}
.pgg-btn .pgg-icon{ width:1.1em; height:1.1em; }
.pgg-btn:hover{ transform:translate(-2px,-2px); box-shadow:8px 8px 0 var(--ink); }
.pgg-btn:active{ transform:translate(0,0); box-shadow:2px 2px 0 var(--ink); }
.pgg-btn--ghost{ background:transparent; color:var(--cream); border-color:var(--cream); box-shadow:var(--shadow-sm); }
.pgg-btn--ghost:hover{ background:var(--cream); color:var(--ink); }
.pgg-btn--lg{ font-size:1.1rem; padding:.9em 1.8em; }

/* =========================================================
   Cookie notice
   ========================================================= */
.pgg-cookie{
	position:fixed; left:1rem; right:1rem; bottom:-200px; z-index:100;
	max-width:760px; margin:0 auto;
	background:var(--ink); color:var(--cream);
	border:var(--bw) solid var(--gold-500); border-radius:14px;
	box-shadow:var(--shadow);
	padding:1rem 1.25rem;
	display:flex; flex-wrap:wrap; align-items:center; gap:1rem;
	transition:bottom .35s ease;
}
.pgg-cookie.is-visible{ bottom:1rem; }
.pgg-cookie p{ flex:1 1 320px; margin:0; font-size:.85rem; line-height:1.5; color:#e9d9cd; }
.pgg-cookie .pgg-btn{ flex-shrink:0; padding:.55em 1.2em; font-size:.85rem; }

/* =========================================================
   Music toggle
   ========================================================= */
.pgg-music-toggle{
	position:fixed; right:1.25rem; bottom:1.25rem; z-index:90;
	width:52px; height:52px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	background:var(--gold-500); color:var(--ink);
	border:var(--bw) solid var(--ink);
	box-shadow:var(--shadow-sm);
	cursor:pointer;
	transition:transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pgg-music-toggle:hover{ transform:translateY(-2px); box-shadow:6px 6px 0 var(--ink); }
.pgg-music-toggle .pgg-icon{ width:24px; height:24px; }
.pgg-music-toggle__icon{ display:flex; }
.pgg-music-toggle__icon--on{ display:none; }
.pgg-music-toggle[aria-pressed="true"]{
	background:var(--red-600); color:var(--cream); border-color:var(--cream);
	animation:pgg-music-pulse 1.6s ease-in-out infinite;
}
.pgg-music-toggle[aria-pressed="true"] .pgg-music-toggle__icon--off{ display:none; }
.pgg-music-toggle[aria-pressed="true"] .pgg-music-toggle__icon--on{ display:flex; }
@keyframes pgg-music-pulse{
	0%,100%{ box-shadow:var(--shadow-sm); }
	50%{ box-shadow:0 0 0 8px rgba(214,36,36,.25); }
}
@media (max-width:600px){
	.pgg-music-toggle{ right:1rem; bottom:1rem; width:46px; height:46px; }
	.pgg-music-toggle .pgg-icon{ width:20px; height:20px; }
}

/* =========================================================
   Topbar / language switcher
   ========================================================= */
.pgg-topbar{ position:sticky; top:0; z-index:51; background:var(--ink); background:var(--red-800);}
.pgg-topbar__inner{
	max-width:1280px; margin:0 auto; padding:.3rem 1.25rem;
	display:flex; align-items:center; justify-content:flex-end; gap:1rem;
	
}
.pgg-lang-switch{ display:flex; gap:.4rem; }
.pgg-lang-switch__item{
	font-family:var(--font-body); font-weight:600; font-size:.78rem; letter-spacing:.5px;
	color:#d9c4b8; padding:.2em .6em; border-radius:6px; border:2px solid transparent;
	transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.pgg-lang-switch__item:hover{ color:var(--cream); border-color:var(--gold-500); }
.pgg-lang-switch__item.is-active{ background:var(--gold-500); color:var(--ink); border-color:var(--ink); }

@media (max-width:600px){
	.pgg-topbar__inner{ min-height:40px; padding:.5rem 1.25rem; }
	.pgg-lang-switch__item{ font-size:.85rem; padding:.3em .7em; }
}

/* =========================================================
   Header
   ========================================================= */
.pgg-header{
	position:sticky; top:var(--pgg-topbar-h, 32px); z-index:50;
	background:var(--red-800);
	border-bottom:var(--bw-lg) solid var(--gold-500);
}
.pgg-header__inner{
	max-width:1280px; margin:0 auto;
	display:flex; align-items:center; justify-content:space-between;
	gap:1rem; padding:.6rem 1.25rem;
}
.pgg-brand{ display:flex; align-items:center; gap:.6rem; flex-shrink:0; }
.pgg-brand__logo{ height:58px; width:auto; display:block; }

.pgg-nav{ display:flex; gap:1.75rem; }
.pgg-nav a{
	font-weight:600; text-transform:uppercase; font-size:.95rem; letter-spacing:1px;
	color:var(--cream); position:relative; padding:.3rem 0;
}
.pgg-nav__pdf{ display:inline-flex; align-items:center; gap:.4em; }
.pgg-nav__pdf .pgg-icon{ width:1.1em; height:1.1em; color:var(--gold-400); }
.pgg-nav a::after{
	content:""; position:absolute; left:0; bottom:0; width:0; height:3px;
	background:var(--gold-500); transition:width .2s ease;
}
.pgg-nav a:hover::after{ width:100%; }

.pgg-burger{
	display:none; flex-direction:column; justify-content:center; gap:5px;
	width:40px; height:36px; background:transparent; border:var(--bw) solid var(--cream);
	border-radius:8px; cursor:pointer;
}
.pgg-burger span{ height:3px; background:var(--cream); border-radius:2px; margin:0 6px; }

@media (max-width: 900px){
	.pgg-nav{
		position:fixed; left:0; right:0; top:var(--pgg-header-h, 114px); flex-direction:column; align-items:center;
		background:var(--red-800); border-bottom:var(--bw-lg) solid var(--gold-500);
		padding:1.25rem 0; gap:1rem;
		opacity:0; visibility:hidden; transform:translateY(-12px);
		transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
	}
	.pgg-nav.is-open{
		opacity:1; visibility:visible; transform:translateY(0);
		transition:opacity .25s ease, transform .25s ease;
	}
	.pgg-burger{ display:flex; }
	.pgg-header__inner > .pgg-btn--order{ display:none; }
}

/* =========================================================
   Hero
   ========================================================= */
.pgg-hero{
	position:relative;
	background:var(--red-800);
	overflow:hidden;
	padding:3.5rem 1.25rem 0;
	text-align:center;
}
.pgg-hero__video{
	position:absolute; inset:0; z-index:0;
	width:100%; height:100%;
	object-fit:cover;
}
.pgg-hero__bg{
	position:absolute; inset:0; z-index:1;
	background:
		radial-gradient(circle at 15% 20%, rgba(242,169,0,.22), transparent 40%),
		radial-gradient(circle at 85% 75%, rgba(214,36,36,.4), transparent 45%),
		repeating-linear-gradient(45deg, rgba(0,0,0,.08) 0 2px, transparent 2px 14px),
		linear-gradient(160deg, rgba(58,8,8,.86), rgba(92,13,13,.82) 50%, rgba(58,8,8,.86));
}
.pgg-hero__sparks{ position:absolute; inset:0; z-index:2; pointer-events:none; }
.pgg-spark{ position:absolute; width:18px; height:18px; color:var(--gold-400); opacity:.8; animation:pgg-twinkle 2.6s ease-in-out infinite; }
.pgg-spark .pgg-icon{ width:100%; height:100%; }
.pgg-spark:nth-child(1){ top:12%; left:8%; animation-delay:0s; }
.pgg-spark:nth-child(2){ top:22%; left:88%; animation-delay:.4s; }
.pgg-spark:nth-child(3){ top:65%; left:4%; animation-delay:.8s; }
.pgg-spark:nth-child(4){ top:75%; left:92%; animation-delay:1.2s; }
.pgg-spark:nth-child(5){ top:40%; left:50%; animation-delay:1.6s; }
.pgg-spark:nth-child(6){ top:85%; left:50%; animation-delay:2s; }
@keyframes pgg-twinkle{ 0%,100%{ opacity:.2; transform:scale(.8) rotate(0deg);} 50%{ opacity:1; transform:scale(1.2) rotate(15deg);} }

.pgg-hero__inner{ position:relative; z-index:3; max-width:900px; margin:0 auto; }

@keyframes pgg-bob{ 0%,100%{ transform:translateY(0) rotate(-1deg);} 50%{ transform:translateY(-10px) rotate(1deg);} }

.pgg-hero__mini_slider{ margin:0 0 1rem; }
.pgg-slider__viewport{
	position:relative;
	height:clamp(220px, 36vw, 380px);
}

.pgg-slider__arrow{
	position:absolute; top:50%; transform:translateY(-50%);
	z-index:5;
	width:44px; height:44px;
	display:flex; align-items:center; justify-content:center;
	background:var(--gold-500); color:var(--ink);
	border:3px solid var(--ink); border-radius:50%;
	box-shadow:var(--shadow-sm);
	cursor:pointer;
	transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.pgg-slider__arrow:hover{ background:var(--gold-400); transform:translateY(-50%) scale(1.08); box-shadow:6px 6px 0 var(--ink); }
.pgg-slider__arrow:active{ transform:translateY(-50%) scale(.94); }
.pgg-slider__arrow .pgg-icon{ width:20px; height:20px; }
.pgg-slider__arrow--prev{ left:2px; }
.pgg-slider__arrow--next{ right:2px; }

@media (max-width:640px){
	.pgg-slider__arrow{ width:36px; height:36px; }
	.pgg-slider__arrow .pgg-icon{ width:16px; height:16px; }
}
.pgg-slide{
	position:absolute; inset:0;
	display:flex; align-items:center; justify-content:center;
	gap:1rem; flex-wrap:wrap;
	opacity:0; visibility:hidden;
	transition:opacity .6s ease;
	pointer-events:none;
}
.pgg-slide.is-active{ opacity:1; visibility:visible; pointer-events:auto; }
.pgg-hero__logo{
	max-height:100%; width:auto; max-width:82vw;
	filter:drop-shadow(0 10px 22px rgba(0,0,0,.5));
	animation:pgg-bob 4s ease-in-out infinite;
	transition:transform .09s linear;
}
.pgg-hero__halal{
	max-height:65%; width:auto;
	filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));
}
.pgg-slide__photo-wrap{
	position:relative;
	height:100%;
	max-width:88%;
	line-height:0;
}
.pgg-hero__photo{
	display:block;
	height:100%; width:auto; max-width:100%;
	filter:drop-shadow(0 12px 24px rgba(0,0,0,.5));
	border-radius:12px;
}
.pgg-slide__price{
	position:absolute; right:-16px; top:-16px;
	background:var(--red-500); color:var(--cream);
	border:6px solid var(--cream); border-radius:999px;
	font-family:var(--font-display); font-size:clamp(2.4rem, 6vw, 3.15rem);
	letter-spacing:.3px; white-space:nowrap;
	padding:.6em 1em;
	box-shadow:8px 8px 0 var(--ink);
	animation:pgg-price-float 4s ease-in-out infinite;
}
@keyframes pgg-price-float{
	0%,100%{ transform:translate(0,0) rotate(-4deg); }
	25%{ transform:translate(4px,-6px) rotate(-6deg); }
	50%{ transform:translate(-3px,4px) rotate(-2deg); }
	75%{ transform:translate(3px,3px) rotate(-5deg); }
}
@media (prefers-reduced-motion: reduce){
	.pgg-slide__price{ animation:none; transform:rotate(-4deg); }
}

.pgg-slider__caption{ text-align:center; margin:1rem 0 0; }
.pgg-slider__typewriter{
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:bottom;
	max-width:0;
	border-right:.12em solid var(--cream);
	color:var(--cream);
	font-family:var(--font-display);
	font-weight:700;
	letter-spacing:1px;
	font-size:clamp(2.15rem, 2.8vw, 3.7rem);
	text-shadow:1px 1px 0 rgba(0,0,0,.35);
	animation:
		pgg-typewriter 5s infinite,
		pgg-caret .8s step-end infinite;
}
@keyframes pgg-typewriter{
	0%{ max-width:0; animation-timing-function:steps(22, end); }
	40%, 100%{ max-width:22ch; }
}
@keyframes pgg-caret{ 50%{ border-color:transparent; } }
@media (prefers-reduced-motion: reduce){
	.pgg-slider__typewriter{ animation:none; max-width:22ch; border-right:none; }
}

.pgg-slider__dots{ display:flex; justify-content:center; gap:.5rem; margin-top:1rem; }
.pgg-slider__dot{
	width:10px; height:10px; border-radius:50%;
	background:rgba(255,255,255,.35); border:2px solid var(--ink);
	cursor:pointer; padding:0; transition:background .2s ease, transform .2s ease;
}
.pgg-slider__dot.is-active{ background:var(--gold-500); transform:scale(1.2); }

.pgg-hero__tagline{
	color:var(--gold-400); font-weight:600; letter-spacing:1px; text-transform:uppercase;
	font-size:clamp(.95rem, 2vw, 1.25rem); margin:1rem 0 1.5rem;
}

.pgg-hero__badges{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; margin-bottom:1.5rem; }
.pgg-badge{
	display:inline-flex; align-items:center; gap:.4em;
	background:rgba(0,0,0,.25); color:var(--cream);
	border:2px solid var(--gold-500); border-radius:999px;
	font-size:.78rem; font-weight:600; letter-spacing:.3px; text-transform:uppercase;
	padding:.35em .8em;
}
.pgg-badge .pgg-icon{ width:1.1em; height:1.1em; color:var(--gold-400); }

.pgg-hero__cta{ display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; margin-bottom:2rem; }

.pgg-hero__marquee{
	position:relative; z-index:3;
	background:var(--ink);
	border-top:var(--bw-lg) solid var(--gold-500);
	overflow:hidden;
	margin-top:2.5rem;
}
.pgg-hero__marquee-track{
	display:flex; white-space:nowrap; gap:2rem;
	padding:.6rem 0; animation:pgg-scroll 18s linear infinite;
	width:max-content;
}
.pgg-hero__marquee-track span{
	color:var(--gold-400); font-family:var(--font-display); letter-spacing:2px;
	font-size:.95rem; text-transform:uppercase;
}
@keyframes pgg-scroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

/* =========================================================
   Section head / eyebrow
   ========================================================= */
.pgg-section-head{ text-align:center; margin:3rem auto 2rem; padding:0 1.25rem; }
.pgg-eyebrow{
	display:inline-block; color:var(--red-600); font-weight:700; text-transform:uppercase;
	letter-spacing:3px; font-size:.85rem; margin-bottom:.4rem;
}
.pgg-section-head h2{ font-size:clamp(2rem, 5.5vw, 3.4rem); color:var(--ink); }

/* =========================================================
   Menu tabs & grid
   ========================================================= */
.pgg-menu{ max-width:1280px; margin:0 auto; padding:0 1.25rem 4rem; }

.pgg-tabs{
	display:flex; gap:.75rem; overflow-x:auto; padding:.5rem .25rem 1.5rem;
	scrollbar-width:none;
}
.pgg-tabs::-webkit-scrollbar{ display:none; }
.pgg-tab{
	display:flex; align-items:center; gap:.5rem; flex-shrink:0;
	font-family:var(--font-body); font-weight:700; text-transform:uppercase; letter-spacing:.5px;
	font-size:.9rem; padding:.65em 1.1em;
	background:#fff; color:var(--ink);
	border:var(--bw) solid var(--ink); border-radius:999px;
	box-shadow:var(--shadow-sm); cursor:pointer;
	transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.pgg-tab .pgg-icon{ width:1.3em; height:1.3em; }
.pgg-tab:hover{ transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--ink); }
.pgg-tab.is-active{ background:var(--red-600); color:#fff; }

.pgg-panel{ display:none; }
.pgg-panel.is-active{ display:block; animation:pgg-fade .35s ease; }
@keyframes pgg-fade{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:translateY(0);} }

.pgg-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
	gap:1.25rem;
}
.pgg-card{
	position:relative;
	background:#fff;
	border:var(--bw) solid var(--ink);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
	padding:1.5rem 1.25rem 1.25rem;
	transition:transform .18s ease, box-shadow .18s ease;
}
.pgg-card:hover{ transform:translate(-3px,-3px); box-shadow:9px 9px 0 var(--red-600); }
.pgg-card--big{ grid-column:span 2; }
@media (max-width:640px){ .pgg-card--big{ grid-column:span 1; } }

.pgg-tag{
	position:absolute; top:-12px; right:14px;
	background:var(--gold-500); color:var(--ink);
	font-weight:700; text-transform:uppercase; font-size:.7rem; letter-spacing:1px;
	padding:.3em .7em; border:2px solid var(--ink); border-radius:999px;
	transform:rotate(4deg);
}
.pgg-card__icon{
	width:52px; height:52px; color:var(--red-600);
	background:var(--cream); border:2px solid var(--ink); border-radius:50%;
	display:flex; align-items:center; justify-content:center; margin-bottom:.75rem;
}
.pgg-card__icon .pgg-icon{ width:28px; height:28px; }
.pgg-card h3{ font-size:1.15rem; margin-bottom:.35rem; letter-spacing:.3px; }
.pgg-card p{ font-size:.92rem; color:#5a4a44; min-height:2.6em; }
.pgg-card__foot{
	display:flex; align-items:center; justify-content:space-between;
	margin-top:.75rem; padding-top:.75rem; border-top:2px dashed var(--ink);
}
.pgg-price{ font-family:var(--font-display); font-size:1.3rem; color:var(--red-600); }
.pgg-card__order{ font-weight:700; text-transform:uppercase; font-size:.8rem; letter-spacing:.5px; }
.pgg-card__order:hover{ color:var(--red-600); }

.pgg-card__sizes{ list-style:none; margin:0; padding:0; }
.pgg-card__sizes li{
	display:flex; align-items:center; justify-content:space-between; gap:.75rem;
	font-size:.88rem; padding:.3rem 0; border-bottom:1px dashed #e2d2c4;
}
.pgg-card__sizes li:last-child{ border-bottom:none; }
.pgg-card__sizes span{ color:#5a4a44; }
.pgg-card__sizes strong{ font-family:var(--font-display); font-size:1rem; color:var(--red-600); white-space:nowrap; }
.pgg-card__foot--sizes{ justify-content:flex-end; }

.pgg-panel__note{
	text-align:center; font-size:.85rem; color:#8a746a;
	margin-top:1.5rem; font-style:italic;
}

/* =========================================================
   Legal pages (Impressum / Datenschutz)
   ========================================================= */
.pgg-legal{ background:var(--cream); padding:3.5rem 1.25rem 4.5rem; }
.pgg-legal__inner{ max-width:760px; margin:0 auto; }
.pgg-legal__inner h1{
	font-size:clamp(2rem, 5vw, 2.8rem); color:var(--ink); margin-bottom:1.5rem;
}
.pgg-legal__inner h2{
	font-size:1.25rem; color:var(--red-700); margin:2rem 0 .6rem; letter-spacing:.3px;
}
.pgg-legal__inner p,
.pgg-legal__inner li{ font-size:.98rem; line-height:1.7; color:#4a3a34; }
.pgg-legal__inner p{ margin:0 0 1em; }
.pgg-legal__inner ul{ margin:0 0 1em; padding-left:1.3em; }
.pgg-legal__inner a{ color:var(--red-600); text-decoration:underline; }
.pgg-legal__inner code{
	background:#efe1d3; padding:.15em .4em; border-radius:4px; font-size:.9em;
}
.pgg-legal__fill{
	background:var(--gold-400); color:var(--ink); font-weight:600;
	padding:.1em .4em; border-radius:4px; box-decoration-break:clone;
	-webkit-box-decoration-break:clone;
}
.pgg-legal__note{
	margin-top:2.5rem; padding:1rem 1.25rem;
	background:#efe1d3; border:2px dashed var(--red-700); border-radius:10px;
	font-size:.88rem; font-style:italic; color:#5a4a44;
}

/* =========================================================
   About
   ========================================================= */
.pgg-about{
	background:var(--red-800); color:var(--cream);
	border-top:var(--bw-lg) solid var(--gold-500);
	border-bottom:var(--bw-lg) solid var(--gold-500);
	display:grid; grid-template-columns:.4fr .6fr; align-items:center; gap:2rem;
	padding:3.5rem 1.25rem;
}
.pgg-about__visual{ display:flex; justify-content:center; }
.pgg-about__flame{ width:150px; height:150px; color:var(--gold-500); animation:pgg-flicker 2.2s ease-in-out infinite; }
.pgg-about__flame .pgg-icon{ width:100%; height:100%; }
@keyframes pgg-flicker{ 0%,100%{ transform:scale(1) rotate(-2deg);} 50%{ transform:scale(1.06) rotate(2deg);} }
.pgg-about__content{ max-width:640px; }
.pgg-about__content h2{ font-size:clamp(1.9rem,5vw,3rem); margin:.3rem 0 1rem; }
.pgg-about__content p{ font-size:1.05rem; color:#f6dfc9; }
.pgg-stats{ display:flex; gap:2rem; list-style:none; margin:1.5rem 0 0; padding:0; }
.pgg-stats li{ display:flex; flex-direction:column; }
.pgg-stats strong{ font-family:var(--font-display); font-size:2rem; color:var(--gold-500); }
.pgg-stats span{ font-size:.8rem; text-transform:uppercase; letter-spacing:1px; color:#f6dfc9; }

@media (max-width:800px){
	.pgg-about{ grid-template-columns:1fr; text-align:center; }
	.pgg-stats{ justify-content:center; flex-wrap:wrap; }
}

/* =========================================================
   Footer
   ========================================================= */
.pgg-footer{ background:var(--ink); color:var(--cream); }
.pgg-footer__top{
	max-width:1280px; margin:0 auto; padding:3.5rem 1.25rem 2.5rem;
	display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:2.5rem;
}
.pgg-footer__logo{ height:64px; width:auto; margin-bottom:.75rem; }
.pgg-footer__brand p{ color:#c9b6ab; margin:.75rem 0 1rem; font-size:.92rem; }
.pgg-social{ display:flex; flex-wrap:wrap; gap:1rem; }
.pgg-social a{ font-weight:700; text-transform:uppercase; font-size:.8rem; letter-spacing:1px; border-bottom:2px solid var(--gold-500); padding-bottom:2px; }

.pgg-footer__info p{ display:flex; align-items:flex-start; gap:.6rem; font-size:.92rem; color:#e9d9cd; }
.pgg-footer__info .pgg-icon{ width:1.2em; height:1.2em; flex-shrink:0; color:var(--gold-500); margin-top:2px; }

.pgg-footer__cta{ display:flex; flex-direction:column; gap:.9rem; align-items:flex-start; }
.pgg-footer__halal{ height:88px; width:auto; }

.pgg-footer__map{
	border-top:var(--bw-lg) solid var(--gold-500);
	border-bottom:var(--bw-lg) solid var(--gold-500);
	line-height:0;
}
.pgg-footer__map iframe{ display:block; width:100%; height:320px; }

.pgg-footer__bottom{
	border-top:var(--bw) solid var(--red-700); text-align:center;
	padding:1.1rem; font-size:.82rem; color:#a88f83;
	display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem 1.25rem;
}
.pgg-footer__legal-nav{ display:flex; gap:1rem; }
.pgg-footer__legal-nav a{ color:#a88f83; text-decoration:underline; }
.pgg-footer__legal-nav a:hover{ color:var(--gold-400); }

@media (max-width:800px){
	.pgg-footer__top{ grid-template-columns:1fr; text-align:center; }
	.pgg-footer__logo{ margin-left:auto; margin-right:auto; }
	.pgg-social{ justify-content:center; }
	.pgg-footer__cta{ align-items:center; }
	.pgg-footer__info p{ justify-content:center; }
}

/* =========================================================
   Icon base
   ========================================================= */
.pgg-icon{ width:1em; height:1em; }