/* Existing shared contact rules, scoped to the new page. Source: live /bitrix24/, 2026-11-02. */

/* INTEGRO: isolated enquiry layout. Container dimensions come from Blocksy. */
#integro-site-integration #integro-enquiry {
 box-sizing:border-box;
 width:var(--theme-container-width);
 max-width:var(--theme-normal-container-max-width,1290px);
 margin:48px auto 40px!important;
 padding:32px;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
 column-gap:clamp(32px,4vw,64px);
 border:1px solid rgba(139,220,177,.18);
 border-radius:16px;
 background:linear-gradient(125deg,#07120d,#080d0b 70%);
 color:#f5faf7;
 scroll-margin-top:110px;
}
#integro-site-integration #integro-enquiry * {box-sizing:border-box}
#integro-site-integration #integro-enquiry .ie-intro,#integro-site-integration #integro-enquiry .ie-form {min-width:0}
#integro-site-integration #integro-enquiry .ie-form {width:100%;max-width:760px;margin:0}
#integro-site-integration #integro-enquiry h2 {font-size:clamp(28px,3vw,38px);line-height:1.2;color:#fff;margin:8px 0 16px}
#integro-site-integration #integro-enquiry p {line-height:1.65}
#integro-site-integration #integro-enquiry .ie-eyebrow {color:#9cf2cf;font-size:12px;letter-spacing:.12em}
#integro-site-integration #integro-enquiry a {color:#a5f4d3;text-decoration:underline}
#integro-site-integration #integro-enquiry details {border-top:1px solid #365443;padding:18px 0}
#integro-site-integration #integro-enquiry summary {cursor:pointer;font-weight:650;color:#b9f8db}
#integro-site-integration #integro-enquiry .ie-rights {font-size:14px;color:#d6e5dc}
#integro-site-integration #integro-enquiry #integro-withdraw {grid-column:1/-1;margin-top:24px;padding-bottom:0}
#integro-site-integration #integro-enquiry #integro-withdraw form {max-width:640px}
#integro-site-integration #integro-enquiry .fluentform input.ff-el-form-control,
#integro-site-integration #integro-enquiry .fluentform select.ff-el-form-control,
#integro-site-integration #integro-enquiry .fluentform textarea.ff-el-form-control {
 width:100%;border:1px solid #537463;border-radius:8px;padding:12px;
 color:#f3fff8!important;background:#0e1b14!important;border-color:#537463!important;
 font:inherit;
}
#integro-site-integration #integro-enquiry .fluentform input::placeholder,
#integro-site-integration #integro-enquiry .fluentform textarea::placeholder {color:#aac4b6!important;opacity:1}
#integro-site-integration #integro-enquiry .ff-el-input--label label,
#integro-site-integration #integro-enquiry .ff-el-form-check-label {color:#edf6f0}
#integro-site-integration #integro-enquiry input[type=checkbox] {accent-color:#7fe3b1;width:18px;height:18px;flex-shrink:0}
#integro-site-integration #integro-enquiry :focus-visible {outline:2px solid #9cf2cf;outline-offset:4px}
#integro-site-integration #integro-enquiry .ff-message-success {color:#d7ffe8;border-color:#7fe3b1}
#integro-site-integration #integro-enquiry .error {color:#ffb9b9}

