/* ==========================================================================
   Danner Enterprise - Product Ecosystem Section Widget
   ========================================================================== */

:root {
	--danner-orange: #F5821F;
	--danner-orange-dark: #D96E0F;
	--danner-charcoal: #3F4448;
	--danner-warm-white: #F8F6F2;
	--danner-white: #FFFFFF;
	--danner-radius-lg: 12px;
	--danner-font: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

.dpw-section { font-family: var(--danner-font); box-sizing: border-box; background: var(--danner-warm-white); padding: 70px 0; }
.dpw-section *, .dpw-section *::before, .dpw-section *::after { box-sizing: border-box; }
.dpw-section img { max-width: 100%; display: block; }
.dpw-container { max-width: 1320px; margin: 0 auto; padding: 0 24px; }

/* ---------- Top bar ---------- */
.dpw-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 40px; flex-wrap: wrap; }
.dpw-eyebrow-row { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.dpw-eyebrow { color: var(--danner-orange); font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }
.dpw-eyebrow-line { width: 40px; height: 2px; background: var(--danner-orange); }
.dpw-title { font-size: clamp(28px, 3.6vw, 42px); font-weight: 800; color: var(--danner-charcoal); line-height: 1.2; margin: 0 0 18px; max-width: 760px; }
.dpw-desc { font-size: 15px; color: #5a5f63; line-height: 1.7; margin: 0; max-width: 620px; }
.dpw-top__btn { flex-shrink: 0; }
.dpw-btn {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 15px 28px; border-radius: 999px;
	font-weight: 600; font-size: 15px;
	text-decoration: none; border: none;
	background-color: var(--danner-orange); color: #fff;
	transition: transform .15s ease, background-color .15s ease;
	cursor: pointer; white-space: nowrap;
}
.dpw-btn:hover { background-color: var(--danner-orange-dark); transform: translateY(-2px); color: #fff; }

/* ---------- Product cards grid: row 1 = 3 cols, row 2 = 2 cols ---------- */
.dpw-row3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; }
.dpw-row2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; }
@media (max-width: 1000px) {
	.dpw-row3, .dpw-row2 { grid-template-columns: 1fr; }
}

.dpw-card {
	background: var(--danner-white);
	border: 1px solid rgba(63,68,72,.08);
	border-radius: var(--danner-radius-lg);
	padding: 22px;
	display: flex;
	gap: 20px;
	align-items: stretch;
}
.dpw-card__image-wrap { flex-shrink: 0; width: 38%; display: flex; align-items: center; justify-content: center; }
.dpw-card__image { width: 100%; height: auto; object-fit: contain; }
.dpw-card__body { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.dpw-card__name { font-size: 19px; font-weight: 800; color: var(--danner-charcoal); margin: 0 0 6px; line-height: 1.25; }
.dpw-card__tagline { font-size: 12.5px; font-weight: 700; color: var(--danner-orange); margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1.5px solid rgba(245,130,31,.25); display: inline-block; }
.dpw-card__desc { font-size: 13px; color: #6b7075; line-height: 1.6; margin: 0 0 18px; flex-grow: 1; }
.dpw-card__link {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 13.5px; font-weight: 700; color: var(--danner-orange);
	text-decoration: none; align-self: flex-start;
}
.dpw-card__link:hover { color: var(--danner-orange-dark); }
.dpw-card__link i { font-size: 11px; }

@media (max-width: 700px) {
	.dpw-card { flex-direction: column; }
	.dpw-card__image-wrap { width: 100%; max-width: 220px; margin: 0 auto; }
}

/* ---------- Trust strip ---------- */
.dpw-trust {
	background: var(--danner-white);
	border: 1px solid rgba(63,68,72,.08);
	border-radius: var(--danner-radius-lg);
	padding: 30px 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	position: relative;
}
@media (max-width: 800px) {
	.dpw-trust { grid-template-columns: 1fr; gap: 24px; }
}
.dpw-trust__item { display: flex; align-items: flex-start; gap: 16px; padding: 0 24px; position: relative; }
.dpw-trust__item:not(:last-child)::after {
	content: ""; position: absolute; right: 0; top: 6px; bottom: 6px; width: 1px;
	background: rgba(63,68,72,.12);
}
@media (max-width: 800px) { .dpw-trust__item:not(:last-child)::after { display: none; } }
.dpw-trust__icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.dpw-trust__title { font-size: 15px; font-weight: 700; color: var(--danner-charcoal); margin: 0 0 6px; }
.dpw-trust__desc { font-size: 12.5px; color: #8a9096; line-height: 1.55; margin: 0; }