.zshop-contact-v2{background:#f8f5ee;padding-bottom:130px;color:#16352e}.zs-contact-hero{padding:clamp(48px,8vw,100px) 0 40px;background:radial-gradient(circle at 15% 10%,rgba(211,169,79,.15),transparent 34%),linear-gradient(180deg,#fffdf8,#f8f5ee)}.zs-contact-hero .zshop-container{max-width:1180px}.zs-contact-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.12;margin:12px 0 18px}.zs-contact-hero>div>p{font-size:clamp(17px,2vw,22px);max-width:720px;color:#68736f}.zs-contact-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.zs-contact-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dbe5e0;border:1px solid #dbe5e0;border-radius:24px;overflow:hidden}.zs-contact-trust-strip span{background:#fff;padding:20px;display:grid;gap:6px}.zs-contact-trust-strip small{color:#78827e}.zs-contact-trust-strip strong{font-size:15px}.zs-contact-content{max-width:1180px;display:grid;gap:40px}.zs-section-heading{margin-bottom:22px}.zs-section-heading h2{font-size:clamp(28px,4vw,44px);margin:8px 0}.zs-section-heading p{color:#6f7975}.zs-intent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.zs-intent-grid button{background:#fff;border:1px solid #dfe8e3;border-radius:22px;padding:22px 16px;text-align:right;display:grid;gap:8px;cursor:pointer;color:inherit;transition:.2s}.zs-intent-grid button:hover,.zs-intent-grid button.is-active{border-color:#075b4b;transform:translateY(-3px);box-shadow:0 12px 26px rgba(8,70,58,.1)}.zs-intent-grid button>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eef7f3;color:#075b4b;font-weight:800}.zs-intent-grid strong{font-size:17px}.zs-intent-grid small{color:#7c8581;line-height:1.7}.zs-contact-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:24px;align-items:start}.zs-support-form-card,.zs-contact-channels,.zs-contact-faq{background:#fff;border:1px solid #e2e8e4;border-radius:30px;padding:clamp(20px,4vw,38px);box-shadow:0 18px 50px rgba(23,62,52,.06)}.zs-support-form{display:grid;gap:20px}.zs-fieldset{border:0;margin:0;padding:0}.zs-fieldset legend,.zs-support-form label{font-weight:700}.zs-fieldset span,.zs-support-form label>span{color:#b5463c}.zs-radio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.zs-radio-grid label{position:relative}.zs-radio-grid input{position:absolute;opacity:0}.zs-radio-grid span{display:block;color:#27413a;background:#f5f8f6;border:1px solid #dfe7e3;padding:13px;border-radius:14px;text-align:center}.zs-radio-grid input:checked+span{background:#075b4b;color:#fff;border-color:#075b4b}.zs-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.zs-support-form label{display:grid;gap:8px}.zs-support-form label small{color:#85908b;font-weight:400}.zs-support-form input,.zs-support-form select,.zs-support-form textarea{width:100%;border:1px solid #cad8d1;border-radius:14px;padding:14px 15px;background:#fff;font:inherit;color:#18362f;outline:0}.zs-support-form input:focus,.zs-support-form select:focus,.zs-support-form textarea:focus{border-color:#087f70;box-shadow:0 0 0 3px rgba(8,127,112,.12)}.zs-support-form .has-error input,.zs-support-form .has-error textarea,.zs-support-form .has-error .zs-radio-grid span{border-color:#b83a32}.zs-message-field textarea{resize:vertical;min-height:150px}.zs-message-field>small{text-align:left}.zs-file-field{padding:15px;border:1px dashed #b8cbc2;border-radius:16px}.zs-security-note{background:#fff8e6;border-right:4px solid #d6a534;border-radius:14px;padding:15px;line-height:1.9}.zs-privacy-check{grid-template-columns:auto 1fr!important;align-items:start}.zs-privacy-check input{width:20px;height:20px;margin-top:3px}.zs-privacy-check span{color:#52635d!important;font-weight:400}.zs-submit{justify-self:start;border:0}.zs-form-notice{padding:18px;border-radius:16px;margin-bottom:20px}.zs-form-notice--success{background:#e9f8f1;color:#17613f}.zs-form-notice--error{background:#fff0ef;color:#9b2924}.zs-contact-channels{display:grid;gap:12px;position:sticky;top:24px}.zs-channel-card{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:16px;border:1px solid #e0e8e4;border-radius:18px;color:inherit;text-decoration:none;background:#fcfdfc}.zs-channel-card>span{width:48px;height:48px;border-radius:16px;background:#e9f4ef;display:grid;place-items:center;color:#075b4b}.zs-channel-card .zshop-icon{width:24px;height:24px}.zs-channel-card div{display:grid;gap:5px}.zs-channel-card small{color:#7a8580;line-height:1.6}.zs-channel-card b{color:#075b4b}.zs-channel-card em{font-style:normal;color:#7a8580;font-size:12px}.zs-contact-faq details{border-top:1px solid #e4eae7;padding:18px 0}.zs-contact-faq details:first-of-type{border-top:0}.zs-contact-faq summary{font-weight:800;cursor:pointer}.zs-contact-faq p{color:#64716c;line-height:2}.zs-contact-mobile-actions{display:none}.zs-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.zs-contact-trust-strip{grid-template-columns:repeat(2,1fr)}.zs-intent-grid{grid-template-columns:repeat(2,1fr)}.zs-contact-layout{grid-template-columns:1fr}.zs-contact-channels{position:static}.zs-contact-mobile-actions{position:fixed;display:grid;grid-template-columns:1fr 1fr;gap:10px;left:16px;right:16px;bottom:calc(94px + env(safe-area-inset-bottom));z-index:80}.zs-contact-mobile-actions a{background:#075b4b;color:#fff;text-align:center;text-decoration:none;padding:13px;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.18)}}
@media(max-width:600px){.zs-contact-hero{padding-top:36px}.zs-contact-trust-strip{grid-template-columns:1fr 1fr;border-radius:18px}.zs-contact-trust-strip span{padding:14px}.zs-intent-grid{grid-template-columns:1fr}.zs-form-grid,.zs-radio-grid{grid-template-columns:1fr}.zs-support-form-card,.zs-contact-channels,.zs-contact-faq{border-radius:22px;padding:20px}.zs-contact-hero-actions .zshop-button{width:100%;justify-content:center}}


/* 15.8.7 — iOS/RTL width hardening and floating controls coordination. */
.zshop-contact-v2 {
	inline-size: 100%;
	max-inline-size: 100%;
	min-inline-size: 0;
	overflow-x: hidden;
}

.zshop-contact-v2 *,
.zshop-contact-v2 *::before,
.zshop-contact-v2 *::after {
	min-inline-size: 0;
}

.zshop-contact-v2 .zshop-container,
.zs-contact-content,
.zs-contact-layout,
.zs-contact-intents,
.zs-support-form-card,
.zs-contact-channels,
.zs-contact-faq,
.zs-support-form,
.zs-form-grid,
.zs-radio-grid,
.zs-contact-trust-strip {
	inline-size: 100%;
	max-inline-size: 100%;
}

.zs-fieldset {
	min-inline-size: 0;
	max-inline-size: 100%;
}

.zs-section-heading,
.zs-section-heading h1,
.zs-section-heading h2,
.zs-section-heading p,
.zs-intent-grid button,
.zs-channel-card,
.zs-channel-card div,
.zs-support-form label,
.zs-support-form input,
.zs-support-form select,
.zs-support-form textarea {
	max-inline-size: 100%;
	overflow-wrap: anywhere;
}

/* Do not place honeypot fields thousands of pixels outside an RTL document. */
.zs-honeypot,
.zshop-contact-v2 .zsai-website {
	position: fixed !important;
	inset: 0 auto auto 0 !important;
	inline-size: 1px !important;
	block-size: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	clip-path: inset(50%) !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

@media (max-width: 900px) {
	.zshop-contact-v2 .zshop-container {
		inline-size: calc(100% - 24px) !important;
		max-inline-size: calc(100% - 24px) !important;
		margin-inline: auto !important;
	}

	.zs-contact-layout,
	.zs-form-grid,
	.zs-radio-grid,
	.zs-intent-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.zs-contact-hero-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.zs-contact-hero-actions .zshop-button,
	.zs-submit {
		inline-size: 100%;
		max-inline-size: 100%;
		justify-content: center;
	}

	.zs-contact-mobile-actions {
		inset-inline: 12px !important;
		bottom: calc(var(--zshop-mobile-nav-height, 74px) + 14px + env(safe-area-inset-bottom)) !important;
		max-inline-size: calc(100% - 24px);
		margin-inline: auto;
	}

	/* Keep the dedicated chatbot above the contact action bar. */
	body.page-template-page-contact .zsai-chat,
	body.page-template-page-contact-php .zsai-chat {
		--zsai-bottom-mobile: 104px !important;
	}
}

@media (max-width: 600px) {
	.zs-contact-hero h1 {
		font-size: clamp(30px, 9vw, 42px);
	}

	.zs-contact-trust-strip {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.zs-support-form-card,
	.zs-contact-channels,
	.zs-contact-faq {
		padding: 18px !important;
	}

	.zs-contact-mobile-actions a {
		min-inline-size: 0;
		padding-inline: 10px;
	}
}