/* Exact gradient, sizing and effects of the existing home / Bitrix24 primary CTA. */
#integro-site-integration #integro-enquiry .fluentform .ff-btn-submit {
 position:relative;isolation:isolate;overflow:hidden;
 display:inline-flex;align-items:center;justify-content:center;
 width:auto;max-width:100%;min-height:56.4px;
 padding:15px 30px!important;border:0!important;border-radius:7px!important;
 font-family:inherit!important;font-size:16px!important;font-weight:600!important;
 line-height:1.65!important;letter-spacing:normal;text-transform:none;
 background:linear-gradient(115deg,#187b45 0%,#087e7b 48%,#2266b1 100%)!important;
 background-size:160% 100%!important;background-position:0% 50%!important;
 color:#fff!important;
 box-shadow:inset 0 0 0 1px rgba(123,244,212,.45),inset 0 1px 0 rgba(255,255,255,.18),0 6px 24px rgba(18,181,146,.18)!important;
 transition:background-position .35s ease,box-shadow .35s ease,transform .25s ease;
 cursor:pointer;
}
#integro-site-integration #integro-enquiry .fluentform .ff-btn-submit::before {
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.12) 48%,transparent 72%);
}
@media(hover:hover) {
 #integro-site-integration #integro-enquiry .fluentform .ff-btn-submit:not(:disabled):not(.ff-working):hover {
  background-position:100% 50%!important;
  box-shadow:inset 0 0 0 1px rgba(151,255,229,.65),0 8px 28px rgba(33,187,176,.3)!important;
  transform:translateY(-2px);
 }
}
#integro-site-integration #integro-enquiry .fluentform .ff-btn-submit:focus-visible {outline:2px solid #83eddd;outline-offset:4px}
/* No additional active animation: the source CTA retains its hover state on press. */
#integro-site-integration #integro-enquiry .fluentform .ff-btn-submit:disabled,
#integro-site-integration #integro-enquiry .fluentform .ff-btn-submit.disabled,
#integro-site-integration #integro-enquiry .fluentform .ff-btn-submit.ff-working {
 opacity:.75;cursor:wait;transform:none!important;
 background-position:0% 50%!important;
}
#integro-site-integration #integro-enquiry .fluentform .ff-btn-submit.ff-working::after {border-color:#fff;border-right-color:transparent}

/* Existing section padding already supplies the upper gap on these pages. */
.page-id-960071 #integro-site-integration #integro-enquiry {margin-top:24px!important}
.page-id-420082 #integro-site-integration #integro-enquiry {margin-top:0!important}
body.home #integro-site-integration #integro-enquiry {margin-bottom:64px!important}
@media(max-width:999.98px) {
 #integro-site-integration #integro-enquiry {grid-template-columns:minmax(0,1fr);row-gap:24px}
 #integro-site-integration #integro-enquiry #integro-withdraw {margin-top:0}
}
@media(max-width:689.98px) {
 #integro-site-integration #integro-enquiry {padding:24px;margin-top:32px!important;margin-bottom:24px!important}
 .page-id-960071 #integro-site-integration #integro-enquiry {margin-top:16px!important}
 .page-id-420082 #integro-site-integration #integro-enquiry {margin-top:0!important}
 body.home #integro-site-integration #integro-enquiry {margin-bottom:48px!important}
 #integro-site-integration #integro-enquiry .fluentform .ff-btn-submit {width:100%}
}
@media(prefers-reduced-motion:reduce) {
 #integro-site-integration #integro-enquiry .fluentform .ff-btn-submit {transition:none!important}
 #integro-site-integration #integro-enquiry .fluentform .ff-btn-submit:hover {transform:none!important}
}
/* The product page uses a separate 20px mobile gutter below 600px. */
@media(max-width:599px) {
 .page-id-420082 #integro-site-integration #integro-enquiry {width:calc(100% - 40px)}
}



