/*
Theme Name: BelGioioso Hispanic Selection
Author: QNY Creative
Author URI: http://qnycreative.com
Version: 1.0
*/

/* ===== Palette (BelGioioso Hispanic Selection) ===== */
:root{
	--orange:#f58220;   /* header bar, accents */
	--red:#d02030;      /* primary buttons, accent headlines */
	--magenta:#ed1edb;  /* marquee / Cotija */
	--blue:#134e8d;     /* footer */
	--oaxaca:#0189e1;   /* Oaxaca blue */
	--quesadilla:#48a974;/* Quesadilla green */
	--yellow:#f2e85b;   /* hero headline */
	--cream:#f6efdf;    /* page background */
	--cream-2:#efe6d2;  /* alt section background */
	--ink:#1a1a1a;      /* body text */
	--white:#fff;
	--border:#d8cfba;
	/* legacy aliases used by starter helpers */
	--primary:var(--red);
	--accent:var(--orange);
	--dark:var(--ink);
	--text:var(--ink);
	--bg:var(--cream);
	--bg-alt:var(--cream-2);
}

/* ===== WordPress Core Styles ===== */
.alignleft{float:left; margin-right:1.5rem; margin-bottom:1rem}
.alignright{float:right; margin-left:1.5rem; margin-bottom:1rem}
.aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:1rem}
.alignwide{max-width:100%; margin-left:auto; margin-right:auto}
.alignfull{max-width:100vw; margin-left:calc(-50vw + 50%); width:100vw}
.wp-caption{max-width:100%; margin-bottom:1rem}
.wp-caption img{display:block; max-width:100%; height:auto}
.wp-caption-text,.wp-block-image figcaption,.gallery-caption{font-size:.875rem; color:#666; margin-top:.5rem; text-align:center}
img{max-width:100%; height:auto}
.screen-reader-text{clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; word-wrap:normal!important}
.has-text-align-left{text-align:left}
.has-text-align-center{text-align:center}
.has-text-align-right{text-align:right}

/* ===== Reset ===== */
*, *::before, *::after{box-sizing:border-box; margin:0; padding:0}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; font-size:16px}
body{font-family:"Albert Sans",sans-serif; min-height:100vh; line-height:1.6; overflow-x:hidden; font-weight:400; font-size:1rem; color:var(--ink); background:var(--cream);}
img, picture, video, canvas, svg{display:block; max-width:100%; height:auto}
button{font:inherit; cursor:pointer}
a{text-decoration:none; color:inherit}
table{border-collapse:collapse; border-spacing:0}
input, select, textarea{width:100%; padding:12px 14px; border:1px solid var(--border); background:var(--white); font:inherit; border-radius:8px; -webkit-appearance:none}
textarea{resize:none; min-height:120px}

/* ===== Typography ===== */
.display, h1, h2, h3{font-family:"rl-limo",sans-serif; font-weight:700; line-height:1.02; text-transform:uppercase; letter-spacing:0.005em;}
h1{font-size:2.75rem}
h2{font-size:2.4rem}
h3{font-size:1.5rem}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}

/* ===== Layout ===== */
.content{ width:100%; max-width:1500px; margin:0 auto; padding:0 50px;}
.hidden, .hide{display:none !important}
.center{ text-align:center !important;}
.white{ color:var(--white);}

.row{display:flex; flex-wrap:wrap; gap:24px}
.col{flex:1}
.col-1{flex:0 0 100%}
.col-2{flex:0 0 calc(50% - 12px)}
.col-3{flex:0 0 calc(33.333% - 16px)}
.col-4{flex:0 0 calc(25% - 18px)}

/* Responsive BG */
.rbg{background-image:var(--bg-desktop); background-size:cover; background-position:center}

