.wpc-wrapper {
max-width: 900px;
margin: 2rem auto;
padding: 1.5rem;
background: #ffffff;
border-radius: 16px;
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: #1f2933;
position: relative;
}
.wpc-tabs {
display: flex;
gap: 0.5rem;
margin-bottom: 1.5rem;
background: #f5f7fb;
padding: 0.4rem;
border-radius: 999px;
}
.wpc-tab {
flex: 1;
border: none;
background: transparent;
padding: 0.65rem 0.8rem;
border-radius: 999px;
font-size: 0.9rem;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
color: #4b5563;
}
.wpc-tab.active {
color: #ffffff;
box-shadow: 0 10px 25px rgba(24, 119, 242, 0.35);
}
.wpc-panel {
display: none;
border: 1px solid #dde2ee;
border-radius: 12px;
padding: 1.2rem 1.4rem;
margin-bottom: 1.2rem;
background: #ffffff;
}
.wpc-panel.active {
display: block;
}
.wpc-panel h3 {
margin: 0 0 0.25rem;
font-size: 1.1rem;
}
.wpc-subtitle {
margin: 0 0 1rem;
font-size: 0.85rem;
color: #6b7280;
}
.wpc-field {
margin-bottom: 1rem;
}
.wpc-field label {
display: block;
font-weight: 600;
margin-bottom: 0.3rem;
font-size: 0.9rem;
}
.wpc-input {
width: 100%;
padding: 0.5rem 0.6rem;
border-radius: 8px;
border: 1px solid #dde2ee;
font-size: 0.9rem;
outline: none;
transition: border 0.2s ease, box-shadow 0.2s ease;
}
.wpc-input:focus {
border-color: #1877F2;
box-shadow: 0 0 0 1px rgba(24, 119, 242, 0.3);
}
.wpc-options {
display: grid;
gap: 0.3rem;
font-size: 0.85rem;
}
.wpc-options label {
font-weight: 400;
display: flex;
gap: 0.4rem;
align-items: center;
cursor: pointer;
}
.wpc-global {
border-radius: 12px;
border: 1px dashed #dde2ee;
padding: 1.2rem 1.4rem;
margin-bottom: 1.2rem;
background: #faf5ff;
}
.wpc-global h3 {
margin: 0 0 0.5rem;
font-size: 1rem;
}
.wpc-hint {
font-size: 0.75rem;
color: #6b7280;
margin-top: 0.3rem;
}
.wpc-result {
border-radius: 14px;
border: 1px solid #dde2ee;
padding: 1.3rem 1.5rem;
background: radial-gradient(circle at top left, rgba(24, 119, 242, 0.06), transparent 55%),
radial-gradient(circle at bottom right, rgba(255, 0, 255, 0.06), transparent 55%);
}
.wpc-result h3 {
margin-top: 0;
margin-bottom: 0.75rem;
}
.wpc-price-label {
margin: 0;
font-size: 0.9rem;
color: #6b7280;
}
.wpc-price {
margin: 0.2rem 0 0.5rem;
font-size: 1.8rem;
font-weight: 700;
color: transparent;
}
.wpc-summary h4 {
margin: 0.8rem 0 0.4rem;
font-size: 0.95rem;
}
.wpc-summary ul {
margin: 0;
padding-left: 1.1rem;
font-size: 0.83rem;
color: #4b5563;
}
.wpc-contact {
margin-top: 1.1rem;
padding-top: 0.9rem;
border-top: 1px dashed #dde2ee;
}
.wpc-contact-grid {
display: grid;
gap: 0.5rem;
}
@media (min-width: 640px) {
.wpc-contact-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.wpc-button {
margin-top: 0.6rem;
padding: 0.55rem 1.2rem;
border-radius: 999px;
border: none;
font-size: 0.9rem;
font-weight: 600;
cursor: pointer;
color: #ffffff;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wpc-button:hover {
transform: translateY(-1px);
}
.wpc-button:active {
transform: translateY(0);
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}