
/* Samsobi Studio landing enhancements */
html{scroll-behavior:auto} .studio-service-svg{color:var(--theme-color,#b4a48b);overflow:visible}.studio-icon-draw{stroke-dasharray:180;stroke-dashoffset:180;animation:studioDraw 2.5s ease forwards}.service-item:hover .studio-icon-draw{animation:studioDraw 1.5s ease forwards;stroke-dashoffset:180}@keyframes studioDraw{to{stroke-dashoffset:0}}.studio-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:18px}.studio-modal.is-open{display:flex}.studio-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.studio-modal-panel{position:relative;width:min(100%,560px);max-height:92vh;overflow:auto;padding:clamp(24px,5vw,45px);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 90px #0009}.studio-modal-close{position:absolute;right:18px;top:10px;font-size:35px;background:none;color:inherit;border:0;cursor:pointer}.studio-modal form{display:grid;gap:15px}.studio-modal label{display:grid;gap:6px}.studio-modal input,.studio-modal select,.studio-modal textarea{width:100%;padding:13px 15px;background:var(--bg-color,#181818);border:1px solid #7777;color:inherit;border-radius:2px}.studio-modal select option{background:#171717;color:#fff}.studio-modal button[type=submit]{cursor:pointer;padding:15px}.studio-honeypot{position:absolute!important;left:-99999px!important}.studio-cta{text-align:center;padding:45px 20px}.studio-cta a{display:inline-block;margin-top:22px;padding:15px 25px}body.studio-modal-active{overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio-icon-draw{animation:none;stroke-dashoffset:0}}

.studio-service-object{display:block;width:95px;height:75px;pointer-events:none}.studio-external-svg{display:inline-block;max-width:100%}

/* Keep the viewport content width constant while the preloader, navigation or modal locks scrolling. */
html { scrollbar-gutter: stable; }

/* Modal inherits the template's light/dark CSS variables independently of its location in the DOM. */
.studio-modal{color:var(--font-color);overscroll-behavior:contain}
.studio-modal-panel{background:var(--bg-color);color:var(--font-color);border-color:var(--border-color);overscroll-behavior:contain}
.studio-modal-panel h2,.studio-modal label{color:var(--heading-color)}
.studio-modal input,.studio-modal select,.studio-modal textarea{background:var(--assistant-color);color:var(--heading-color);border-color:var(--border-color)}
.studio-modal select option{background:var(--assistant-color);color:var(--heading-color)}
.studio-modal input::placeholder,.studio-modal textarea::placeholder{color:var(--font-color)}
.studio-modal-close{color:var(--heading-color)}
.studio-modal-panel{scrollbar-gutter:stable}

/* Submit button: match template button typography and theme, without native button chrome */
.studio-modal .studio-submit{display:inline-flex;align-items:center;justify-content:center;min-height:54px;width:100%;padding:15px 28px;border:1px solid var(--border-color,#7777);border-radius:0;color:var(--heading-color,inherit);font:inherit;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;transition:background-color .25s ease,color .25s ease,border-color .25s ease;appearance:none;-webkit-appearance:none}
.studio-modal .studio-submit .title-btn{display:block;text-align:center}
.studio-modal .studio-submit:hover{background:var(--theme-color,#b4a48b);color:#171717;border-color:var(--theme-color,#b4a48b)}
.studio-modal .studio-submit:focus-visible{outline:2px solid var(--theme-color,#b4a48b);outline-offset:3px}
.studio-modal .studio-submit:disabled{opacity:.55;cursor:wait}