/* ===== Buttons ===== */
.button{display:inline-block; padding:11px 26px; background:var(--red); color:var(--white); font-family:"Albert Sans",sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:0.06em; font-size:0.9375rem; line-height:1; border-radius:10px; border:none; cursor:pointer; transition:background 0.25s, transform 0.25s;}
.button:hover{background:#b01726; transform:translateY(-2px)}
.button.orange{background:var(--orange)} .button.orange:hover{background:#e07215}

/* ===== Notifications ===== */
.msg{padding:12px 16px; font-size:1rem; margin:20px 0 0; display:none; border-radius:8px;}
.msg.visible{display:block !important;}
.msg.success{background:#e8f5e9; color:#2e7d32; border:1px solid #a5d6a7}
.msg.error{background:#fbe9e7; color:#c62828; border:1px solid #ef9a9a}
.msg.warning{background:#fff8e1; color:#f57f17; border:1px solid #ffe082}
.redBorder{border-color:#c62828 !important; outline:2px solid #c62828 !important;}

/* ===== ACF Blocks wrapper ===== */
.block{ position:relative;}

/* ===== Popup overlay ===== */
.popupOverlay{position:fixed; left:0; top:0; background:rgba(0,0,0,0.6); display:block; width:100vw; height:100vh; z-index:2000;}
.popupOverlay .popup{ width:100%; margin:0 auto; max-width:420px; position:relative;}
.popupOverlay .popupFullImg, .popupOverlay .popupFullImg img{ width:100%; margin:0 auto; display:block;}
.popupOverlay .close{ position:absolute; right:-40px; top:-40px; width:40px; height:40px; background:url(img/close.svg) no-repeat center center / contain; cursor:pointer;}
.displayTable{ display:table; width:100%; height:100%;}
.verticalAlign{ display:table-cell; vertical-align:middle;}

/* ===== Header (orange centered-logo nav) ===== */
header{ position:fixed; left:0; top:0; width:100%; z-index:1000; background:var(--orange); transition:0.3s ease;}
body.admin-bar header{ top:32px;}
header .content{ display:flex; align-items:center; justify-content:center; position:relative; min-height:118px;}
header .logo{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; z-index:2;}
header .logo img{ height:80px; width:auto;}
header .headerNav{ width:100%;}
.headerLinks{ list-style:none; display:flex; justify-content:center; align-items:center; gap:60px;}
.headerLinks a{ font-family:"rl-limo",sans-serif; font-weight:700; font-size:1.375rem; line-height:1; color:var(--white); text-transform:uppercase; letter-spacing:0.05em; transition:opacity 0.2s;}
.headerLinks a:hover{ opacity:0.78;}
/* center notch for the logo — assumes a 4-item Header Menu (2 links each side) */
.headerLinks li:nth-child(2){ margin-right:230px;}
/* hamburger (mobile only) */
header .menuIcon{ display:none; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:46px; height:46px; align-items:center; justify-content:center; z-index:3;}
header .menuIcon span{ display:block; width:28px; height:3px; background:var(--white); border-radius:2px; position:absolute; transition:0.3s ease; left:50%; margin-left:-14px;}
header .menuIcon span:nth-child(1){ top:16px;}
header .menuIcon span:nth-child(2){ top:23px;}
header .menuIcon span:nth-child(3){ top:30px;}
body.menuOpen .menuIcon span:nth-child(1){ top:23px; transform:rotate(45deg);}
body.menuOpen .menuIcon span:nth-child(2){ opacity:0;}
body.menuOpen .menuIcon span:nth-child(3){ top:23px; transform:rotate(-45deg);}

/* page sections start below the fixed header */
section{ padding-top:118px;}
body.admin-bar section{ padding-top:118px;}

/* ===== Footer (navy columns) ===== */
footer{ background:var(--blue); color:var(--white); padding:48px 0;}
footer a{ color:var(--white); transition:opacity 0.2s;} footer a:hover{ opacity:0.8;}
footer .footRow{ display:flex; align-items:flex-start; gap:40px;}
.footLogo{ flex:0 0 300px;}
.footLogo img{ width:282px; max-width:100%; height:auto;}
.footerMenu{ flex:0 0 240px; padding-top:6px;}
.footLinks{ list-style:none; display:flex; flex-direction:column; gap:14px;}
.footLinks a{ font-family:"rl-limo",sans-serif; font-weight:700; font-size:1.25rem; line-height:1; text-transform:uppercase; letter-spacing:0.02em;}
.footCopy{ flex:1 1 auto; display:flex; align-items:flex-end; justify-content:flex-end; align-self:stretch;}
.copyright{ font-family:"rl-limo",sans-serif; font-weight:700; font-size:1.05rem; color:var(--orange); text-transform:uppercase; letter-spacing:0.02em; margin:0;}

/* ===== HERO ===== */
.hero{ position:relative; width:100%; min-height:760px; display:flex; align-items:center; justify-content:center; text-align:center; background-size:cover; background-position:center; overflow:hidden;}
.hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,8,12,0.18) 0%, rgba(8,8,12,0.42) 100%);}
.hero .heroInner{ position:relative; z-index:2; padding:0 40px;}
.hero h1{ font-size:6rem; line-height:1.04; color:var(--yellow); max-width:1000px; margin:0 auto; text-shadow:0 2px 18px rgba(0,0,0,0.28);}

/* ===== MARQUEE ===== */
.marquee{ background:var(--magenta); overflow:hidden; white-space:nowrap; padding:18px 0;}
.marquee .marqueeTrack{ display:inline-block; white-space:nowrap; animation:marqueeScroll 28s linear infinite;}
.marquee .marqueeTrack span{ display:inline-block; color:var(--white); font-family:"Albert Sans",sans-serif; font-weight:600; font-size:1.5rem; text-transform:uppercase; letter-spacing:0.02em; padding:0 38px;}
@keyframes marqueeScroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ===== Tablet ===== */
@media(max-width:1100px){
	.content{ padding:0 32px;}
	header .content{ justify-content:flex-start; min-height:88px;}
	header .menuIcon{ display:flex;}
	header .logo{ left:50%;}
	header .logo img{ height:58px;}
	header .headerNav{ position:absolute; left:0; top:100%; width:100%; background:var(--orange); max-height:0; overflow:hidden; transition:max-height 0.3s ease;}
	body.menuOpen header .headerNav{ max-height:80vh;}
	.headerLinks{ flex-direction:column; gap:0; padding:8px 0 18px;}
	.headerLinks li:nth-child(2){ margin-right:0;}
	.headerLinks a{ display:block; padding:14px 32px; font-size:1.5rem;}
	section{ padding-top:88px;}
	.hero{ min-height:520px;}
	.hero h1{ font-size:3.6rem;}
	footer .footRow{ flex-wrap:wrap;}
	.footLogo{ flex:0 0 100%; margin-bottom:24px;}
	.footerMenu{ flex:1 1 40%;}
	.footCopy{ flex:0 0 100%; justify-content:flex-start; margin-top:18px;}
}

/* ===== Phone ===== */
@media(max-width:600px){
	.content{ padding:0 20px;}
	h1{font-size:2.1rem} h2{font-size:1.9rem}
	.hero{ min-height:440px;}
	.hero h1{ font-size:2.6rem;}
	.marquee .marqueeTrack span{ font-size:1.15rem; padding:0 24px;}
	[class*="col-"]{ flex:0 0 100%;}
	.footerMenu{ flex:1 1 100%;}
	#wpadminbar{ position:fixed !important;}
}

/* =================================================================
   BLOCK SECTIONS
   ================================================================= */
.eyebrow{ display:block; font-family:"Albert Sans",sans-serif; font-weight:600; font-size:1.5rem; color:var(--orange); text-transform:lowercase; letter-spacing:0.02em; margin-bottom:4px;}

/* ===== TEXT + IMAGE ===== */
.textImage{ padding:80px 0;}
.tiRow{ display:flex; align-items:center; gap:64px;}
.textImage.img-right .tiImage{ order:2;}
.tiImage{ flex:0 0 48%; position:relative;}
.tiImageInner{ position:relative; z-index:2;}
.tiImageInner img{ width:100%; height:auto; display:block; position:relative; z-index:2;}
.tiImage::before{ content:""; position:absolute; z-index:1; left:-4%; right:16%; top:13%; bottom:-8%; background:var(--orange); border-radius:6px;}
.tiText{ flex:1 1 auto;}
.tiHeading{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--red); font-size:3.4rem; line-height:1.0; text-transform:uppercase; margin-bottom:22px;}
.tiBody{ font-size:1.25rem; line-height:1.55; color:#111;}
.tiBody p{ margin-bottom:1em;}
.tiText .button{ margin-top:26px;}

/* ===== HIGHLIGHTS ===== */
.highlightsBlock{ padding:50px 0;}
.highlights{ position:relative; background:transparent; border-radius:50px; padding:42px 50px;}
.highlights::before{ content:""; position:absolute; z-index:0; inset:14px -10px -14px 10px; background:var(--orange); border-radius:50px;}
.highlights::after{ content:""; position:absolute; z-index:1; inset:0; background:var(--magenta); border-radius:50px;}
.highlights > *{ position:relative; z-index:2;}
.hlTitle{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--yellow); font-size:2.8rem; text-align:center; text-transform:uppercase; margin-bottom:24px;}
.hlCols{ display:flex; align-items:stretch;}
.hlCol{ flex:1 1 0; padding:6px 28px; text-align:center; color:var(--white); font-family:"Albert Sans",sans-serif; font-weight:500; font-size:1.35rem; line-height:1.25; text-transform:uppercase; display:flex; align-items:center; justify-content:center;}
.hlCol + .hlCol{ border-left:2px solid rgba(255,255,255,0.55);}

/* ===== BANNER ===== */
.banner{ position:relative; width:100%; min-height:480px; display:flex; align-items:center; justify-content:center; text-align:center; background-size:cover; background-position:center;}
.banner::before{ content:""; position:absolute; inset:0; background:rgba(2,2,2,0.25);}
.banner .bannerInner{ position:relative; z-index:2; padding:0 40px;}
.banner h2{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--white); font-size:4rem; line-height:1.05; text-transform:uppercase; max-width:1000px; margin:0 auto; text-shadow:0 2px 14px rgba(0,0,0,0.3);}

/* ===== FIESTA FAVORITES ===== */
.fiestaBlock{ padding:60px 0;}
.fiestaPanel{ background:#f6f0dc; border-radius:50px; padding:56px 70px;}
.fiestaHead{ margin-bottom:40px;}
.fiestaHead .eyebrow{ color:var(--orange); text-align:center;}
.fiestaTitle{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--orange); font-size:4.4rem; line-height:1; text-transform:uppercase; letter-spacing:0.04em; text-align:center;}
.fiestaRow{ display:flex; align-items:center; gap:50px; padding:42px 0;}
.fiestaRow + .fiestaRow{ border-top:1px solid rgba(0,0,0,0.12);}
.fiestaRow.imgRight{ flex-direction:row-reverse;}
.fiestaImg{ flex:0 0 46%; position:relative; min-height:380px; display:flex; align-items:center;}
.fiestaDish{ width:100%;}
.fiestaDish img{ width:100%; height:380px; object-fit:cover; border-radius:30px;}
.fiestaTub{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:62%; z-index:2; filter:drop-shadow(0 18px 26px rgba(0,0,0,0.28));}
.fiestaTub img{ width:100%; height:auto;}
.fiestaText{ flex:1 1 auto;}
.fiestaName{ margin:0 0 4px;}
.fiestaName a{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--red); font-size:2.6rem; line-height:1; text-transform:uppercase;}
.fiestaPron{ font-family:"Albert Sans",sans-serif; font-weight:600; color:var(--red); font-size:1.5rem; text-transform:uppercase; margin-bottom:16px;}
.fiestaDesc{ font-size:1.05rem; line-height:1.5; color:#111;}
.fiestaDesc p{ margin-bottom:0.9em;}

/* ===== CTA COLLECTION (orange band) ===== */
.ctaCollection{ background:var(--orange); padding:90px 0;}
.ctaRow{ display:flex; align-items:center; gap:50px;}
.ctaText{ flex:1 1 50%;}
.ctaHeading{ font-family:"rl-limo",sans-serif; font-weight:700; color:#ffe72d; font-size:3.5rem; line-height:1.04; text-transform:uppercase; margin-bottom:26px;}
.ctaBody{ color:var(--white); font-size:1.2rem; line-height:1.6; max-width:560px;}
.ctaBody p{ margin-bottom:1em;}
.ctaText .button{ margin-top:26px;}
.ctaMedia{ flex:1 1 50%; position:relative; text-align:center;}
.ctaBadge{ max-width:300px; margin:0 auto -20px; position:relative; z-index:2;}
.ctaImg img{ width:100%; max-width:560px; margin:0 auto; display:block;}

/* ===== Block responsive ===== */
@media(max-width:1100px){
	.tiRow{ gap:36px;}
	.tiHeading{ font-size:2.6rem;}
	.fiestaPanel{ padding:40px 36px;}
	.fiestaTitle{ font-size:3rem;}
	.hlCol{ font-size:1.15rem; padding:6px 16px;}
	.banner h2{ font-size:2.8rem;}
	.ctaHeading{ font-size:2.6rem;}
}
@media(max-width:760px){
	.textImage{ padding:48px 0;}
	.tiRow{ flex-direction:column; gap:28px;}
	.textImage.img-right .tiImage{ order:0;}
	.tiImage{ flex:0 0 100%; width:100%;}
	.tiHeading{ font-size:2.2rem;}
	.highlights{ padding:30px 26px; border-radius:30px;}
	.highlights::before{ border-radius:30px;}
	.hlCols{ flex-direction:column; gap:18px;}
	.hlCol + .hlCol{ border-left:0; border-top:2px solid rgba(255,255,255,0.5); padding-top:18px;}
	.banner{ min-height:320px;}
	.banner h2{ font-size:2rem;}
	.fiestaPanel{ border-radius:30px; padding:32px 22px;}
	.fiestaTitle{ font-size:2.3rem;}
	.fiestaRow, .fiestaRow.imgRight{ flex-direction:column; gap:22px; text-align:center;}
	.fiestaImg{ flex:0 0 100%; width:100%; min-height:0;}
	.fiestaPron{ justify-content:center;}
	.ctaRow{ flex-direction:column; gap:30px;}
	.ctaHeading{ font-size:2.1rem;}
	.ctaBody{ max-width:none;}
}

/* ===== PRODUCT COLOR BLOCKS (Family) ===== */
.colorBlocks{ padding:50px 0 70px;}
.cbHead{ margin-bottom:36px; text-align:center;}
.cbHead .eyebrow{ color:var(--orange); text-align:center;}
.cbTitle{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--orange); font-size:4.4rem; line-height:1; text-transform:uppercase; letter-spacing:0.04em; text-align:center;}
.cbRow{ position:relative; display:flex; align-items:center; gap:30px; border-radius:50px; padding:46px 60px; margin-bottom:42px; min-height:430px; cursor:pointer; background:transparent;}
.cbRow::before{ content:""; position:absolute; z-index:0; inset:16px -10px -16px 10px; background:var(--orange); border-radius:50px;}
.cbRow::after{ content:""; position:absolute; z-index:1; inset:0; border-radius:50px;}
.cbRow > *{ position:relative; z-index:2;}
.cbRow.color-magenta::after{ background:var(--magenta);}
.cbRow.color-blue::after{ background:var(--oaxaca);}
.cbRow.color-green::after{ background:var(--quesadilla);}
.cbRow.imgRight{ flex-direction:row-reverse;}
.cbImg{ flex:0 0 42%; text-align:center; position:relative;}
.cbTub{ width:74%; margin:0 auto 14px; filter:drop-shadow(0 18px 26px rgba(0,0,0,0.3));}
.cbTub img{ width:100%; height:auto;}
.cbTagline{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--yellow); font-size:2.2rem; line-height:1.05; text-transform:uppercase; margin:0;}
.cbText{ flex:1 1 auto; text-align:center; padding:0 20px; border-left:2px solid rgba(255,255,255,0.45);}
.cbRow.imgRight .cbText{ border-left:0; border-right:2px solid rgba(255,255,255,0.45);}
.cbName{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--yellow); font-size:3.6rem; line-height:1; text-transform:uppercase; margin-bottom:22px;}
.cbBestLabel{ font-family:"Albert Sans",sans-serif; font-weight:700; color:var(--white); font-size:1.5rem; text-transform:uppercase; margin-bottom:8px;}
.cbBestList{ font-family:"Albert Sans",sans-serif; font-weight:500; color:var(--white); font-size:1.4rem; line-height:1.3; text-transform:uppercase; max-width:430px; margin:0 auto 22px;}
.cbBtn{ pointer-events:none;}
@media(max-width:1100px){
	.cbTitle{ font-size:3rem;}
	.cbName{ font-size:2.6rem;}
}
@media(max-width:760px){
	.cbTitle{ font-size:2.3rem;}
	.cbRow, .cbRow.imgRight{ flex-direction:column; gap:24px; padding:34px 26px; border-radius:30px; min-height:0;}
	.cbRow::before{ border-radius:30px;}
	.cbImg{ flex:0 0 100%;}
	.cbText{ border:0 !important; padding:0;}
	.cbName{ font-size:2.2rem;}
}

