/* ===========================================================
   Giati na mas epilexete, editorial lista me eikonidia.
   =========================================================== */
.dd-why{
	padding:clamp(80px,13vh,150px) var(--edge) !important;
	background:var(--bone);
	max-width:none;
	border-top:1px solid var(--line);
}
.dd-why-inner{
	max-width:var(--maxw);
	margin:0 auto;
	display:grid;
	grid-template-columns:.8fr 1.2fr;
	gap:clamp(36px,6vw,90px);
	align-items:start;
}
.dd-why-title{
	margin:0;
	font-weight:300;
	font-size:clamp(28px,3.6vw,46px);
	line-height:1.1;
	letter-spacing:-.025em;
	text-transform:lowercase;
	color:var(--ink);
}
.dd-why-list{ list-style:none; margin:0; padding:0; }
.dd-why-list li{
	margin:0;
	padding:20px 0;
	display:flex;
	align-items:center;
	gap:20px;
	border-top:1px solid var(--line);
	font-size:17px;
	line-height:1.4;
	color:var(--ink);
}
.dd-why-list li:last-child{ border-bottom:1px solid var(--line); }
.dd-why-list li::before{
	content:"";
	flex:0 0 auto;
	width:24px;
	height:24px;
	background:var(--accent);
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-size:contain;
	mask-size:contain;
}
.dd-why-list li:nth-child(1)::before{ -webkit-mask-image:url(../../icons/why-hand.svg); mask-image:url(../../icons/why-hand.svg); }
.dd-why-list li:nth-child(2)::before{ -webkit-mask-image:url(../../icons/why-vase.svg); mask-image:url(../../icons/why-vase.svg); }
.dd-why-list li:nth-child(3)::before{ -webkit-mask-image:url(../../icons/why-leaf.svg); mask-image:url(../../icons/why-leaf.svg); }
.dd-why-list li:nth-child(4)::before{ -webkit-mask-image:url(../../icons/why-drop.svg); mask-image:url(../../icons/why-drop.svg); }
.dd-why-list li:nth-child(5)::before{ -webkit-mask-image:url(../../icons/why-shop.svg); mask-image:url(../../icons/why-shop.svg); }
.dd-why-list li:nth-child(6)::before{ -webkit-mask-image:url(../../icons/why-gift.svg); mask-image:url(../../icons/why-gift.svg); }
@media (max-width:900px){ .dd-why-inner{ grid-template-columns:1fr; gap:26px; } }