/* Home-only composition; the approved enquiry and gradient-button rules stay intact. */
#integro-site-integration #integro-enquiry.integro-home-contact {
 grid-template-areas:"heading heading" "left form";
 grid-template-rows:auto auto;
 row-gap:24px;
 margin-top:0!important;
}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-heading {grid-area:heading;scroll-margin-top:110px}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-heading .ie-eyebrow {margin:0 0 12px}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-heading h2 {font-size:clamp(28px,3.1vw,40px);font-weight:700;letter-spacing:-.025em}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-heading>p:last-child {max-width:840px;margin:0;color:#d1dfd7;font-size:17px;line-height:1.6}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-left {grid-area:left;min-width:0}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-legal {margin-top:24px}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-points {grid-area:points;min-width:0}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-points>p {margin:0 0 18px;color:#d1dfd7}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-task-points {display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;font-size:15px;line-height:1.45;color:#e7f0eb}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-task-points li {display:flex;align-items:flex-start;gap:10px;margin:0;padding:0}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-task-points svg {width:20px;height:20px;flex:0 0 20px;color:#8ce7be;margin-top:1px}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-direct {grid-area:direct;min-width:0;align-self:start;margin-top:24px;border-top:1px solid #365443;padding-top:24px}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-direct>.ie-eyebrow {margin:0 0 20px}
#integro-site-integration #integro-enquiry.integro-home-contact .integro-contact-methods {display:flex;flex-direction:column;gap:20px;margin:0}
#integro-site-integration #integro-enquiry.integro-home-contact .integro-contact-method,
#integro-site-integration #integro-enquiry.integro-home-contact .integro-contact-address {display:flex;align-items:flex-start;gap:14px;margin:0}
#integro-site-integration #integro-enquiry.integro-home-contact .integro-contact-method {font-size:clamp(18px,1.65vw,22px);font-weight:600;line-height:1.4;color:#f1faf5;text-decoration:none;overflow-wrap:anywhere}
#integro-site-integration #integro-enquiry.integro-home-contact .integro-contact-method:hover {color:#9cf2cf}
#integro-site-integration #integro-enquiry.integro-home-contact .integro-contact-methods svg {width:24px;height:24px;flex:0 0 24px;color:#8ce7be;margin-top:2px}
#integro-site-integration #integro-enquiry.integro-home-contact .integro-contact-address {font-size:15px;line-height:1.6;color:#cbdcd2}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-form {grid-area:form}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-form-note {margin:0 0 18px;font-size:14px;color:#d6e5dc}
#integro-site-integration #integro-enquiry.integro-home-contact #integro-withdraw {margin-top:20px}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-legal summary {line-height:1.5}
#integro-site-integration #integro-enquiry.integro-home-contact .ie-home-legal .ie-rights {margin-bottom:0}
@media(max-width:999.98px) {
 #integro-site-integration #integro-enquiry.integro-home-contact {
  grid-template-areas:"heading" "left" "form";
  grid-template-rows:auto;
 }
}
@media(max-width:689.98px) {
 #integro-site-integration #integro-enquiry.integro-home-contact .ie-home-heading>p:last-child {font-size:16px}
 #integro-site-integration #integro-enquiry.integro-home-contact .ie-task-points {font-size:14px}
}