/* ===== PRODUCT DETAIL ===== */
.pdTitleBar{ padding:46px 0 30px;}
.pdTagline{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--red); font-size:2.6rem; line-height:1.05; text-transform:uppercase;}
.pdRow{ display:flex; gap:60px; align-items:flex-start;}
.pdGallery{ flex:0 0 44%;}
.pdMain{ background:var(--white); border-radius:14px; padding:26px; box-shadow:0 12px 36px rgba(0,0,0,0.06);}
.pdMain img{ width:100%; height:auto;}
.pdThumbs{ display:flex; gap:16px; margin-top:16px;}
.pdThumb{ flex:1 1 0; background:var(--white); border-radius:10px; padding:12px; box-shadow:0 6px 18px rgba(0,0,0,0.05);}
.pdThumb img{ width:100%; height:120px; object-fit:contain;}
.pdInfo{ flex:1 1 auto; padding-top:6px;}
.pdName{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--red); font-size:3rem; line-height:1; text-transform:uppercase; margin-bottom:6px;}
.pdPron{ font-family:"Albert Sans",sans-serif; font-weight:500; color:var(--red); font-size:1.5rem; text-transform:uppercase; margin-bottom:20px;}
.pdSizes{ font-size:1.1rem; line-height:1.5;}
.pdSizes strong{ font-weight:700;}
.pdSizeFirst{ color:var(--red); font-weight:700; text-decoration:underline;}
.pdHr{ border:0; border-top:2px solid var(--orange); margin:20px 0; opacity:0.6;}
.pdDesc{ font-size:1.15rem; line-height:1.55; color:#111;}
.pdDesc p{ margin-bottom:1em;}
.pdBestLabel{ font-family:"Albert Sans",sans-serif; font-weight:700; color:var(--red); font-size:1.5rem; text-transform:uppercase; margin-bottom:6px;}
.pdBestList{ font-family:"Albert Sans",sans-serif; font-weight:500; color:var(--red); font-size:1.4rem; text-transform:uppercase; margin-bottom:22px;}
.pdPerf{ padding:30px 0;}
/* Heritage */
.pdHeritageBlock{ padding:30px 0 50px;}
.pdHeritage{ position:relative; border-radius:46px; overflow:hidden; min-height:560px; display:flex; align-items:center; justify-content:flex-end; background-size:cover; background-position:center; padding:50px;}
.pdHeritageCard{ background:rgba(255,255,255,0.88); border-radius:50px; padding:48px 44px; max-width:520px; text-align:center;}
.pdHeritageTitle{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--orange); font-size:2.6rem; text-transform:uppercase; margin-bottom:18px;}
.pdHeritageCard p{ font-size:1.6rem; line-height:1.3; color:#111; margin:0;}
/* You may also like */
.pdRelatedBlock{ padding:30px 0 70px;}
.pdRelTitle{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--orange); font-size:2.6rem; text-transform:uppercase; margin-bottom:34px;}
.pdRelGrid{ display:flex; gap:36px; justify-content:center;}
.pdRelCard{ flex:0 0 320px; max-width:320px; text-align:center;}
.pdRelImg{ border-radius:30px; padding:30px; display:flex; align-items:center; justify-content:center;}
.pdRelImg img{ width:80%; height:auto; filter:drop-shadow(0 14px 22px rgba(0,0,0,0.25));}
.color-magenta .pdRelImg, .pdRelCard.color-magenta .pdRelImg{ background:var(--magenta);}
.pdRelCard.color-blue .pdRelImg{ background:var(--oaxaca);}
.pdRelCard.color-green .pdRelImg{ background:var(--quesadilla);}
.pdRelName{ font-family:"rl-limo",sans-serif; font-weight:700; color:var(--red); font-size:1.8rem; text-transform:uppercase; margin:18px 0 12px;}
@media(max-width:900px){
	.pdRow{ flex-direction:column; gap:32px;}
	.pdGallery{ flex:0 0 100%; max-width:480px; margin:0 auto;}
	.pdName{ font-size:2.4rem;}
	.pdHeritage{ justify-content:center; padding:30px;}
	.pdHeritageCard{ max-width:none;}
	.pdHeritageCard p{ font-size:1.25rem;}
	.pdRelGrid{ flex-direction:column; align-items:center;}
}