/* Shared visual language for contact and review forms, including the body-level dialog. */
:is(#zylo-page,body) .zylo-form-panel,:is(#zylo-page,body) .zylo-form-panel *{box-sizing:border-box}
:is(#zylo-page,body) .zylo-form-panel{max-width:600px;padding:30px;border:1px solid #eee5df;border-radius:20px;background:#fffdfb;color:#39312c;font-family:Raleway,Arial,sans-serif;font-size:14px;line-height:1.6;font-weight:400;text-align:left;cursor:default;box-shadow:0 24px 80px #211c1b40;-webkit-text-size-adjust:100%}
:is(#zylo-page,body) .zylo-form-close{position:absolute!important;inset:16px 16px auto auto!important;display:grid;place-items:center;width:44px!important;height:44px!important;padding:0;border:1px solid #e8dfd8;border-radius:50%;background:#f6f0eb;color:#69564a;cursor:pointer;z-index:1;filter:none}
:is(#zylo-page,body) .zylo-form-close svg{display:block;width:18px;height:18px;pointer-events:none}
:is(#zylo-page,body) .zylo-form-header{padding:0 52px 0 0;margin:0 0 23px}
:is(#zylo-page,body) .zylo-form-header h2{font-family:HeliosExtLight,Raleway,Arial,sans-serif;font-size:27px;line-height:1.18;font-weight:400;letter-spacing:-.04em;margin:0 0 11px;color:#352c27}
:is(#zylo-page,body) .zylo-form-header p{font-size:14px;line-height:1.7;color:#7a6c63;margin:0;max-width:365px}
:is(#zylo-page,body) .zylo-form-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;color:#54453b;font-size:13px;line-height:1.6;font-weight:500;cursor:default}
:is(#zylo-page,body) .zylo-form-field>label{display:block;margin:0;font:inherit;color:inherit;cursor:default}
:is(#zylo-page,body) .zylo-form-field>label>span{color:#938076;font-weight:400;font-size:11px}
:is(#zylo-page,body) .zylo-form-field :is(input,textarea){appearance:none;-webkit-appearance:none;display:block;width:100%;height:48px;min-width:0;padding:0 12px;border:1px solid #dcd1c8;border-radius:9px;background:#fff;color:#3e332d;font-family:Raleway,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.5;outline:none;box-shadow:none;cursor:text;transition:border-color .15s,box-shadow .15s}
:is(#zylo-page,body) .zylo-form-field textarea{height:112px;min-height:112px;max-height:260px;padding:10px 12px;resize:vertical;font-size:16px;line-height:1.6}
:is(#zylo-page,body) .zylo-form-field :is(input,textarea)::placeholder{color:#a1948a;opacity:1;font-size:14px}
:is(#zylo-page,body) .zylo-form-field :is(input,textarea):focus{border-color:#a6806a;box-shadow:inset 0 0 0 1px #a6806a;outline:none;outline-offset:0}
:is(#zylo-page,body) .zylo-form-field :is(input,textarea)[aria-invalid=true]{border-color:#b15b4d}
:is(#zylo-page,body) .zylo-form-field :is(input,textarea)[aria-invalid=true]:focus{box-shadow:inset 0 0 0 1px #b15b4d}
:is(#zylo-page,body) .zylo-form-consent{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12px;line-height:1.7;color:#7b6d64;font-weight:400}
:is(#zylo-page,body) .zylo-form-consent>input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;position:relative;flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0;background:#fff;border:1px solid #bdae9f;border-radius:4px;box-shadow:none;cursor:pointer;outline:none;accent-color:#775b49}
:is(#zylo-page,body) .zylo-form-consent>input:checked{background:#775b49;border-color:#775b49}
:is(#zylo-page,body) .zylo-form-consent>input:checked::after{content:'';display:block;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
:is(#zylo-page,body) .zylo-form-consent>input:focus-visible{outline:2px solid #bfa28e;outline-offset:3px;box-shadow:none}
:is(#zylo-page,body) .zylo-form-consent>input[aria-invalid=true]{border-color:#b15b4d}
:is(#zylo-page,body) .zylo-form-consent a{color:#725540;text-decoration:underline;text-underline-offset:2px}
:is(#zylo-page,body) .zylo-form-submit{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:9px;background:#584337;color:#fff;font-family:Raleway,Arial,sans-serif;font-size:15px;line-height:1.5;font-weight:500;cursor:pointer;filter:none}
:is(#zylo-page,body) .zylo-form-submit:disabled{opacity:.65;cursor:wait}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-status{margin:12px 0 0;padding:12px;border-radius:8px;background:#f0ece5;color:#695b4d;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-status:empty,:is(#zylo-page,body) .zylo-form-panel .zylo-form-status[hidden]{display:none}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-status:is([role=alert],[data-error]){background:#fff0e9;color:#9b4f3e}
:is(#zylo-page,body) .zylo-form-panel :is(button,a):focus-visible{outline:2px solid #bfa28e;outline-offset:3px}
@media(hover:hover){:is(#zylo-page,body) .zylo-form-submit:hover:not(:disabled){background:#715541;filter:none}:is(#zylo-page,body) .zylo-form-close:hover{background:#eadfd7;filter:none}}
@media(max-width:520px){:is(#zylo-page,body) .zylo-form-panel{padding:25px 22px;border-radius:16px}:is(#zylo-page,body) .zylo-form-close{inset:12px 12px auto auto!important}:is(#zylo-page,body) .zylo-form-header{margin-bottom:20px}:is(#zylo-page,body) .zylo-form-header h2{font-size:25px}}
@media(max-width:360px){:is(#zylo-page,body) .zylo-form-panel{padding:23px 17px}:is(#zylo-page,body) .zylo-form-header h2{font-size:23px}}
@media(forced-colors:active){:is(#zylo-page,body) .zylo-form-consent>input{appearance:auto;-webkit-appearance:auto}:is(#zylo-page,body) .zylo-form-consent>input:checked::after{display:none}}
@media(prefers-reduced-motion:reduce){:is(#zylo-page,body) .zylo-form-field :is(input,textarea){transition:none}}

:is(#zylo-page,body) .zylo-form-field-error{display:block;margin:0;font-size:12px;line-height:1.5;font-weight:400;color:#a74739;cursor:default}
:is(#zylo-page,body) .zylo-form-field-error:empty{display:none}
:is(#zylo-page,body) .zylo-form-panel a{cursor:pointer}
.zylo-form-panel .zylo-customer-order{min-width:0;margin:0 0 18px;padding:12px;border:1px solid #e8dfd8;border-radius:10px;background:#f6f0eb;overflow-wrap:anywhere}
.zylo-form-panel .zylo-customer-order[hidden]{display:none}
.zylo-form-panel .zylo-customer-order__select{display:block;width:100%;min-width:0;min-height:44px;margin:6px 0;padding:8px;border:1px solid #dcd1c8;border-radius:7px;background:#fff;color:#54453b;font:inherit;font-size:16px}
.zylo-form-panel .zylo-customer-order__select:focus-visible{outline:2px solid #a6806a;outline-offset:2px}
.zylo-form-panel .zylo-customer-order__summary{margin:4px 0 0;font-size:13px;line-height:1.6}
.zylo-form-panel .zylo-customer-order button{min-height:44px;padding:4px 8px;border:1px solid #dcd1c8;border-radius:7px;background:#fff;color:#54453b;font:inherit;cursor:pointer}
/* Optional photo/video picker shared by the question and review forms. */
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media{display:grid;gap:8px;min-width:0;margin:0}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__label{font-size:13px;line-height:1.6;font-weight:500;color:#54453b}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__label span{font-size:12px;font-weight:400;color:#938076}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__hint{margin:-6px 0 0;font-size:12px;line-height:1.55;color:#7a6c63}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__list[hidden],:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add[hidden]{display:none}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__item{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:5px 4px 5px 5px;border:1px solid #e3d9d1;border-radius:10px;background:#fff}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__thumb{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;overflow:hidden;border-radius:7px;background:#f6f0eb;color:#8a7466}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__thumb img{display:block;width:100%;height:100%;object-fit:cover}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__meta{display:grid;flex:1 1 auto;min-width:0;line-height:1.45}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#3e332d}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__size{font-size:12px;color:#7a6c63}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__item.is-processing .zylo-form-media__thumb{animation:zylo-form-media-wait 1.2s ease-in-out infinite alternate}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__remove{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#69564a;cursor:pointer}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__remove svg{display:block;pointer-events:none}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__remove:disabled{opacity:.45;cursor:wait}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:10px 14px;border:1px dashed #bfae9f;border-radius:9px;background:#fbf8f5;color:#5d4739;font-size:14px;line-height:1.4;font-weight:500;text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add svg{flex:0 0 auto;display:block}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font-size:0}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add:focus-within{outline:2px solid #bfa28e;outline-offset:3px}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add.is-disabled{opacity:.6;cursor:wait}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add.is-disabled .zylo-form-media__input{cursor:wait}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__input[aria-invalid=true]{outline:0}
:is(#zylo-page,body) .zylo-form-panel .zylo-form-media:has(.zylo-form-media__input[aria-invalid=true]) .zylo-form-media__add{border-color:#b15b4d}
@keyframes zylo-form-media-wait{from{opacity:1}to{opacity:.45}}
@media(hover:hover){:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add:not(.is-disabled):hover{border-color:#9b755d;background:#f5eee8}:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__remove:not(:disabled):hover{background:#f6f0eb}}
@media(prefers-reduced-motion:reduce){:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__item.is-processing .zylo-form-media__thumb{animation:none;opacity:.6}:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add{transition:none}}
@media(forced-colors:active){:is(#zylo-page,body) .zylo-form-panel .zylo-form-media__add{border-style:solid}}