body.page-id-420081 #integro-site-integration #integro-enquiry.integro-home-contact {margin-bottom:64px!important}
body.page-id-420081 #integro-site-integration #integro-enquiry .ie-home-safety {font-size:14px;color:#d6e5dc;line-height:1.6;margin:0 0 18px}
@media(max-width:689.98px) {body.page-id-420081 #integro-site-integration #integro-enquiry.integro-home-contact {margin-bottom:48px!important}}


/* Unified contact section. */
#contacts.integro-contact-panel {box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);padding:clamp(28px,4.5vw,60px);margin:0 0 24px;border:1px solid rgba(139,220,177,.18);border-radius:16px;background:linear-gradient(110deg,rgba(1,14,9,.38),rgba(1,14,9,.7)),url('https://integro.by/wp-content/uploads/2025/10/bg-test-12-scaled-1.jpg') center/cover;color:#f5faf7;scroll-margin-top:36px}
#contacts.integro-contact-panel * {box-sizing:border-box}
#contacts .integro-contact-copy,#contacts .integro-contact-details {min-width:0;display:flex;flex-direction:column;align-items:stretch}
#contacts .integro-contact-kicker {font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;color:#8ce7be;margin:0 0 20px}
#contacts #integro-contact-title {font-size:clamp(28px,3.1vw,40px);line-height:1.18;letter-spacing:-.025em;font-weight:700;color:#fff;margin:0 0 20px}
#contacts .integro-contact-intro {font-size:16px;line-height:1.6;color:#d1dfd7;margin:0 0 24px;max-width:490px}
#contacts .integro-contact-services {display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;font-size:15px;line-height:1.45;color:#e7f0eb}
#contacts .integro-contact-services li {display:flex;align-items:flex-start;gap:10px;margin:0;padding:0}
#contacts .integro-contact-services svg {width:20px;height:20px;flex:0 0 20px;color:#8ce7be;margin-top:1px}
#contacts .integro-contact-methods {display:flex;flex-direction:column;gap:20px;margin:0 0 28px}
#contacts .integro-contact-method,#contacts .integro-contact-address {display:flex;align-items:flex-start;gap:14px;margin:0;text-decoration:none}
#contacts .integro-contact-method {font-size:clamp(18px,1.65vw,22px);font-weight:600;line-height:1.4;color:#f1faf5;transition:color .25s ease}
#contacts .integro-contact-method svg,#contacts .integro-contact-address svg {width:24px;height:24px;flex:0 0 24px;color:#8ce7be;margin-top:2px}
#contacts .integro-contact-method:hover {color:#9cf2cf}
#contacts .integro-contact-address {font-size:15px;line-height:1.6;color:#cbdcd2}
#contacts .integro-contact-actions {margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
#contacts .integro-contact-button {display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 14px;border:1px solid rgba(127,230,206,.3);border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:650;line-height:1.4;background:linear-gradient(115deg,#187b45 0%,#087e7b 48%,#2266b1 100%);background-size:160% 100%;background-position:0 50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(18,166,143,.1);transition:background-position .55s ease,transform .3s ease,box-shadow .3s ease}
#contacts .integro-contact-button:is(:hover,:focus-visible) {background-position:100% 50%;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 22px rgba(24,180,162,.22);color:#fff}
#contacts a:focus-visible {outline:2px solid #9cf2cf;outline-offset:4px}
@media(max-width:767px){#contacts.integro-contact-panel{grid-template-columns:minmax(0,1fr);gap:30px;padding:26px 22px}#contacts .integro-contact-details{border-top:1px solid rgba(139,220,177,.18);padding-top:26px}#contacts .integro-contact-kicker{margin-bottom:16px}#contacts .integro-contact-actions{grid-template-columns:minmax(0,1fr)}#contacts .integro-contact-button{min-height:50px}#contacts .integro-contact-intro{font-size:15px}#contacts .integro-contact-services{font-size:14px}}
@media(prefers-reduced-motion:reduce){#contacts .integro-contact-button,#contacts .integro-contact-method{transition:none}#contacts .integro-contact-button:is(:hover,:focus-visible){transform:none}}

#contacts.integro-contact-panel.integro-bitrix-contact{padding:32px;gap:32px;background:linear-gradient(125deg,#07120d,#080d0b 70%);margin:0;scroll-margin-top:32px}
#contacts.integro-bitrix-contact #integro-contact-title{font-size:clamp(28px,3vw,38px);margin-bottom:16px}
#contacts.integro-bitrix-contact .integro-contact-kicker{margin-bottom:12px}
#contacts.integro-bitrix-contact .integro-contact-intro{max-width:none;font-size:17px;margin-bottom:16px}
#contacts.integro-bitrix-contact .ibc-hint{font-size:15px;line-height:1.6;color:#bfcec5;margin:0}
#contacts.integro-bitrix-contact .integro-contact-methods{gap:14px;margin-bottom:22px}
#contacts.integro-bitrix-contact .integro-contact-actions{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center;margin:0 0 22px}
#contacts.integro-bitrix-contact .integro-ui-primary,#contacts.integro-bitrix-contact .integro-ui-secondary{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
#contacts.integro-bitrix-contact .integro-contact-address{font-size:15px}
@media(max-width:767px){#contacts.integro-contact-panel.integro-bitrix-contact{padding:24px;gap:24px}#contacts.integro-bitrix-contact .integro-contact-details{padding-top:22px}#contacts.integro-bitrix-contact .integro-contact-actions{gap:18px 24px}#contacts.integro-bitrix-contact .integro-ui-primary{padding:14px 18px}}