/* ================================================================
   About Us & Delivery Proof — Page-specific design
   th-big child theme · Matches buytapentadolonline.us reference
   ================================================================ */

/* ── Hide Astra's default page-title banner ────────────────────── */
.log-about-us-page .entry-header,
.log-shipping-policy-page .entry-header,
.log-delivery-proof-page .entry-header {
	display: none !important;
}

/* ── Remove default entry padding ─────────────────────────────── */
.log-about-us-page .entry-content,
.log-shipping-policy-page .entry-content,
.log-delivery-proof-page .entry-content {
	padding: 0 !important;
}

/* ── Remove Astra's 64px top margin on the content area ───────── */
.log-about-us-page #primary,
.log-shipping-policy-page #primary,
.log-delivery-proof-page #primary {
	margin: 2em 0;
}

/* ================================================================
   HERO — centered mission statement
   ================================================================ */

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero{
	padding: 30px ;
	text-align: center ;
	background: #fff ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-badge{
	display: inline-block !important;
	padding: 5px 18px ;
	border: 1.5px solid var(--lc-primary) ;
	border-radius: 50px ;
	color: var(--lc-primary) ;
	font-size: 0.68rem ;
	font-weight: 700 ;
	letter-spacing: 0.2em ;
	text-transform: uppercase ;
	margin: 0 auto 22px ;
	width: fit-content !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero h1{
	font-family: 'Playfair Display', Georgia, serif ;
	font-size: clamp(2rem, 4.5vw, 3.4rem) ;
	font-weight: 700 ;
	line-height: 1.15 ;
	color: #0d1b2a ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero h1 em{
	color: var(--lc-primary) ;
	font-style: italic ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero>p{
	font-size: 0.95rem ;
	line-height: 1.75 ;
	max-width: 620px !important;
	margin: 0 auto ;
}

/* ================================================================
   TWO-COLUMN SPLIT — about text (left) + stats (right)
   ================================================================ */

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split{
	background: #fff ;
	padding: 5px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split-cols{
	align-items: flex-start !important;
	gap: 64px !important;
	max-width: 1100px !important;
	margin: 0 auto ;
}

/* ── Left column: about text ──────────────────────────────────── */

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-about h2{
	font-family: 'Playfair Display', Georgia, serif ;
	font-size: clamp(1.8rem, 3vw, 2.6rem) ;
	font-weight: 700 ;
	line-height: 1.2 ;
	color: #0d1b2a ;
	margin: 0 0 20px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-about>p{
	font-size: 0.9rem ;
	color: #64748b ;
	line-height: 1.85 ;
	margin: 0 0 14px ;
}

/* Guarantee badge — dark circle + text, no card bg */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-guarantee{
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	background: transparent ;
	border: none ;
	padding: 20px 0 0 ;
	margin-top: 10px ;
	box-shadow: none ;
}

p.log-guarantee-icon {
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	border-radius: 50% !important;
	border: 2px solid #000 !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	margin: 0 !important;
	line-height: 1 !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-guarantee p:not(.log-guarantee-icon){
	color: #0d1b2a ;
	font-size: 0.875rem ;
	line-height: 1.6 ;
	margin: 0 ;
}

/* ── Right column: stats — icon LEFT, number + label RIGHT ─────── */

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stats{
	background: transparent ;
	border: none ;
	border-radius: 0 ;
	overflow: visible ;
}

/* Each stat row: CSS grid — icon spans 2 rows, text stacks in col 2 */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item.wp-block-group{
	display: grid !important;
	grid-template-columns: 54px 1fr !important;
	grid-template-rows: auto auto !important;
	column-gap: 18px !important;
	align-items: center !important;
	padding: 22px 0 ;
	border-bottom: 1px solid #e8eef4 ;
	background: transparent ;
	border-radius: 0 ;
	box-shadow: none ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item.wp-block-group:last-child{
	border-bottom: none ;
}

/* Icon circle — outline style matching reference */
p.log-stat-icon {
	grid-row: 1 / 3 !important;
	grid-column: 1 !important;
	width: 54px !important;
	height: 54px !important;
	min-width: 54px !important;
	border-radius: 50% !important;
	background: #eff6ff !important;
	border: 2px solid var(--lc-primary) !important;
	color: var(--lc-primary) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 1.3rem !important;
	margin: 0 !important;
	line-height: 1 !important;
	text-align: center !important;
}

/* Number — large bold, top-right of grid */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item h3.wp-block-heading{
	grid-column: 2 ;
	grid-row: 1 ;
	font-family: 'Playfair Display', Georgia, serif ;
	font-size: 1.9rem ;
	font-weight: 700 ;
	color: #0d1b2a ;
	margin: 0 ;
	line-height: 1 ;
	text-align: left ;
}

/* Label — small uppercase, bottom-right of grid */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item>p:not(.log-stat-icon){
	grid-column: 2 ;
	grid-row: 2 ;
	font-size: 0.78rem ;
	color: #64748b ;
	margin: 5px 0 0 ;
	text-align: left ;
	line-height: 1 ;
}

/* ================================================================
   PILLARS — white background, white cards with border
   ================================================================ */

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars{
	background: #fff ;
	padding-top: 10px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars>.wp-block-heading{
	font-family: 'Playfair Display', Georgia, serif ;
	font-size: clamp(1.8rem, 3vw, 2.6rem) ;
	font-weight: 700 ;
	color: #0d1b2a ;
	text-align: center ;
	margin-bottom: 48px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars>.wp-block-heading em{
	color: var(--lc-primary) ;
	font-style: italic ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars>.wp-block-columns{
	max-width: 1060px !important;
	margin: 0 auto ;
	gap: 28px !important;
	align-items: stretch !important;
}

/* Make each column a flex container so the card fills its height */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars>.wp-block-columns>.wp-block-column{
	display: flex !important;
	flex-direction: column !important;
}

/* Pillar card — white with subtle border + shadow, equal height */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card{
	background: #fff ;
	border: 1px solid #e2eaf4 ;
	border-radius: 12px ;
	padding: 36px 28px ;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07) ;
	transition: box-shadow .25s, transform .25s ;
	flex: 1 !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card:hover{
	box-shadow: 0 8px 32px rgba(212, 175, 55, 0.14) ;
	transform: translateY(-3px) ;
}

/* Pillar icon circle — light blue bg + border so coloured emojis show clearly */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card p.log-icon{
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% ;
	background: #eff6ff ;
	border: 2px solid var(--lc-primary) ;
	color: var(--lc-primary) ;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 1.5rem ;
	margin: 0 auto 20px ;
	line-height: 1 ;
}

/* WordPress converts emojis to <img> — size them properly inside the circle */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card p.log-icon img.emoji,
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card p.log-icon img.emoji{
	width: 30px !important;
	height: 30px !important;
	margin: 0 ;
	vertical-align: middle ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card h3{
	font-family: 'Playfair Display', Georgia, serif ;
	font-size: 1.25rem ;
	font-weight: 700 ;
	color: #0d1b2a ;
	margin: 0 0 12px ;
	text-align: center;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card p:not(.log-icon){
	font-size: 0.875rem ;
	color: #64748b ;
	line-height: 1.8 ;
	margin: 0 ;
	text-align: left ;
}

/* ================================================================
   CONTACT — light gray background
   ================================================================ */

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact{
	background: var(--lc-cream) ;
	padding: 5px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact>.wp-block-heading em{
	color: var(--lc-primary) ;
	font-style: italic ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact>.wp-block-heading{
	font-family: 'Playfair Display', Georgia, serif ;
	font-size: clamp(1.6rem, 3vw, 2.2rem) ;
	font-weight: 700 ;
	color: #0d1b2a ;
	text-align: center ;
	margin-bottom: 10px ;
	max-width: 100%;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact>p{
	text-align: center ;
	color: #64748b ;
	font-size: 0.95rem ;
	margin-bottom: 44px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact>.wp-block-columns{
	max-width: 900px !important;
	margin: 0 auto ;
	gap: 24px !important;
	align-items: stretch !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact>.wp-block-columns>.wp-block-column{
	display: flex !important;
	flex-direction: column !important;
}

/* Contact card — white, centered content, equal height */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card{
	background: #fff ;
	border: 1px solid #e0ecf4 ;
	border-radius: 14px ;
	padding: 36px 24px ;
	text-align: center ;
	box-shadow: 0 2px 12px rgba(212, 175, 55, 0.07) ;
	transition: transform .25s, box-shadow .25s ;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	flex: 1 !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card:hover{
	transform: translateY(-4px) ;
	box-shadow: 0 12px 32px rgba(212, 175, 55, 0.16) ;
}

/* Contact icon — light outline circle so emojis show clearly */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card p.log-icon{
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% ;
	background: #eff6ff ;
	border: 2px solid var(--lc-primary) ;
	color: var(--lc-primary) ;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 1.3rem ;
	margin: 0 auto 18px ;
	line-height: 1 ;
	align-self: center !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card h4{
	font-size: 1rem ;
	font-weight: 700 ;
	color: #0d1b2a ;
	margin: 0 0 8px ;
	text-align: center ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card p:not(.log-icon){
	font-size: 0.875rem ;
	color: #64748b ;
	margin: 0 ;
	text-align: center ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card a{
	color: var(--lc-primary) ;
	text-decoration: none ;
}

/* CTA button */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-cta{
	margin-top: 44px ;
	text-align: center ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-cta .wp-block-button__link{
	background: var(--lc-primary) ;
	color: #fff ;
	font-size: 0.78rem ;
	font-weight: 700 ;
	letter-spacing: 0.12em ;
	text-transform: uppercase ;
	padding: 14px 40px ;
	border-radius: 4px ;
	text-decoration: none ;
	transition: background .2s ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-cta .wp-block-button__link:hover{
	background: var(--lc-primary-hover) ;
}

/* ================================================================
   DELIVERY PROOF gallery (page-id-2910)
   ================================================================ */

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-gallery-section{
	padding: 0 24px 70px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-gallery-section .wp-block-gallery{
	gap: 16px !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-gallery-section .wp-block-image figure,
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-gallery-section .wp-block-image img{
	border-radius: 10px ;
	box-shadow: 0 4px 20px rgba(212, 175, 55, 0.12) ;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */

@media (max-width: 991px) {

	/* Stack columns on tablet */
	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split-cols{
		flex-wrap: wrap !important;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split-cols>.wp-block-column{
		flex-basis: 100% !important;
		width: 100% !important;
		min-width: 100% !important;
	}

	/* Stats go 2×2 grid on tablet */
	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stats{
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		border: 1px solid #e8eef4 ;
		border-radius: 12px ;
		overflow: hidden ;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item.wp-block-group{
		padding: 22px 20px ;
		border-bottom: 1px solid #e8eef4 ;
		border-right: 1px solid #e8eef4 ;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item.wp-block-group:nth-child(2n){
		border-right: none ;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item.wp-block-group:nth-last-child(-n+2){
		border-bottom: none ;
	}

	/* Pillars and contact wrap */
	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars>.wp-block-columns,
	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact>.wp-block-columns{
		flex-wrap: wrap !important;
	}
}

@media (max-width: 768px) {
	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero{
		padding: 50px 20px 40px ;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split{
		padding: 10px 20px 50px ;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars{
		padding: 50px 20px ;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact{
		padding: 50px 20px ;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split-cols{
		gap: 40px !important;
	}
}

@media (max-width: 540px) {

	/* Stats go single column on mobile */
	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stats{
		grid-template-columns: 1fr !important;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item.wp-block-group{
		border-right: none ;
		border-bottom: 1px solid #e8eef4 ;
	}

	:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item.wp-block-group:last-child{
		border-bottom: none ;
	}
}

/* ===================================================================
   FACTORY DEFAULTS — extracted from style.css during P1-1 
   consolidation. These unscoped rules provide the first-pass cascade
   layer; the !important rules above override where applicable.
   =================================================================== */
/* ══════════════════════════════════════════════════════════════════
   ABOUT US PAGE — Container + Section Styles
   ════════════════════════════════════════════════════════════════ */

/* Widen from narrow (710px) to normal container */

/* Override ast-narrow-container CSS variable so Astra/Gutenberg block constraints use full width */
body.log-about-us-page {
    --wp--custom--ast-content-width-size: 100%;
    --wp--custom--ast-wide-width-size: 100%;
}

/* Astra's data-ast-blocks-layout rule constrains each top-level block — remove it */
body.log-about-us-page .entry-content[data-ast-blocks-layout]>* {
    max-width: 100%;
}

body.log-about-us-page .content-area,
body.log-about-us-page #primary,
body.log-about-us-page .site-main {
    max-width: 100%;
    width: 100%;
}

/* Remove inner block max-width constraints so our layout takes over */
body.log-about-us-page .wp-block-group.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
}


/* ── Hero ────────────────────────────────────────────────────── */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero{
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f2ff 100%);
    padding: 80px 60px ;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 0 ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-badge{
    display: inline-block;
    background: var(--lc-primary);
    color: #fff ;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    padding: 6px 20px;
    border-radius: 100px;
    margin: 0 0 28px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero h1.wp-block-heading{
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2.4rem, 4.5vw, 3.8rem);
    font-weight: 300;
    color: #0d1b2a;
    line-height: 1.15;
    margin: 0 auto 24px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero h1 em{
    color: var(--lc-primary);
    font-style: italic;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero p:not(.log-pg-badge){
    font-size: 1.05rem;
    color: var(--lc-text-muted);
    line-height: 1.75;
    max-width: 640px;
    margin: 0 auto ;
}

/* ── Split: text + stats ─────────────────────────────────────── */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split{
    padding: 80px 0 ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split .wp-block-columns.log-pg-split-cols{
    gap: 60px !important;
    align-items: center !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-about h2.wp-block-heading{
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 300;
    color: #0d1b2a;
    line-height: 1.2;
    margin: 0 0 20px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-about p{
    font-size: .95rem;
    color: var(--lc-text-muted);
    line-height: 1.75;
    margin-bottom: 16px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-guarantee{
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: #f0f7ff;
    border-left: 3px solid var(--lc-primary);
    border-radius: 0 8px 8px 0;
    padding: 16px 20px ;
    margin-top: 28px ;
}

.log-guarantee-icon {
    color: var(--lc-primary);
    font-weight: 700;
    font-size: 1rem;
    margin: 0 !important;
    flex-shrink: 0;
}

/* Stats 2×2 grid */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stats{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item{
    background: #fff;
    border: 1px solid #e0ecf4;
    border-radius: 16px;
    padding: 32px 20px ;
    text-align: center;
    box-shadow: 0 2px 12px rgba(212, 175, 55, .06);
    transition: transform .3s, box-shadow .3s;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(212, 175, 55, .12);
}

.log-stat-icon {
    font-size: 2rem;
    margin: 0 0 10px !important;
    line-height: 1;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item h3.wp-block-heading{
    font-family: 'Lato', sans-serif;
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--lc-primary);
    margin: 0 0 4px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stat-item p{
    font-size: .78rem;
    color: #64748b;
    margin: 0 ;
}

/* ── Pillars ─────────────────────────────────────────────────── */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars{
    background: var(--lc-cream);
    padding: 80px 60px ;
    border-radius: 20px;
    margin-bottom: 0 ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars h2.wp-block-heading{
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 300;
    color: #0d1b2a;
    margin: 0 0 48px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars h2 em{
    color: var(--lc-primary);
    font-style: italic;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars .wp-block-columns{
    gap: 24px !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card{
    background: #fff ;
    border: 1px solid #e0ecf4 ;
    border-radius: 16px ;
    padding: 40px 32px ;
    box-shadow: 0 2px 12px rgba(212, 175, 55, .06) ;
    transition: transform .3s, box-shadow .3s ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card:hover{
    transform: translateY(-4px) ;
    box-shadow: 0 10px 32px rgba(212, 175, 55, .14) ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card .log-icon{
    font-size: 2.2rem;
    line-height: 1;
    margin: 0 0 18px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card h3.wp-block-heading{
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0d1b2a;
    margin: 0 0 12px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card p{
    font-size: .9rem;
    color: var(--lc-text-muted);
    line-height: 1.65;
    margin: 0 ;
}

/* ── Contact ─────────────────────────────────────────────────── */
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact{
    padding: 80px 0 ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact h2.wp-block-heading{
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 300;
    color: #0d1b2a;
    margin: 0 0 12px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact>.wp-block-group>p{
    font-size: .95rem;
    color: var(--lc-text-muted);
    margin: 0 0 48px ;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact .wp-block-columns{
    gap: 24px !important;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card{
    background: #fff ;
    border: 1px solid #e0ecf4 ;
    border-radius: 16px ;
    padding: 40px 28px ;
    text-align: center ;
    box-shadow: 0 2px 12px rgba(212, 175, 55, .06) ;
    transition: transform .3s, box-shadow .3s ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card:hover{
    transform: translateY(-3px) ;
    box-shadow: 0 8px 28px rgba(212, 175, 55, .12) ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card .log-icon{
    font-size: 2.2rem;
    line-height: 1;
    margin: 0 0 16px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card h4.wp-block-heading{
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #0d1b2a;
    margin: 0 0 10px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card p,
:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card a{
    font-size: .9rem;
    color: var(--lc-text-muted);
    margin: 0 ;
    text-decoration: none;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card a:hover{
    color: var(--lc-primary);
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-cta{
    margin-top: 48px ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-cta .wp-block-button__link{
    background: var(--lc-primary) ;
    color: #fff ;
    padding: 14px 44px ;
    border-radius: 6px ;
    font-family: 'Lato', sans-serif ;
    font-size: .85rem ;
    font-weight: 700 ;
    letter-spacing: .08em ;
    text-transform: uppercase ;
    text-decoration: none ;
    transition: background .3s ;
}

:is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-cta .wp-block-button__link:hover{
    background: var(--lc-primary-hover) ;
}

/* ── About Us Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero{
        padding: 50px 24px ;
        border-radius: 12px;
    }

    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split{
        padding: 50px 0 ;
    }

    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-split .wp-block-columns.log-pg-split-cols{
        flex-direction: column !important;
        gap: 32px !important;
    }

    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stats{
        grid-template-columns: 1fr 1fr !important;
        gap: 14px !important;
    }

    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars{
        padding: 50px 24px ;
        border-radius: 12px;
    }

    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact{
        padding: 50px 0 ;
    }
}

@media (max-width: 480px) {
    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-hero{
        padding: 40px 20px ;
    }

    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-stats{
        grid-template-columns: 1fr 1fr !important;
    }

    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillar-card,
    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-contact-card{
        padding: 28px 20px ;
    }

    :is(body.log-about-us-page, body.log-shipping-policy-page, body.log-delivery-proof-page) .log-pg-pillars{
        padding: 40px 16px ;
    }
}

/* ================================================================
   About Us hero — dark editorial treatment
   ================================================================ */
body.log-about-us-page .log-pg-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    place-content: center;
    min-height: 345px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
    padding: 48px 24px 44px;
    border-radius: 0;
    background-color: #100d06;
    background-image:
        radial-gradient(ellipse 38% 92% at 50% 50%, rgba(184, 148, 30, .18), transparent 72%),
        radial-gradient(ellipse 28% 65% at 8% 55%, rgba(240, 204, 85, .10), transparent 75%),
        radial-gradient(ellipse 30% 70% at 89% 24%, rgba(184, 148, 30, .14), transparent 72%),
        linear-gradient(rgba(240, 204, 85, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(240, 204, 85, .055) 1px, transparent 1px),
        linear-gradient(105deg, #090806 0%, #181205 48%, #100d06 100%);
    background-size: auto, auto, auto, 48px 48px, 48px 48px, auto;
    text-align: center;
}

body.log-about-us-page .log-pg-hero::before,
body.log-about-us-page .log-pg-hero::after {
    position: absolute;
    z-index: -1;
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 2px solid rgba(240, 204, 85, .7);
    border-radius: 50%;
    background: linear-gradient(145deg, #f0cc55, #b8941e);
    color: #171203;
    box-shadow: 0 0 0 5px rgba(240, 204, 85, .08), 0 12px 32px rgba(0, 0, 0, .4);
    font-size: 27px;
    font-weight: 400;
    line-height: 1;
}

body.log-about-us-page .log-pg-hero::before {
    content: '✦';
    top: 56px;
    right: clamp(42px, 10vw, 190px);
}

body.log-about-us-page .log-pg-hero::after {
    content: '⌬';
    bottom: 66px;
    left: clamp(42px, 12vw, 235px);
    font-size: 35px;
}

body.log-about-us-page .log-pg-hero > * {
    position: relative;
    z-index: 1;
}

body.log-about-us-page .log-pg-hero .log-pg-badge {
    display: inline-flex !important;
    width: fit-content;
    margin: 0 auto 16px;
    padding: 8px 16px;
    border: 1px solid rgba(240, 204, 85, .42);
    border-radius: 999px;
    background: rgba(184, 148, 30, .12);
    color: #f0cc55;
    box-shadow: none;
    font-family: var(--lc-font-display);
    font-size: 10px;
    letter-spacing: .12em;
}

body.log-about-us-page .log-pg-hero h1.wp-block-heading,
body.log-about-us-page .log-pg-hero h1 {
    max-width: 900px;
    margin: 0 auto 12px;
    color: #fff;
    font-family: var(--lc-font-display);
    font-size: clamp(2.15rem, 3.3vw, 3.35rem);
    font-weight: 700;
    letter-spacing: -.045em;
    line-height: 1.08;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .38);
}

body.log-about-us-page .log-pg-hero h1 em {
    color: #d4af37;
    font-weight: 500;
}

body.log-about-us-page .log-pg-hero p:not(.log-pg-badge) {
    max-width: 620px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .68);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.65;
}

@media (max-width: 768px) {
    body.log-about-us-page .log-pg-hero {
        min-height: 300px;
        padding: 48px 22px 42px;
    }

    body.log-about-us-page .log-pg-hero::before,
    body.log-about-us-page .log-pg-hero::after {
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

    body.log-about-us-page .log-pg-hero::before { top: 28px; right: 22px; }
    body.log-about-us-page .log-pg-hero::after { bottom: 26px; left: 20px; font-size: 25px; }
}

@media (max-width: 480px) {
    body.log-about-us-page .log-pg-hero::before,
    body.log-about-us-page .log-pg-hero::after { display: none; }
}

/* ── About Us: high-specificity overrides (beat Gutenberg wp-container inline CSS) ── */
/* Hero background gradient */
body.log-about-us-page .log-pg-hero {
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f2ff 100%);
    padding: 60px;
    border-radius: 16px;
}

/* Badge — beat .log-pg-hero > p { color: #64748b; margin: 0 } from pages-about-delivery.css */
body.log-about-us-page .log-pg-hero .log-pg-badge {
    color: #fff;
    background: var(--lc-primary);
    margin: 0 auto 28px;
    display: block !important;
    width: fit-content;
}

/* Pillars section background */
body.log-about-us-page .log-pg-pillars {
    background: var(--surface);
    padding: 60px;
    border-radius: 16px;
}

/* Stats 2×2 grid — force top-align so all items in a row start at the same y */
body.log-about-us-page .log-pg-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px !important;
    align-items: start !important;
}

/* Stat item cards */
body.log-about-us-page .log-pg-stat-item {
    background: #fff;
    border: 1px solid #d0e4f7;
    border-radius: 14px;
    padding: 24px 12px;
    margin-top: 0;
    text-align: center;
    box-shadow: 0 2px 10px rgba(212, 175, 55, .07);
}

body.log-about-us-page .log-pg-stat-item h3.wp-block-heading {
    font-size: 1.4rem;
    white-space: nowrap;
}

/* Pillar cards */
body.log-about-us-page .log-pg-pillar-card {
    background: #fff;
    border: 1px solid #d0e4f7;
    border-radius: 14px;
    padding: 36px 28px;
    box-shadow: 0 2px 10px rgba(212, 175, 55, .07);
}

/* Tighter section spacing */
body.log-about-us-page .log-pg-split {
    padding: 60px 0;
}

body.log-about-us-page .log-pg-contact {
    padding: 5px;
}

/* Contact card inner padding fix */
body.log-about-us-page .log-pg-contact-card {
    background: #fff;
    border: 1px solid #d0e4f7;
    border-radius: 14px;
    padding: 36px 24px;
    box-shadow: 0 2px 10px rgba(212, 175, 55, .07);
}

@media (max-width: 768px) {
    body.log-about-us-page .log-pg-hero {
        padding: 40px 24px;
        border-radius: 12px;
    }

    body.log-about-us-page .log-pg-pillars {
        padding: 40px 20px;
        border-radius: 12px;
    }

    body.log-about-us-page .log-pg-split {
        padding: 40px 0;
    }
}

@media (max-width: 480px) {
    body.log-about-us-page .log-pg-hero {
        padding: 32px 16px;
    }

    body.log-about-us-page .log-pg-pillars {
        padding: 32px 14px;
    }

    body.log-about-us-page .log-pg-stat-item {
        padding: 20px 12px;
    }

    body.log-about-us-page .log-pg-pillar-card,
    body.log-about-us-page .log-pg-contact-card {
        padding: 24px 16px;
    }
}

/* ── Shipping Policy: high-specificity design overrides ─────────── */

/* Badge — solid blue with white text (matches About Us "OUR MISSION" badge) */
body.log-shipping-policy-page .log-pg-hero .log-pg-badge {
    color: #fff;
    background: var(--lc-primary);
    border: none;
    margin: 0 auto 28px;
    display: block !important;
    width: fit-content;
}

/* Hero — extra top padding so badge has breathing room from the nav */
body.log-shipping-policy-page .log-pg-hero {
    padding: 5%;
    border-radius: 16px;
    margin-bottom: 0;
}

/* First pillars section — light-blue tint matching About Us pillars feel */
body.log-shipping-policy-page .log-pg-pillars:not(.log-pg-pillars--alt) {
    background: var(--surface);
    padding: 60px;
    border-radius: 16px;
}

/* Alt pillars section — keep gray background, match spacing */
body.log-shipping-policy-page .log-pg-pillars--alt {
    padding: 60px;
    border-radius: 16px;
}

/* Pillar cards */
body.log-shipping-policy-page .log-pg-pillar-card {
    background: #fff;
    border: 1px solid #d0e4f7;
    border-radius: 14px;
    padding: 36px 28px;
    box-shadow: 0 2px 10px rgba(212, 175, 55, .07);
}

/* Contact section */
body.log-shipping-policy-page .log-pg-contact {
    padding: 0;
}

/* Contact cards */
body.log-shipping-policy-page .log-pg-contact-card {
    background: #fff;
    border: 1px solid #d0e4f7;
    border-radius: 14px;
    padding: 36px 24px;
    box-shadow: 0 2px 10px rgba(212, 175, 55, .07);
}

@media (max-width: 768px) {
    body.log-shipping-policy-page .log-pg-hero {
        padding: 50px 24px 40px;
        border-radius: 12px;
    }

    body.log-shipping-policy-page .log-pg-pillars:not(.log-pg-pillars--alt),
    body.log-shipping-policy-page .log-pg-pillars--alt {
        padding: 40px 20px;
        border-radius: 12px;
    }
}

@media (max-width: 480px) {
    body.log-shipping-policy-page .log-pg-hero {
        padding: 5%;
    }

    body.log-shipping-policy-page .log-pg-pillars:not(.log-pg-pillars--alt),
    body.log-shipping-policy-page .log-pg-pillars--alt {
        padding: 32px 14px;
    }

    body.log-shipping-policy-page .log-pg-pillar-card,
    body.log-shipping-policy-page .log-pg-contact-card {
        padding: 24px 16px;
    }
}