@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');

/* Htbazar Popup Checkout styles */

.htbz-pc-overlay, .htbz-pc-popup, .htbz-pc-checkout-embed{
	font-family:'Hind Siliguri', sans-serif;
}


.htbz-pc-trigger-wrap{ margin:14px 0; }
.htbz-pc-open-btn{
	background:#00a651;
	color:#fff;
	border:none;
	padding:14px 28px;
	font-size:16px;
	font-weight:700;
	border-radius:6px;
	cursor:pointer;
	width:100%;
	max-width:320px;
}
.htbz-pc-open-btn:hover{ background:#00913f; }

.htbz-pc-overlay{
	display:none;
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.55);
	z-index:99999;
	align-items:center;
	justify-content:center;
	padding:14px;
}
.htbz-pc-overlay.active{ display:flex; }

.htbz-pc-popup{
	background:#fff;
	width:100%;
	max-width:430px;
	max-height:92vh;
	overflow-y:auto;
	border-radius:8px;
	padding:18px;
	position:relative;
	box-shadow:0 10px 40px rgba(0,0,0,.25);
	font-family:inherit;
}

.htbz-pc-close{
	position:absolute;
	top:8px;
	right:10px;
	background:none;
	border:none;
	font-size:22px;
	line-height:1;
	cursor:pointer;
	color:#666;
}

.htbz-pc-input{
	width:100%;
	box-sizing:border-box;
	padding:10px 12px;
	margin-bottom:10px;
	border:1px solid #ddd;
	border-radius:4px;
	font-size:14px;
}
.htbz-pc-textarea{ resize:vertical; min-height:46px; }

.htbz-pc-packages{ margin-bottom:10px; }
.htbz-pc-package{
	display:flex;
	align-items:center;
	justify-content:space-between;
	border:1px solid #ddd;
	border-radius:4px;
	padding:8px 12px;
	margin-bottom:6px;
	cursor:pointer;
	transition:.15s;
}
.htbz-pc-package.active{
	border-color:#e53935;
	background:#fff5f5;
}
.htbz-pc-pkg-left{ display:flex; align-items:center; gap:10px; }
.htbz-pc-pkg-radio{
	width:18px; height:18px; border:2px solid #aaa; border-radius:50%;
	flex-shrink:0; position:relative;
}
.htbz-pc-package.active .htbz-pc-pkg-radio{ border-color:#e53935; }
.htbz-pc-package.active .htbz-pc-pkg-radio::after{
	content:''; position:absolute; inset:2px; border-radius:50%; background:#e53935;
}
.htbz-pc-pkg-name{ font-weight:600; font-size:14px; }
.htbz-pc-pkg-right{ text-align:right; }
.htbz-pc-pkg-full{
	text-decoration:line-through;
	color:#999;
	font-size:12px;
	display:block;
}
.htbz-pc-pkg-price{ font-weight:700; font-size:14px; }
.htbz-pc-pkg-save{
	background:#e53935;
	color:#fff;
	font-size:11px;
	padding:1px 6px;
	border-radius:3px;
	display:inline-block;
	margin-top:2px;
}

.htbz-pc-delivery-heading{
	font-size:13px;
	font-weight:600;
	margin:10px 0 6px;
	color:#333;
}
.htbz-pc-delivery{ margin-bottom:10px; }
.htbz-pc-delivery-option{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:8px 12px;
	border:1px solid #ddd;
	border-radius:4px;
	margin-bottom:6px;
	cursor:pointer;
}
.htbz-pc-delivery-option.active{ border-color:#00a651; background:#f3fbf6; }
.htbz-pc-del-left{ display:flex; align-items:center; gap:10px; font-size:14px; }
.htbz-pc-del-radio{
	width:18px; height:18px; border:2px solid #aaa; border-radius:50%;
	flex-shrink:0; position:relative;
}
.htbz-pc-delivery-option.active .htbz-pc-del-radio{ border-color:#00a651; }
.htbz-pc-delivery-option.active .htbz-pc-del-radio::after{
	content:''; position:absolute; inset:2px; border-radius:50%; background:#00a651;
}
.htbz-pc-del-cost{ font-weight:600; font-size:14px; }

.htbz-pc-summary{
	background:#eafaf0;
	border-radius:4px;
	padding:10px 12px;
	margin-bottom:10px;
	font-size:13px;
}
.htbz-pc-summary-row{
	display:flex;
	justify-content:space-between;
	padding:2px 0;
}
.htbz-pc-summary-row.discount{ color:#e53935; }
.htbz-pc-summary-row.total{
	border-top:1px dashed #b6e3c6;
	margin-top:4px;
	padding-top:6px;
	font-weight:700;
	font-size:15px;
}

.htbz-pc-urgency{
	border:1px solid #f5c2c7;
	background:#fdf2f2;
	color:#c0392b;
	font-size:12px;
	text-align:center;
	padding:6px;
	border-radius:4px;
	margin-bottom:10px;
}
.htbz-pc-urgency b{ font-size:14px; }

.htbz-pc-confirm{
	width:100%;
	background:#00a651;
	color:#fff;
	border:none;
	padding:13px;
	font-size:15px;
	font-weight:700;
	border-radius:4px;
	cursor:pointer;
	margin-bottom:8px;
}
.htbz-pc-confirm:disabled{ opacity:.6; cursor:default; }
.htbz-pc-confirm:hover:not(:disabled){ background:#00913f; }

.htbz-pc-codnote{
	text-align:center;
	font-size:12px;
	color:#00a651;
	font-weight:600;
}

.htbz-pc-success{
	text-align:center;
	padding:30px 10px;
	font-size:15px;
	font-weight:600;
	color:#00a651;
}

@media (max-width:480px){
	.htbz-pc-popup{ padding:14px; }
}

/* Cart items list on checkout */
.htbz-pc-items{
	margin-bottom:10px;
	border:1px solid #eee;
	border-radius:4px;
	overflow:hidden;
}
.htbz-pc-item-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:8px 12px;
	font-size:13px;
	border-bottom:1px solid #f2f2f2;
	background:#fafafa;
}
.htbz-pc-item-row:last-child{ border-bottom:none; }
.htbz-pc-item-qty{ color:#999; font-size:12px; }
.htbz-pc-item-price{ font-weight:600; }

.htbz-pc-checkout-embed{
	max-width:480px;
	margin:30px auto;
	box-shadow:0 2px 12px rgba(0,0,0,.08);
	border:1px solid #eee;
}

