#khatchin-cart-popup{
	display:none;
	position:fixed;
	bottom:0; left:50%;
	transform:translate3d(-50%,0,0);
	width:min(560px,94vw);
	background:#fff;
	border-radius:18px 18px 0 0;
	box-shadow:0 -10px 40px rgba(0,0,0,.25);
	z-index:999999;
	padding:20px;
	box-sizing:border-box;
	font-family:inherit;
	line-height:1.9;
	direction:rtl;
	will-change:transform;
	backface-visibility:hidden;
}

#khatchin-cart-popup .kcp-close{
	position:absolute; top:8px; left:10px;
	background:none; border:none; font-size:22px;
	line-height:1; cursor:pointer; color:#999;
	padding:0; z-index:3; transition:color .2s;
}
#khatchin-cart-popup .kcp-close:hover{ color:#000; }

.kcp-title{ font-weight:800; padding-left:25px; }

.kcp-shipping{
	margin-top:14px;
	padding:12px 14px;
	background:#f0fdf4;
	border:1px solid #bbf7d0;
	border-radius:12px;
	direction:rtl;
	transition:background .3s,border-color .3s;
}
.kcp-shipping.kcp-reached{
	background:#ecfdf5;
	border-color:#86efac;
}
.kcp-shipping.kcp-shipping-hidden{ display:none; }

.kcp-shipping-row{
	display:flex; align-items:center; gap:8px;
	margin-bottom:8px; font-size:13px; line-height:1.6;
	color:#166534;
}
.kcp-shipping.kcp-reached .kcp-shipping-row{ color:#15803d; }

.kcp-shipping-icon{ font-size:18px; line-height:1; flex-shrink:0; }

.kcp-shipping-text{ flex:1; min-width:0; }
.kcp-shipping-text b{ color:#15803d; font-weight:800; }
.kcp-shipping.kcp-reached .kcp-shipping-text b{ color:#059669; }

.kcp-shipping-track{
	width:100%; height:8px; background:#dcfce7;
	border-radius:999px; overflow:hidden;
}
.kcp-shipping-fill{
	height:100%; border-radius:999px;
	background:linear-gradient(90deg,#4ade80,#16a34a);
	transition:width .5s ease;
}
.kcp-shipping.kcp-reached .kcp-shipping-fill{
	background:linear-gradient(90deg,#34d399,#059669);
}

.kcp-cross-sells{
	display:none; margin-top:16px; padding-top:14px;
	border-top:1px solid #eee;
}
.kcp-cross-sells.kcp-has-products{ display:block; }

.kcp-cross-title{ font-size:13px; font-weight:800; margin-bottom:10px; }

.kcp-cross-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}

.kcp-cross-card{
	display:flex; flex-direction:column; min-width:0;
	text-decoration:none; color:inherit;
	border:1px solid #eee; border-radius:12px;
	overflow:hidden; background:#fff;
	transition:transform .2s,box-shadow .2s,border-color .2s;
	contain:content;
}
.kcp-cross-card:hover{
	transform:translateY(-2px); border-color:#ddd;
	box-shadow:0 7px 18px rgba(0,0,0,.10);
}

.kcp-cross-image{
	width:100%; aspect-ratio:1/1;
	background:#f7f7f7; overflow:hidden;
}
.kcp-cross-image img{
	width:100%; height:100%; display:block; object-fit:cover;
}

.kcp-cross-info{
	padding:8px; display:flex; flex-direction:column; gap:3px;
}
.kcp-cross-name{
	font-size:12px; font-weight:600; line-height:1.5;
	display:-webkit-box; -webkit-line-clamp:2;
	-webkit-box-orient:vertical; overflow:hidden;
	min-height:36px;
}
.kcp-cross-price{
	font-size:12px; font-weight:700; color:#16a34a; line-height:1.5;
}
.kcp-cross-price ins{ text-decoration:none; }
.kcp-cross-price del{ opacity:.5; font-weight:400; margin-left:3px; }

.kcp-btns{ display:flex; gap:10px; margin-top:14px; }
.kcp-btns a{
	flex:1; text-align:center; padding:12px;
	border-radius:12px; text-decoration:none;
	font-weight:700; background:#ffc31b; color:#000;
}

@media (max-width:600px){
	#khatchin-cart-popup{
		width:100%; max-width:100%;
		border-radius:16px 16px 0 0; padding:16px;
	}
	.kcp-cross-grid{ gap:7px; }
	.kcp-cross-info{ padding:7px; }
	.kcp-cross-name{ font-size:11px; min-height:33px; }
	.kcp-cross-price{ font-size:11px; }
	.kcp-btns a{ padding:11px 8px; font-size:13px; }
}

@media (max-width:360px){
	#khatchin-cart-popup{ padding:14px; }
	.kcp-cross-grid{ gap:5px; }
	.kcp-cross-name{ font-size:10px; }
	.kcp-cross-price{ font-size:10px; }
}