/**
 * ChaCha Home — Kargo & Teslimat
 * DEV-UI-SHIPPING-DELIVERY-01 / Phase 1
 */

body.chacha-shipping-delivery-page .content-area {
	margin-top: 0;
	margin-bottom: 0;
}

body.chacha-shipping-delivery-page .entry.content-bg {
	background: transparent;
}

body.chacha-shipping-delivery-page .entry-content-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

.chacha-shipping-delivery {
	--shipping-shell: var(--chacha-page-shell-max, 1180px);
	color: var(--chacha-text-strong, #3B322D);
	font-family: var(--chacha-font-body, "Inter", sans-serif);
}

.chacha-shipping-delivery *,
.chacha-shipping-delivery *::before,
.chacha-shipping-delivery *::after {
	box-sizing: border-box;
}

.chacha-shipping-delivery a {
	color: inherit;
}

.chacha-shipping-shell {
	width: min(100%, var(--shipping-shell));
	margin-inline: auto;
}

.chacha-shipping-eyebrow {
	margin: 0 0 var(--chacha-space-12, 12px);
	color: var(--chacha-brass-dark, #8F6F3F);
	font-size: var(--chacha-eyebrow-section-size, 10px);
	font-weight: var(--chacha-eyebrow-section-weight, 600);
	line-height: var(--chacha-eyebrow-section-line-height, 1.4);
	letter-spacing: var(--chacha-eyebrow-section-letter-spacing, .18em);
	text-transform: var(--chacha-eyebrow-text-transform, uppercase);
}

.chacha-shipping-hero {
	padding: var(--chacha-page-hero-padding-top, 52px) 0 var(--chacha-page-hero-padding-bottom, 48px);
	border-bottom: 1px solid var(--chacha-border-subtle, #E1D8CD);
}

.chacha-shipping-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
	gap: 72px;
	align-items: center;
}

.chacha-shipping-hero h1,
.chacha-shipping-section h2,
.chacha-shipping-tracking h2,
.chacha-shipping-faq h2,
.chacha-shipping-contact h2,
.chacha-shipping-hero__aside h2 {
	margin: 0;
	color: var(--chacha-espresso, #201A17);
	font-family: var(--chacha-font-heading, "Cormorant Garamond", serif);
	font-weight: 500;
	letter-spacing: -.025em;
}

.chacha-shipping-hero h1 {
	max-width: 720px;
	font-size: var(--chacha-page-hero-title-size, clamp(44px, 4.2vw, 58px));
	line-height: var(--chacha-page-hero-title-line-height, 1.02);
}

.chacha-shipping-hero__intro {
	max-width: 650px;
	margin: 18px 0 0;
	color: var(--chacha-text-medium, #6A5F58);
	font-size: var(--chacha-page-hero-lead-size, 15px);
	line-height: var(--chacha-page-hero-lead-line-height, 1.75);
}

.chacha-shipping-hero__aside {
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	padding: 28px 0 28px 34px;
	border-left: 1px solid var(--chacha-border, #D7CEC4);
}

.chacha-shipping-hero__aside-kicker {
	margin: 0 0 7px;
	color: var(--chacha-brass-dark, #8F6F3F);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .16em;
}

.chacha-shipping-hero__aside h2 {
	font-size: 25px;
	line-height: 1.16;
}

.chacha-shipping-hero__aside a {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	margin-top: 14px;
	padding-bottom: 4px;
	border-bottom: 1px solid currentColor;
	text-decoration: none;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.chacha-shipping-icon {
	display: inline-grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border: 1px solid color-mix(in srgb, var(--chacha-brass, #B08D57) 52%, transparent);
	border-radius: var(--chacha-radius-circle, 50%);
	color: var(--chacha-brass-dark, #8F6F3F);
	background: var(--chacha-bg-soft, #FBF8F4);
	flex: 0 0 auto;
}

.chacha-shipping-icon--large {
	width: 58px;
	height: 58px;
}

.chacha-shipping-icon svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.35;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.chacha-shipping-icon--large svg {
	width: 28px;
	height: 28px;
}

.chacha-shipping-section {
	padding: 64px 0;
}

.chacha-shipping-section--soft {
	padding: 58px 0;
	border-block: 1px solid var(--chacha-border-subtle, #E1D8CD);
	background: var(--chacha-surface-soft, #FAF7F2);
}

.chacha-shipping-section__head {
	max-width: 700px;
	margin-bottom: 34px;
}

.chacha-shipping-section__head h2,
.chacha-shipping-faq h2,
.chacha-shipping-contact h2,
.chacha-shipping-tracking h2 {
	font-size: var(--chacha-page-section-title-size, 34px);
	line-height: var(--chacha-page-section-title-line-height, 1.12);
}

.chacha-shipping-section__head > p:last-child {
	max-width: 640px;
	margin: 12px 0 0;
	color: var(--chacha-text-medium, #6A5F58);
	font-size: 13px;
	line-height: 1.7;
}

.chacha-shipping-steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.chacha-shipping-steps > li {
	position: relative;
	padding: 30px 30px 0 0;
	border-top: 1px solid var(--chacha-border, #D7CEC4);
}

.chacha-shipping-steps > li::before {
	position: absolute;
	top: -4px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--chacha-brass, #B08D57);
	content: "";
}

.chacha-shipping-steps__number,
.chacha-shipping-detail-list__index {
	display: block;
	margin-bottom: 12px;
	color: var(--chacha-brass-dark, #8F6F3F);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .15em;
}

.chacha-shipping-steps h3,
.chacha-shipping-info-card h3,
.chacha-shipping-detail-list h3 {
	margin: 0;
	color: var(--chacha-espresso, #201A17);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

.chacha-shipping-steps p,
.chacha-shipping-info-card p,
.chacha-shipping-detail-list p {
	margin: 9px 0 0;
	color: var(--chacha-text-medium, #6A5F58);
	font-size: 12.5px;
	line-height: 1.65;
}

.chacha-shipping-info-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid var(--chacha-border-subtle, #E1D8CD);
	background: var(--chacha-white, #FFFDFC);
}

.chacha-shipping-info-card {
	min-width: 0;
	padding: 30px;
}

.chacha-shipping-info-card + .chacha-shipping-info-card {
	border-left: 1px solid var(--chacha-border-subtle, #E1D8CD);
}

.chacha-shipping-info-card .chacha-shipping-icon {
	margin-bottom: 24px;
}

.chacha-shipping-info-card__kicker {
	margin: 0 0 8px !important;
	color: var(--chacha-brass-dark, #8F6F3F) !important;
	font-size: 9px !important;
	font-weight: 700;
	line-height: 1.3 !important;
	letter-spacing: .15em;
}

.chacha-shipping-info-card h3 {
	font-size: 17px;
}

.chacha-shipping-tracking {
	padding: 0;
}

.chacha-shipping-tracking__panel {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr);
	gap: 48px;
	align-items: center;
	padding: 42px 46px;
	background: var(--chacha-espresso, #201A17);
	color: var(--chacha-white, #FFFDFC);
}

.chacha-shipping-tracking .chacha-shipping-eyebrow {
	color: var(--chacha-brass-light, #D0B07B);
}

.chacha-shipping-tracking h2 {
	max-width: 680px;
	color: var(--chacha-white, #FFFDFC);
}

.chacha-shipping-tracking__copy > p:last-child {
	max-width: 690px;
	margin: 13px 0 0;
	color: #D8D0C8;
	font-size: 13px;
	line-height: 1.7;
}

.chacha-shipping-tracking__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}

.chacha-shipping-button {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 18px;
	border: 1px solid var(--chacha-espresso, #201A17);
	border-radius: var(--chacha-radius-4, 4px);
	background: var(--chacha-espresso, #201A17);
	color: var(--chacha-white, #FFFDFC) !important;
	text-decoration: none !important;
	font-size: var(--chacha-button-standard-size, 10px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: var(--chacha-button-standard-letter-spacing, .08em);
	text-transform: uppercase;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.chacha-shipping-button:hover {
	border-color: var(--chacha-text-strong, #3B322D);
	background: var(--chacha-text-strong, #3B322D);
}

.chacha-shipping-button--light {
	border-color: var(--chacha-white, #FFFDFC);
	background: var(--chacha-white, #FFFDFC);
	color: var(--chacha-espresso, #201A17) !important;
}

.chacha-shipping-button--light:hover {
	border-color: var(--chacha-surface, #EDE6DD);
	background: var(--chacha-surface, #EDE6DD);
	color: var(--chacha-espresso, #201A17) !important;
}

.chacha-shipping-text-link {
	color: #DED5CB !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
	font-size: 11px;
}

.chacha-shipping-detail-grid {
	display: grid;
	grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
	gap: 72px;
	align-items: start;
}

.chacha-shipping-section__head--sticky-copy {
	margin-bottom: 0;
}

.chacha-shipping-detail-list {
	border-top: 1px solid var(--chacha-border, #D7CEC4);
}

.chacha-shipping-detail-list article {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 16px;
	padding: 24px 0;
	border-bottom: 1px solid var(--chacha-border, #D7CEC4);
}

.chacha-shipping-detail-list__index {
	margin: 2px 0 0;
}

.chacha-shipping-faq {
	padding: 58px 0 64px;
	border-top: 1px solid var(--chacha-border-subtle, #E1D8CD);
}

.chacha-shipping-faq__grid {
	display: grid;
	grid-template-columns: minmax(260px, .68fr) minmax(0, 1.32fr);
	gap: 72px;
	align-items: start;
}

.chacha-shipping-faq .chacha-shipping-section__head {
	margin-bottom: 0;
}

.chacha-shipping-faq__items {
	border-top: 1px solid var(--chacha-border, #D7CEC4);
}

.chacha-shipping-faq details {
	margin: 0;
	border-bottom: 1px solid var(--chacha-border, #D7CEC4);
}

.chacha-shipping-faq summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 24px;
	gap: 20px;
	align-items: center;
	min-height: 58px;
	padding: 15px 0;
	color: var(--chacha-espresso, #201A17);
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
	list-style: none;
}

.chacha-shipping-faq summary::-webkit-details-marker {
	display: none;
}

.chacha-shipping-faq summary::after {
	display: grid;
	width: 22px;
	height: 22px;
	place-items: center;
	color: var(--chacha-brass-dark, #8F6F3F);
	content: "+";
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}

.chacha-shipping-faq details[open] summary::after {
	content: "−";
}

.chacha-shipping-faq__answer {
	max-width: 760px;
	padding: 0 44px 18px 0;
	color: var(--chacha-text-medium, #6A5F58);
}

.chacha-shipping-faq__answer p {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.7;
}

.chacha-shipping-contact {
	padding: 0 0 72px;
}

.chacha-shipping-contact__inner {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	gap: 22px;
	align-items: center;
	padding: 30px 34px;
	border: 1px solid var(--chacha-border-subtle, #E1D8CD);
	background: var(--chacha-surface-soft, #FAF7F2);
}

.chacha-shipping-contact .chacha-shipping-eyebrow {
	margin-bottom: 6px;
}

.chacha-shipping-contact h2 {
	font-size: 27px;
}

.chacha-shipping-contact p:last-child {
	margin: 7px 0 0;
	color: var(--chacha-text-medium, #6A5F58);
	font-size: 12.5px;
	line-height: 1.6;
}

.chacha-shipping-delivery a:focus-visible,
.chacha-shipping-delivery summary:focus-visible {
	outline: 2px solid var(--chacha-brass, #B08D57);
	outline-offset: 4px;
}

@media (max-width: 980px) {
	.chacha-shipping-hero__grid {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 40px;
	}

	.chacha-shipping-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 34px;
	}

	.chacha-shipping-info-grid {
		grid-template-columns: 1fr;
	}

	.chacha-shipping-info-card + .chacha-shipping-info-card {
		border-top: 1px solid var(--chacha-border-subtle, #E1D8CD);
		border-left: 0;
	}

	.chacha-shipping-tracking__panel,
	.chacha-shipping-detail-grid,
	.chacha-shipping-faq__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.chacha-shipping-contact__inner {
		grid-template-columns: 44px minmax(0, 1fr);
	}

	.chacha-shipping-contact .chacha-shipping-button {
		grid-column: 2;
		width: max-content;
	}
}

@media (max-width: 700px) {
	body.chacha-shipping-delivery-page .content-area {
		margin-top: 0;
	}

	.chacha-shipping-hero {
		padding: var(--chacha-page-mobile-hero-padding-top, 30px) 0 var(--chacha-page-mobile-hero-padding-bottom, 32px);
	}

	.chacha-shipping-hero__grid {
		display: block;
	}

	.chacha-shipping-hero h1 {
		font-size: var(--chacha-page-mobile-hero-title-size, 40px);
		line-height: 1.04;
	}

	.chacha-shipping-hero__intro {
		margin-top: 14px;
		font-size: var(--chacha-page-mobile-hero-lead-size, 13.5px);
		line-height: var(--chacha-page-mobile-hero-lead-line-height, 1.7);
	}

	.chacha-shipping-hero__aside {
		grid-template-columns: 48px minmax(0, 1fr);
		gap: 14px;
		margin-top: 26px;
		padding: 20px 0 0;
		border-top: 1px solid var(--chacha-border, #D7CEC4);
		border-left: 0;
	}

	.chacha-shipping-icon--large {
		width: 46px;
		height: 46px;
	}

	.chacha-shipping-icon--large svg {
		width: 23px;
		height: 23px;
	}

	.chacha-shipping-hero__aside h2 {
		font-size: 22px;
	}

	.chacha-shipping-section,
	.chacha-shipping-section--soft {
		padding: 42px 0;
	}

	.chacha-shipping-section__head {
		margin-bottom: 25px;
	}

	.chacha-shipping-section__head h2,
	.chacha-shipping-faq h2,
	.chacha-shipping-tracking h2 {
		font-size: var(--chacha-page-mobile-section-title-size, 29px);
	}

	.chacha-shipping-steps {
		display: block;
		border-left: 1px solid var(--chacha-border, #D7CEC4);
	}

	.chacha-shipping-steps > li {
		display: grid;
		grid-template-columns: 39px minmax(0, 1fr);
		gap: 11px;
		padding: 0 0 28px 18px;
		border-top: 0;
	}

	.chacha-shipping-steps > li:last-child {
		padding-bottom: 0;
	}

	.chacha-shipping-steps > li::before {
		top: 4px;
		left: -4px;
	}

	.chacha-shipping-steps__number {
		margin-top: 2px;
		margin-bottom: 0;
	}

	.chacha-shipping-info-card {
		padding: 24px 20px;
	}

	.chacha-shipping-info-card .chacha-shipping-icon {
		margin-bottom: 18px;
	}

	.chacha-shipping-tracking__panel {
		padding: 30px 22px;
	}

	.chacha-shipping-tracking__actions {
		align-items: stretch;
	}

	.chacha-shipping-button--light {
		width: 100%;
	}

	.chacha-shipping-detail-grid,
	.chacha-shipping-faq__grid {
		gap: 24px;
	}

	.chacha-shipping-detail-list article {
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 10px;
		padding: 20px 0;
	}

	.chacha-shipping-faq {
		padding: 42px 0 46px;
	}

	.chacha-shipping-faq summary {
		min-height: 56px;
		font-size: 12.5px;
	}

	.chacha-shipping-contact {
		padding-bottom: 48px;
	}

	.chacha-shipping-contact__inner {
		display: block;
		padding: 24px 20px;
	}

	.chacha-shipping-contact .chacha-shipping-icon {
		margin-bottom: 17px;
	}

	.chacha-shipping-contact h2 {
		font-size: 26px;
		line-height: 1.15;
	}

	.chacha-shipping-contact .chacha-shipping-button {
		width: 100%;
		margin-top: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.chacha-shipping-button {
		transition: none;
	}
}