.hgg-wrap {
	--hgg-primary: #e8720c;
	--hgg-primary-dark: #c25e08;
	--hgg-bg: #fff8f2;
	--hgg-border: #f0d3b4;
	max-width: 900px;
	margin: 0 auto;
	font-family: inherit;
	background: var(--hgg-bg);
	border: 1px solid var(--hgg-border);
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.hgg-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--hgg-border);
	padding-bottom: 12px;
}

.hgg-tab-btn {
	background: #fff;
	border: 1px solid var(--hgg-border);
	color: var(--hgg-primary-dark);
	padding: 10px 16px;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	transition: all .15s ease;
}
.hgg-tab-btn:hover { background: #fff1e2; }
.hgg-tab-btn.active { background: var(--hgg-primary); color: #fff; border-color: var(--hgg-primary); }

.hgg-tab-panel { display: none; animation: hggFade .2s ease; }
.hgg-tab-panel.active { display: block; }
@keyframes hggFade { from { opacity: 0; } to { opacity: 1; } }

.hgg-desc { color: #7a5a3a; margin-bottom: 4px; }
.hgg-price { font-weight: 700; color: var(--hgg-primary-dark); margin-bottom: 14px; }

.hgg-field, .hgg-form label {
	display: block;
	margin-bottom: 14px;
	font-size: 14px;
	font-weight: 600;
	color: #4a3320;
}

.hgg-field input, .hgg-field select, .hgg-field textarea,
.hgg-form input[type=text], .hgg-form input[type=tel], .hgg-form input[type=email],
.hgg-form input[type=number], .hgg-form input[type=file], .hgg-form select, .hgg-form textarea {
	display: block;
	width: 100%;
	margin-top: 6px;
	padding: 10px 12px;
	border: 1px solid var(--hgg-border);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 400;
	box-sizing: border-box;
	background: #fff;
}
.hgg-field input:focus, .hgg-field select:focus, .hgg-field textarea:focus,
.hgg-form input:focus, .hgg-form select:focus, .hgg-form textarea:focus {
	outline: none;
	border-color: var(--hgg-primary);
	box-shadow: 0 0 0 3px rgba(232,114,12,.15);
}

.hgg-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 600px) { .hgg-row { grid-template-columns: 1fr; } }

.hgg-section-title { color: var(--hgg-primary-dark); border-bottom: 1px solid var(--hgg-border); padding-bottom: 8px; margin-top: 24px; }

.hgg-btn, .hgg-submit-btn, .hgg-pay-btn {
	background: var(--hgg-primary);
	color: #fff;
	border: none;
	padding: 12px 22px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	margin-top: 10px;
	display: inline-block;
	text-decoration: none;
	transition: background .15s ease;
}
.hgg-btn:hover, .hgg-submit-btn:hover, .hgg-pay-btn:hover { background: var(--hgg-primary-dark); }

.hgg-payment-step { margin-top: 20px; padding-top: 20px; border-top: 2px dashed var(--hgg-border); }
.hgg-pay-methods { display: flex; gap: 10px; flex-wrap: wrap; }
.hgg-pay-btn.selected { background: var(--hgg-primary-dark); }
.hgg-pay-panel { margin-top: 16px; padding: 16px; background: #fff; border: 1px solid var(--hgg-border); border-radius: 10px; }

.hgg-result-box { margin-top: 18px; padding: 16px; border-radius: 10px; background: #fff1e2; border: 1px solid var(--hgg-border); font-weight: 600; }
.hgg-result-box.hgg-error { background: #fdeaea; border-color: #eec4c4; color: #a33; }
.hgg-result-box.hgg-success { background: #eaf7ea; border-color: #bfe6bf; color: #256029; }

.hgg-track-wrap { max-width: 480px; }

.hgg-contact-methods-label { display: block; margin-top: 10px; margin-bottom: 6px; font-weight: 600; color: #4a3320; }
.hgg-checkbox-group { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 16px; }
.hgg-checkbox { display: flex !important; align-items: center; gap: 6px; font-weight: 400 !important; margin-bottom: 0 !important; }
.hgg-checkbox input { width: auto !important; margin: 0 !important; }

.hgg-bank-account-box { padding: 10px 14px; margin-bottom: 10px; background: #fff8f2; border: 1px dashed var(--hgg-border); border-radius: 8px; }
.hgg-bank-account-box p { margin: 4px 0; }
.hgg-account-label { color: var(--hgg-primary-dark); }

.hgg-other-field input { margin-top: 6px; }

.hgg-timeline { list-style: none; margin: 14px 0; padding: 0; border-right: 2px solid var(--hgg-border); }
.hgg-timeline-item { position: relative; padding: 0 22px 20px 0; }
.hgg-tl-dot { position: absolute; right: -6px; top: 3px; width: 10px; height: 10px; border-radius: 50%; background: var(--hgg-primary); }
.hgg-tl-status { font-weight: 700; color: var(--hgg-primary-dark); }
.hgg-tl-date { font-size: 12px; color: #8a7256; margin-top: 2px; }
.hgg-tl-note { font-size: 13px; color: #4a3320; display: inline-block; margin-top: 4px; }

#hgg-customer-message-box { margin-top: 20px; padding: 16px; background: #fff; border: 1px solid var(--hgg-border); border-radius: 10px; }
#hgg-customer-message-box h4 { margin-top: 0; color: var(--hgg-primary-dark); }
#hgg-customer-message { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--hgg-border); border-radius: 8px; font-family: inherit; font-size: 14px; }
#hgg-customer-message-status { font-size: 13px; color: #666; margin-top: 8px; }