#contacts-panel { --seller-label:400 12px/16px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; --seller-value:400 16px/22px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; --seller-help:400 11px/16px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; }
#contacts-panel[open] { top:var(--contact-panel-top); height:var(--contact-panel-height); overflow:visible; }
.site-header[data-contact-viewport] { top:var(--contact-visual-top,0px); }
#contacts-panel .seller-info-body { display:flex; flex-direction:column; min-height:0; overflow:visible; container-type:size; }
.seller-contact-layout { display:grid; align-content:center; grid-template-rows:max-content; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,60px); width:100%; height:100%; min-height:0; min-width:0; max-width:1120px; margin:0 auto; padding:clamp(8px,2cqh,20px) 6px; }
.seller-contact-intro { display:flex; flex-direction:column; min-height:0; min-width:0; gap:clamp(12px,2.5cqh,22px); }
.seller-contact-eyebrow { margin:0 0 clamp(10px,2cqh,18px); font-size:12px; line-height:18px; color:#617575; }
#contacts-title { font-size:clamp(40px,7.6cqh,46px); line-height:1.05; letter-spacing:-1px; font-weight:550; margin:0; }
#contacts-title>span { display:block; white-space:normal; }
#contacts-title .contact-peach-dot { color:#efc39f; }
.seller-contact-description { margin:0; max-width:510px; font-size:clamp(16px,2.7cqh,18px); line-height:1.5; color:#45675e; }
.seller-contact-description strong { color:#164e55; font-weight:600; }
.contact-copy-details { display:flex; flex-direction:column; justify-content:flex-start; flex:none; min-height:0; gap:18px; }
.seller-contact-benefits { display:grid; gap:10px; margin:0; }
.seller-contact-benefits>div { position:relative; padding-left:16px; line-height:22px; }
.seller-contact-benefits>div::before { content:""; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:2px; background:#428578; }
.seller-contact-benefits dt { display:inline; font-size:15px; line-height:22px; font-weight:600; margin:0 8px 0 0; color:#164e55; }
.seller-contact-benefits dd { display:inline; font-size:14px; line-height:22px; color:#45675e; margin:0; }
.seller-contact-footer .seller-contact-links { display:flex; flex-wrap:wrap; gap:8px; padding:2px; }
#contacts-panel .seller-contact-footer .seller-social-block { display:inline-flex; position:relative; flex:0 0 36px; align-items:center; justify-content:center; width:36px; height:36px; min-height:36px; padding:0; border:1px solid #b9cdc2; border-radius:8px; color:#315f5b; background:#fffefa; }
#contacts-panel .seller-social-block::before { content:""; position:absolute; inset:-3px; border-radius:10px; }
#contacts-panel .seller-contact-footer .seller-social-block>svg { width:18px; height:18px; }
#contacts-panel a.seller-social-block:hover { background:#e8f0e6; border-color:#6fa18f; }
.seller-company { margin-top:12px; padding-top:12px; font-size:12px; line-height:18px; }
.seller-callback-form { display:flex; flex-direction:column; align-self:start; min-height:0; min-width:0; gap:clamp(10px,2cqh,16px); }
#callback-form-title { font-size:26px; line-height:32px; letter-spacing:-.6px; font-weight:550; margin:0 0 2px; }
.callback-field { display:flex; flex-direction:column; gap:6px; font-size:12px; line-height:16px; margin:0; }
.callback-field input,.callback-field textarea { display:block; box-sizing:border-box; width:100%; min-width:0; margin:0; border:1px solid #d6e1d6; border-radius:12px; background:#fffefa; color:#173e44; font:400 16px/22px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; padding:11px 12px; }
.callback-field input { height:46px; }
.callback-field textarea { height:clamp(60px,14cqh,100px); min-height:0; resize:none; }
.callback-question-field { position:relative; }
.callback-optional { position:absolute; right:0; top:0; color:#75897d; font-size:11px; }
.callback-field input[aria-invalid=true] { border-color:#b85b50; background:#fff0eb; }
.callback-actions { min-height:80px; }
#callback-submit,#callback-question-done { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:46px; border:1px solid #205e66; border-radius:12px; padding:0 16px; font-size:15px; color:#fffefa; background:#205e66; }
#callback-submit:disabled { opacity:.65; cursor:wait; }
.callback-confirmation { min-height:80px; display:flex; align-items:center; gap:12px; border:1px solid #a8cbbb; border-radius:12px; padding:10px 12px; background:#e8f0e6; color:#205e66; }
.callback-confirmation>svg { width:24px; height:24px; flex:none; }
.callback-confirmation strong { display:block; font-size:16px; line-height:22px; font-weight:600; }
.callback-confirmation p { margin:4px 0 0; font-size:13px; line-height:18px; }
#callback-save-error { margin:0; color:#a2463c; font-size:13px; line-height:18px; }
#callback-save-error:empty { display:none; }
.callback-sr,#contacts-panel .seller-phone-error { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.contact-mode-tabs { display:flex; gap:4px; flex:none; padding:3px; border:1px solid #d6e1d6; border-radius:12px; background:#eef1e8; }
.contact-mode-tabs button { flex:1; min-height:34px; border:0; border-radius:8px; color:#617575; background:transparent; font-size:14px; }
.contact-mode-tabs button[aria-selected=true] { background:#fffefa; color:#164e55; box-shadow:0 1px 4px #164e5510; }
.contact-info-paging { display:flex; justify-content:space-between; align-items:center; flex:none; gap:8px; margin-top:auto; padding-top:12px; }
.contact-info-paging button,.contact-question-toggle,.contact-field-steps button { min-height:40px; border:1px solid #c6d8cb; border-radius:10px; padding:0 12px; font-size:14px; color:#205e66; background:#fffefa; }
.contact-info-paging button:disabled { color:#8a9990; background:#eef1e8; cursor:default; }
#contact-info-counter { font-size:12px; color:#617575; white-space:nowrap; }
.contact-field-steps { display:flex; gap:6px; }
.contact-field-steps button { flex:1; min-width:0; padding:0 8px; }
.contact-field-steps button[aria-pressed=true] { border-color:#428578; background:#e8f0e6; }
#contacts-panel [hidden] { display:none!important; }
#contacts-panel[data-contact-compact=true] .seller-info-body { gap:10px; }
#contacts-panel[data-contact-compact=true] .seller-contact-layout { display:block; flex:1; height:auto; max-width:620px; padding:0 2px 4px; }
#contacts-panel[data-contact-compact=true] .seller-callback-form { height:100%; width:100%; gap:12px; }
#contacts-panel[data-contact-compact=true] #callback-form-title { font-size:24px; line-height:29px; margin:0; }
#contacts-panel[data-contact-compact=true] .callback-question-field { display:none; }
#contacts-panel[data-contact-compact=true] .callback-actions { margin-top:4px; min-height:88px; }
#contacts-panel[data-contact-compact=true] .callback-confirmation { min-height:88px; gap:10px; padding:10px; }
#contacts-panel[data-contact-compact=true] .callback-confirmation>svg { width:20px; height:20px; }
#contacts-panel[data-contact-compact=true] .callback-confirmation strong { font-size:15px; line-height:20px; }
#contacts-panel[data-contact-compact=true] .seller-contact-intro { height:100%; gap:16px; }
#contacts-panel[data-contact-compact=true] #contacts-title { font-size:30px; line-height:1.08; }
#contacts-panel[data-contact-compact=true] .seller-contact-eyebrow { margin-bottom:14px; }
#contacts-panel[data-contact-compact=true] .seller-contact-description { font-size:16px; line-height:24px; }
#contacts-panel[data-contact-compact=true] .contact-copy-details { flex:1; min-height:0; justify-content:space-between; }
#contacts-panel[data-contact-view=question] #callback-form-title,#contacts-panel[data-contact-view=question] .callback-name-field,#contacts-panel[data-contact-view=question] #callback-phone-mount,#contacts-panel[data-contact-view=question] #callback-edit-question,#contacts-panel[data-contact-view=question] .callback-actions,#contacts-panel[data-contact-view=question] #callback-save-error { display:none; }
#contacts-panel[data-contact-view=question] .callback-question-field { display:flex; flex:1; min-height:0; font-size:20px; line-height:26px; }
#contacts-panel[data-contact-view=question] .callback-question-field textarea { height:auto; flex:1; min-height:60px; }
#contacts-panel[data-contact-view=question] #callback-question-done { flex:none; justify-content:center; }
#contacts-panel[data-contact-tight=true][data-contact-view=form] #callback-form-title,#contacts-panel[data-contact-tight=true][data-contact-view=form] #callback-edit-question { display:none; }
#contacts-panel[data-contact-tight=true][data-contact-field=name] #callback-phone-mount,#contacts-panel[data-contact-tight=true][data-contact-field=phone] .callback-name-field { display:none; }
#contacts-panel[data-contact-tight=true] .callback-actions { min-height:46px; }
#contacts-panel[data-contact-tight=true][data-callback-sent=true] .callback-name-field,#contacts-panel[data-contact-tight=true][data-callback-sent=true] #callback-phone-mount { display:none; }
#contacts-panel[data-contact-accessible-scroll] .seller-info-body { overflow:auto; container-type:normal; }
#contacts-panel[data-contact-accessible-scroll] .seller-contact-layout { min-height:max-content; height:auto; flex:none; }
#contacts-panel[data-contact-accessible-scroll] .seller-callback-form,#contacts-panel[data-contact-accessible-scroll] .seller-contact-intro { height:auto; min-height:max-content; }
@media(min-width:600px) {
  #contacts-panel[data-contact-compact=true] .seller-callback-form { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto minmax(0,1fr); gap:6px 18px; align-items:start; }
  #contacts-panel[data-contact-compact=true] #callback-form-title { grid-column:1/-1; font-size:22px; line-height:24px; }
  #contacts-panel[data-contact-compact=true] .callback-name-field { grid-column:1; }
  #contacts-panel[data-contact-compact=true] #callback-phone-mount { grid-column:2; }
  #contacts-panel[data-contact-compact=true] #callback-edit-question { grid-column:1; align-self:start; }
  #contacts-panel[data-contact-compact=true] .callback-actions { grid-column:2; align-self:start; margin:0; }
  #contacts-panel[data-contact-compact=true] #callback-save-error { grid-column:1/-1; }
  #contacts-panel[data-contact-view=question] .seller-callback-form { display:flex; }

}
#contacts-panel .seller-phone-field{display:flex;flex-direction:column;gap:8px;min-width:0}
#contacts-panel .seller-phone-field>label{font:var(--seller-label)}
#contacts-panel .seller-phone-composite{display:flex;align-items:center;box-sizing:border-box;width:100%;height:46px;min-height:46px;border:1px solid #d6e1d6;border-radius:12px;background:#fffefa;min-width:0}
#contacts-panel .seller-phone-composite:focus-within{border-color:#428578;outline:2px solid #daae85;outline-offset:2px}
#contacts-panel #callback-seller-phone-country{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;height:44px;min-height:0;padding:0 10px;border:0;border-right:1px solid #dce5df;border-radius:11px 0 0 11px;background:transparent;color:#143e46;font:var(--seller-value);white-space:nowrap;outline:none;box-shadow:none}
#contacts-panel #callback-seller-phone-country svg{display:block;width:16px;height:16px;flex:none}
#contacts-panel #callback-seller-phone-local,#contacts-panel #callback-seller-phone-local:focus,#contacts-panel #callback-seller-phone-local:focus-visible{box-sizing:border-box;display:block;flex:1;width:0;min-width:0;height:44px;min-height:0;margin:0;padding:11px 12px;border:0;border-radius:0;background:transparent;outline:none;box-shadow:none;color:#143e46;font:var(--seller-value)}
#contacts-panel #callback-seller-phone-composite[aria-invalid=true]{border-color:#b85b50;background:#fff0eb}
#contacts-panel #callback-seller-phone-composite[aria-invalid=true]:focus-within{outline-color:#b85b50}
#contacts-panel .seller-phone-error{margin:0;color:#a2463c;font:var(--seller-help)}
#contacts-panel .seller-phone-error:empty{display:none}


#seller-callback-form:has(#callback-save-error:not(:empty)) #callback-edit-question { display:none; }
@media(min-width:600px) { #contacts-panel[data-contact-compact=true] #callback-save-error { grid-column:1; grid-row:3; } #contacts-panel[data-contact-compact=true] .callback-actions { grid-row:3; } }

.contact-mini-info { display:none; }
#contacts-panel[data-contact-tight=true] .seller-callback-form { gap:4px; }
#contacts-panel[data-contact-tight=true] .callback-actions { margin-top:0; }
#contacts-panel[data-contact-tight=true] #callback-submit { min-height:44px; }
#contacts-panel[data-contact-mini=true]:not([data-contact-view=info]) .contact-mode-tabs { display:none; }
#contacts-panel[data-contact-mini=true]:not([data-contact-view=info]) .seller-info-body { gap:0; }
#contacts-panel[data-contact-mini=true] .contact-mini-info { display:block; flex:0 0 40px; padding:0; font-size:20px; }
#contacts-panel[data-contact-mini=true] .contact-field-steps { gap:4px; }
#contacts-panel[data-contact-mini=true] .contact-field-steps button { padding:0 4px; }
#contacts-panel[data-contact-mini=true] .callback-name-field { font-size:0; line-height:0; gap:0; }
#contacts-panel[data-contact-mini=true] .seller-phone-field>label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#contacts-panel[data-contact-mini=true] .seller-phone-field { gap:0; }
#contacts-panel[data-contact-mini=true][data-contact-view=question] .callback-question-field { font-size:18px; line-height:22px; gap:4px; }
#contacts-panel[data-contact-mini=true][data-contact-view=question] textarea { min-height:44px; }
#contacts-panel[data-contact-mini=true] #callback-question-done { min-height:44px; }
#contacts-panel[data-contact-mini=true][data-callback-sent=true] .contact-mode-tabs { display:flex; }
#contacts-panel[data-contact-mini=true][data-callback-sent=true] .seller-info-body { gap:10px; }

#contacts-panel[data-contact-compact=true] .contact-copy-details { justify-content:flex-start; gap:18px; }
#contacts-panel[data-contact-compact=true] .seller-contact-benefits { gap:14px; }
#contacts-panel[data-contact-compact=true] .seller-contact-benefits dt { display:block; font-size:16px; line-height:23px; margin:0 0 4px; }
#contacts-panel[data-contact-compact=true] .seller-contact-benefits dd { display:block; font-size:14px; line-height:21px; }
@media(max-height:440px) and (min-width:600px) {
  #contacts-panel[data-contact-compact=true] .contact-copy-details { gap:12px; }
  #contacts-panel[data-contact-compact=true] .seller-contact-benefits { gap:6px; }
  #contacts-panel[data-contact-compact=true] .seller-contact-benefits dt { display:inline; font-size:14px; line-height:20px; margin-right:8px; }
  #contacts-panel[data-contact-compact=true] .seller-contact-benefits dd { display:inline; font-size:13px; line-height:20px; }
  #contacts-panel[data-contact-compact=true] .seller-contact-benefits>div { line-height:20px; }
}
