@import url('../../account/stylesheet/stylesheet.css?v=11.1');

.designer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.designer-hero{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(560px,1.28fr);align-items:center;gap:28px;padding:25px 28px;border-radius:21px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px #1720330b;margin-bottom:18px}.designer-hero .tabs{margin:0}.designer-status-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px}.designer-welcome{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:24px}.designer-welcome img{width:150px;height:150px;object-fit:cover;border-radius:22px;border:1px solid var(--line)}.advertising-card pre{max-height:180px;overflow:auto;padding:14px;border-radius:12px;background:#f6f8fc;white-space:pre-wrap;font:inherit}.designer-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.designer-kpis a{text-decoration:none;color:inherit}.designer-kpis span{display:block;color:var(--muted)}.designer-kpis strong{display:block;margin-top:10px;color:#1d347d;font-size:31px}.designer-two-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px}.designer-form{display:grid;gap:14px}.designer-form label{display:grid;gap:7px;color:#35415a;font-size:12px;font-weight:800}.designer-form input,.designer-form textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:inherit}.designer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.designer-fields .full{grid-column:1/-1}.profile-avatar-row{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:17px}.profile-avatar-row img{width:110px;height:110px;object-fit:cover;border-radius:18px}.portfolio-layout{grid-template-columns:340px minmax(0,1fr);align-items:start}.portfolio-upload{position:sticky;top:12px}.designer-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.designer-work-grid article{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#f8faff}.designer-work-grid img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.designer-work-grid article>div{padding:12px}.designer-work-grid p{color:var(--muted);font-size:12px;line-height:1.45}.designer-chat-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;min-height:640px}.chat-list{padding:14px}.chat-list h2{padding:0 6px}.chat-list>a{position:relative;display:grid;gap:4px;padding:13px;margin-top:7px;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none}.chat-list>a.active{border-color:#8292e3;background:#f0f3ff}.chat-list>a span,.chat-list>a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list>a span{color:#4153b6;font-size:11px;font-weight:850}.chat-list>a small{color:var(--muted)}.chat-list>a b{position:absolute;top:10px;right:10px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#1d4ed8;color:#fff;font-size:10px}.live-chat{display:grid;grid-template-rows:auto auto minmax(300px,1fr) auto;min-width:0;padding:0;overflow:hidden}.live-chat>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 21px;border-bottom:1px solid var(--line)}.live-chat>header h2{margin:3px 0}.live-chat>header p{margin:0;color:var(--muted)}.live-indicator{display:inline-flex;align-items:center;gap:7px;color:#087455;font-size:11px;font-weight:900}.live-indicator i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #10b9811f}.chat-policy{padding:10px 18px;border-bottom:1px solid #f2d398;background:#fff8e8;color:#76551c;font-size:11px;line-height:1.45}.chat-messages{display:flex;flex-direction:column;gap:9px;overflow:auto;padding:20px;background:#f7f9fd}.chat-message{display:grid;gap:5px;max-width:min(74%,680px);padding:11px 13px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.own{align-self:flex-end;border-color:#4153b6;background:linear-gradient(135deg,#4153b6,#1d4ed8);color:#fff;border-radius:14px 14px 4px 14px}.chat-message time{font-size:9px;opacity:.68}.live-chat>form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border-top:1px solid var(--line);background:#fff}.live-chat>form textarea{min-height:52px;max-height:150px;padding:12px;border:1px solid var(--line);border-radius:12px;resize:vertical;font:inherit}.live-chat>form .btn{align-self:end;margin:0}.designer-auth{min-height:100vh;background:radial-gradient(circle at 10% 0,#dfe7ff,transparent 32%),#f6f8fc}.designer-auth-shell{width:min(1380px,calc(100% - 32px));margin:auto;padding:18px 0 40px}.designer-auth-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.designer-auth-panel{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(560px,1.3fr);overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 30px 80px #17203318}.designer-auth-intro{padding:clamp(32px,5vw,68px);color:#fff;background:radial-gradient(circle at 100% 0,#8191ea4d,transparent 34%),linear-gradient(145deg,#26377c,#1d4ed8)}.designer-auth-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.04}.designer-auth-intro p{color:#dce4ff;line-height:1.65}.designer-auth-benefits{display:grid;gap:10px;margin-top:32px}.designer-auth-benefits span{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff24;border-radius:12px}.designer-auth-forms{padding:clamp(28px,4vw,52px)}.designer-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;margin-bottom:22px;border-radius:13px;background:#f0f3f9}.designer-auth-tabs button{padding:11px;border:0;border-radius:9px;background:transparent;color:#52617b;font-weight:850;cursor:pointer}.designer-auth-tabs button.active{background:#fff;color:#3149b5;box-shadow:0 5px 15px #17203312}.designer-registration{max-height:68vh;overflow:auto;padding-right:6px}.designer-reset{margin-top:15px}.designer-reset form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.status.warning{background:#fff8e8;color:#8a5a09}.status.success{background:#ecfdf5;color:#087455}
@media(max-width:1050px){.designer-hero{grid-template-columns:1fr}.designer-status-grid,.designer-two-columns,.portfolio-layout{grid-template-columns:1fr}.portfolio-upload{position:static}.designer-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-auth-panel{grid-template-columns:1fr}.designer-chat-shell{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:760px){.designer-top{align-items:flex-start;flex-direction:column}.designer-top .top-actions{width:100%;justify-content:flex-start}.designer-hero{padding:20px}.designer-kpis{grid-template-columns:1fr}.designer-chat-shell{grid-template-columns:1fr;min-height:0}.chat-list{max-height:300px;overflow:auto}.live-chat{min-height:600px}.designer-auth-shell{width:min(100% - 20px,1380px)}.designer-auth-intro{padding:28px}.designer-fields{grid-template-columns:1fr}.designer-fields .full{grid-column:1}.designer-registration{max-height:none}.designer-work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.designer-welcome{grid-template-columns:1fr}.designer-welcome img{grid-row:1}.designer-work-grid{grid-template-columns:1fr}.live-chat>form{grid-template-columns:1fr}.live-chat>form .btn{width:100%}.chat-message{max-width:88%}.designer-auth-panel{border-radius:20px}.designer-auth-intro,.designer-auth-forms{padding:22px}.designer-reset form{grid-template-columns:1fr}.profile-avatar-row{grid-template-columns:1fr}.designer-top{display:grid;gap:12px}.designer-top .top-actions{display:grid;grid-template-columns:1fr 1fr}.designer-hero .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Unified designer interface — v10.36 */
.designer-auth-shell{display:grid;grid-template-rows:auto 1fr;width:100%;min-height:100vh;margin:0;padding:22px 24px 34px}.designer-auth-top{width:min(1040px,100%);min-height:58px;margin:0 auto 18px}.designer-auth-panel{align-self:center;grid-template-columns:minmax(360px,.88fr) minmax(390px,1.12fr);width:min(1040px,100%);min-height:590px;margin:0 auto;border-radius:28px}.designer-auth-intro{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,64px)}.designer-auth-forms{align-self:stretch;display:flex;min-width:0;flex-direction:column;justify-content:center;max-height:590px;padding:clamp(30px,5vw,58px)}.designer-auth-forms>[data-auth-panel=register]{min-height:0;overflow:hidden}.designer-registration{max-height:440px;padding:2px 8px 3px 1px;overflow-y:auto}.designer-form input,.designer-form textarea,.designer-form .btn,.designer-reset input,.designer-reset button{min-height:48px;margin:0}.designer-form .btn{width:100%}.designer-form .check{display:flex;align-items:flex-start;gap:10px}.designer-form .check input{flex:0 0 19px;width:19px;min-height:19px;height:19px;margin:1px 0 0}.designer-form .check span{line-height:1.45}.designer-auth-tabs button{min-height:42px}.designer-chat-shell{grid-template-columns:300px minmax(0,1fr);min-height:680px}.chat-list-head{padding:4px 5px 10px}.chat-list>a{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:11px}.chat-list-copy{display:grid!important;min-width:0;gap:3px}.chat-list-copy strong,.chat-list-copy em,.chat-list-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-copy em{color:#4153b6;font-size:10px;font-style:normal;font-weight:850}.live-chat{grid-template-rows:auto auto auto minmax(300px,1fr) auto}.live-chat>header{align-items:center}.live-chat>form[data-chat-form]{grid-template-columns:minmax(0,1fr) 150px;align-items:stretch}.live-chat>form[data-chat-form]>.btn{align-self:stretch;min-height:64px}.advertising-card{display:grid;align-content:start;gap:13px}.advertising-identifier{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px;border:1px solid #cbd5ff;border-radius:14px;background:#f5f7ff}.advertising-identifier span{color:var(--muted);font-size:10px;font-weight:850}.advertising-identifier strong{color:#243777;font-size:22px;letter-spacing:.09em}.copy-identifier{min-height:40px;padding:0 12px;border:1px solid #bcc8f2;border-radius:10px;background:#fff;color:#3149b5;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.advertising-purpose{margin:0;padding:12px 14px;border-left:4px solid #1d4ed8;border-radius:0 12px 12px 0;background:#eef4ff;color:#263652;font-size:12px;line-height:1.55}.payment-details{max-height:160px;overflow:auto;padding:13px;border-radius:12px;background:#f6f8fc;color:#35415a;font-size:11px;line-height:1.55}
@media(max-width:900px){.designer-auth-panel{grid-template-columns:1fr;min-height:0}.designer-auth-intro{padding:30px}.designer-auth-forms{max-height:none;padding:34px}.designer-registration{max-height:none}.designer-chat-shell{grid-template-columns:270px minmax(0,1fr)}}@media(max-width:760px){.designer-auth-shell{padding:14px}.designer-chat-shell{grid-template-columns:1fr}.advertising-identifier{grid-template-columns:1fr auto}.advertising-identifier span{grid-column:1/-1}}@media(max-width:560px){.designer-auth-panel{border-radius:20px}.designer-auth-intro,.designer-auth-forms{padding:23px 20px}.designer-auth-benefits{margin-top:20px}.designer-fields{grid-template-columns:1fr}.live-chat>form[data-chat-form]{grid-template-columns:1fr}.advertising-identifier{grid-template-columns:1fr}.copy-identifier{width:100%}.designer-top .top-actions{grid-template-columns:46px 1fr}.designer-top .top-actions .designer-locale-switcher{grid-column:1/-1}.designer-top .top-actions>a:last-child{grid-column:1/-1}}

/* Designer authentication and messenger polish — v10.36 */
.designer-auth-top{justify-content:flex-start}.designer-auth-top>.button{display:none!important}.designer-auth-panel{height:590px;min-height:590px}.designer-auth-forms{height:590px;max-height:none;justify-content:flex-start}.designer-auth-forms>[data-auth-panel]:not([hidden]){display:flex;min-height:0;flex:1;flex-direction:column}.designer-auth-forms>[data-auth-panel=login]:not([hidden]){justify-content:center}.designer-auth-forms>[data-auth-panel=register]:not([hidden]){overflow:hidden}.designer-auth-forms>[data-auth-panel=register]>h2{margin:0 0 7px}.designer-auth-forms>[data-auth-panel=register]>.meta{margin:0 0 14px}.designer-registration{display:grid;min-height:0;max-height:none;flex:1;align-content:start;padding:3px 9px 14px 1px;overflow-y:auto;scrollbar-gutter:stable}.designer-registration::-webkit-scrollbar{width:7px}.designer-registration::-webkit-scrollbar-thumb{border-radius:999px;background:#aab4c8}.designer-reset{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.designer-reset>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 13px;border:1px solid #dce3f1;border-radius:12px;background:#f8faff;color:#34415d;font-size:12px;font-weight:850;list-style:none;cursor:pointer;transition:border-color .16s ease,background .16s ease}.designer-reset>summary::-webkit-details-marker{display:none}.designer-reset>summary:before{content:'?';display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e9eeff;color:#3149b5;font-size:13px;font-weight:950}.designer-reset>summary:after{content:'›';margin-left:auto;color:#71809b;font-size:22px;line-height:1;transition:transform .18s ease}.designer-reset[open]>summary{border-color:#aebbf0;background:#f3f6ff}.designer-reset[open]>summary:after{transform:rotate(90deg)}.designer-reset form{grid-template-columns:1fr;gap:10px;margin-top:12px;padding:13px;border:1px solid #dfe5f1;border-radius:13px;background:#fbfcff}.designer-reset input,.designer-reset button{width:100%;min-height:50px}.designer-reset input{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.designer-reset button{border:0;background:linear-gradient(135deg,#4153b6,#1d4ed8)!important;color:#fff!important;box-shadow:0 8px 20px #1d4ed822}.designer-chat-shell{grid-template-columns:330px minmax(0,1fr);gap:12px;min-height:720px}.designer-chat-shell .chat-rating-panel>summary{letter-spacing:.01em}.designer-chat-shell .chat-rating-panel[open]{box-shadow:0 10px 25px #1720330d}.designer-chat-shell .chat-rating-panel>form{align-items:center}.designer-chat-shell .chat-rating-panel textarea{padding:11px 13px;border-color:#d5ddec}.designer-chat-shell .chat-rating-panel button{border-radius:11px;font-weight:900;box-shadow:0 8px 18px #1d4ed81e}
@media(max-width:1050px){.designer-chat-shell{grid-template-columns:285px minmax(0,1fr)}}
@media(max-width:900px){.designer-auth-panel{height:auto;min-height:0}.designer-auth-forms{height:auto;max-height:none}.designer-auth-forms>[data-auth-panel]:not([hidden]){flex:0 0 auto}.designer-registration{max-height:none;overflow:visible}.designer-chat-shell{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:820px){.designer-chat-shell{grid-template-columns:1fr;min-height:0}}
@media(max-width:560px){.designer-auth-top{min-height:46px;margin-bottom:10px}.designer-reset form{padding:10px}.designer-chat-shell{padding:6px}}

/* Larger designer access and compact dashboard — v10.36 */
.designer-auth-top{width:min(1220px,100%)}.designer-auth-panel{grid-template-columns:minmax(410px,.85fr) minmax(560px,1.15fr);width:min(1220px,100%);height:700px;min-height:700px}.designer-auth-forms{height:700px;padding:42px 54px}.designer-auth-intro{padding:52px 64px}.designer-auth-intro h1{max-width:460px}.designer-auth-benefits{margin-top:34px}.designer-auth-forms>[data-auth-panel=login]:not([hidden]){justify-content:center}.designer-auth-forms>[data-auth-panel=login]>h2{margin:0 0 8px}.designer-reset form{padding:12px}.designer-status-grid{grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);align-items:stretch}.designer-profile-column{display:grid;grid-template-rows:auto auto;align-content:start;gap:14px;min-width:0}.designer-profile-column .designer-welcome{grid-template-columns:minmax(0,1fr) 118px;min-height:210px;padding:22px}.designer-profile-column .designer-welcome img{width:118px;height:148px}.designer-profile-column .designer-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.designer-profile-column .designer-kpis .card{min-width:0;padding:14px 12px}.designer-profile-column .designer-kpis span{min-height:30px;font-size:10px;line-height:1.35}.designer-profile-column .designer-kpis strong{margin-top:7px;font-size:24px}.designer-status-grid>.advertising-card{min-width:0;height:100%}
@media(max-width:1050px){.designer-status-grid{grid-template-columns:1fr}.designer-profile-column .designer-welcome{min-height:0}.designer-auth-panel{grid-template-columns:minmax(340px,.8fr) minmax(470px,1.2fr)}}
@media(max-width:900px){.designer-auth-panel{grid-template-columns:1fr;width:min(720px,100%);height:auto;min-height:0}.designer-auth-intro{padding:34px}.designer-auth-forms{height:auto;padding:36px}.designer-profile-column .designer-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.designer-profile-column .designer-welcome{grid-template-columns:1fr}.designer-profile-column .designer-welcome img{grid-row:1;width:96px;height:110px}.designer-profile-column .designer-kpis{grid-template-columns:1fr}.designer-profile-column .designer-kpis span{min-height:0}.designer-auth-forms{padding:27px 21px}}
.designer-auth-forms>[data-auth-panel=login]:not([hidden]){justify-content:flex-start;padding-top:8px}.designer-auth-tabs{flex:0 0 auto}.designer-profile-column .designer-welcome img{background:linear-gradient(145deg,#e7ecff,#f4f7ff);font-size:0}
.designer-chat-shell .chat-rating-panel{width:calc(100% - 28px);margin:10px auto 0}.designer-chat-shell .chat-rating-panel>form{grid-template-columns:minmax(150px,180px) minmax(210px,1fr) 145px}@media(max-width:820px){.designer-chat-shell .chat-rating-panel{width:calc(100% - 16px);margin-top:8px}.designer-chat-shell .chat-rating-panel>form{grid-template-columns:1fr}}
.designer-chat-shell .live-chat{grid-template-rows:auto auto auto auto minmax(330px,1fr) auto}.designer-chat-shell .chat-rating-panel{align-self:start;min-height:0;height:auto}.designer-chat-shell .chat-rating-panel textarea{height:54px;min-height:54px}.designer-chat-shell .chat-rating-saved{align-self:start}

/* v10.62 designer security */
.security-sections{display:grid;gap:18px}.security-card{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(320px,1.3fr);gap:28px;align-items:start}.security-intro{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #e0e6f2;border-radius:15px;background:#f8faff}.security-intro h2{margin:3px 0 8px}.security-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--blue));color:#fff;font-size:21px}.security-form{display:grid;gap:13px}.security-form label{margin:0}.password-strength{margin-top:9px}.password-strength-track{height:8px;overflow:hidden;border-radius:999px;background:#e5e9f1}.password-strength-bar{display:block;width:0;height:100%;border-radius:inherit;background:#dc2626;transition:.2s}.password-strength-text{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:11px;color:var(--muted)}.two-factor-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 32px #1720330a}.two-factor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.two-factor-head h2{margin:0 0 6px}.two-factor-status{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#3547a2;font-size:11px;font-weight:900;white-space:nowrap}.two-factor-status.enabled{background:#ecfdf5;color:#087455}.two-factor-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.two-factor-option{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8faff}.two-factor-option input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0}.two-factor-option strong,.two-factor-option span{display:block}.two-factor-option span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.two-factor-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.two-factor-actions label{flex:1 1 240px;margin:0}.two-factor-actions .btn{margin:0!important}.authenticator-setup{padding:18px;margin-top:16px;border:1px solid #cfd7ff;border-radius:15px;background:#f4f6ff}.authenticator-setup-head h3{margin:0 0 7px}.authenticator-setup-grid{display:grid;grid-template-columns:260px minmax(280px,1fr);align-items:center;gap:24px;margin-top:17px}.authenticator-qr{display:grid;place-items:center;width:260px;min-height:260px;padding:10px;border:1px solid #d4dcf3;border-radius:18px;background:#fff}.authenticator-qr svg{display:block;width:240px;height:240px;max-width:100%}.two-factor-confirm-form{display:grid;gap:14px;align-content:center}.two-factor-confirm-form input,.verification-input{font-size:20px!important;font-weight:850;letter-spacing:.18em}.two-factor-login{text-align:center}.two-factor-symbol{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border:1px solid #cbd5ff;border-radius:17px;background:#eef2ff;color:#3149b5;font-size:22px}.designer-auth-cancel{display:block;margin-top:14px;text-align:center;color:var(--muted);font-size:12px}.compact-form{margin-top:10px}.compact-form .button{width:100%;justify-content:center}@media(max-width:800px){.security-card{grid-template-columns:1fr}.authenticator-setup-grid{grid-template-columns:1fr}.authenticator-qr{width:min(260px,100%);margin:auto}.two-factor-head{flex-direction:column}.two-factor-options{grid-template-columns:1fr}.two-factor-actions{display:grid}.two-factor-actions label{width:100%}.two-factor-confirm-form .btn{width:100%}}


/* v10.62 — compact language / currency controls */
.top-brand-tools{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.top-brand-tools>a{display:flex;align-items:center;flex:0 0 auto}
.locale-tools{
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#f7f9ff;
  box-shadow:0 5px 14px rgba(25,43,91,.05);
}
.locale-tool{
  position:relative;
  display:flex;
  align-items:center;
  height:34px;
  margin:0;
  border-radius:9px;
  background:transparent;
  color:#263b91;
}
.locale-tool + .locale-tool:before{
  content:"";
  position:absolute;
  left:-2px;
  top:8px;
  width:1px;
  height:18px;
  background:var(--line);
}
.locale-tool-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  margin-left:3px;
  pointer-events:none;
}
.locale-tool-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.locale-tool-currency-symbol{
  display:grid;
  place-items:center;
  min-width:24px;
  height:28px;
  margin-left:4px;
  font-size:12px;
  font-weight:900;
  color:#5365ba;
  pointer-events:none;
}
.locale-tools .locale-tool select{
  height:34px!important;
  margin:0!important;
  padding:0 27px 0 2px!important;
  border:0!important;
  outline:0!important;
  border-radius:9px!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:#243a91!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer;
}
.locale-tools .locale-tool-language select{width:118px;max-width:118px!important}
.locale-tools .locale-tool-currency select{width:68px;max-width:68px!important}
.locale-tools .locale-tool:hover{background:#fff}
.locale-tools .locale-tool:focus-within{
  background:#fff;
  box-shadow:0 0 0 2px rgba(65,83,182,.12);
}
@media(max-width:760px){
  .top-brand-tools{width:100%;justify-content:space-between;gap:10px}
  .locale-tools{margin-left:auto}
  .locale-tools .locale-tool-language select{width:82px;max-width:82px!important}
  .top-actions{width:100%}
}
@media(max-width:430px){
  .locale-tool-icon{display:none}
  .locale-tools .locale-tool-language select{width:72px;max-width:72px!important;padding-left:7px!important}
  .locale-tool-currency-symbol{display:none}
  .locale-tools .locale-tool-currency select{width:62px;max-width:62px!important;padding-left:7px!important}
}


.chat-load-error{margin:auto;padding:14px 16px;border:1px solid #fecaca;border-radius:12px;background:#fff7f7;color:#b42335;font-size:12px;font-weight:700;text-align:center}
.chat-payment-unavailable{display:block;padding:10px 12px;border-radius:10px;background:#fff3f3;color:#b42335;font-size:11px;font-weight:700;line-height:1.45}

/* v11 — country / language / currency switcher */
.locale-country-switcher{
  position:relative;display:grid;grid-template-columns:40px minmax(112px,1fr) 18px;
  align-items:center;gap:8px;min-width:220px;height:62px;padding:7px 12px;
  border:1px solid #e6e8ee;border-radius:18px;background:#fff;
  box-shadow:0 8px 22px rgba(31,45,86,.055);color:#111827;
}
.locale-country-flag{display:grid;place-items:center;width:36px;height:36px;font-size:28px;line-height:1}
.locale-country-copy{display:grid;gap:3px;min-width:0;pointer-events:none}
.locale-country-copy strong{overflow:hidden;color:#111827;font-size:12px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.locale-country-copy small{overflow:hidden;color:#9aa1af;font-size:10px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.locale-country-switcher>select{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;border:0!important;opacity:0!important;cursor:pointer!important;
}
.locale-country-chevron{color:#8d95a4;font-size:15px;font-weight:900;pointer-events:none}
.locale-country-switcher:focus-within{border-color:#cbd3f6;box-shadow:0 0 0 3px rgba(65,83,182,.09),0 8px 22px rgba(31,45,86,.055)}
@media(max-width:620px){
 .locale-country-switcher{min-width:190px;height:56px;grid-template-columns:34px minmax(100px,1fr) 15px;padding:6px 10px;border-radius:16px}
 .locale-country-flag{width:32px;height:32px;font-size:24px}
 .locale-country-copy strong{font-size:11px}.locale-country-copy small{font-size:9px}
}

/* v11 — custom language picker, no native dropdown */
.locale-picker-host{position:relative;z-index:80}
.locale-picker{
  position:relative;display:block;width:218px;margin:0;z-index:80;
}
.locale-picker>summary{list-style:none}
.locale-picker>summary::-webkit-details-marker{display:none}
.locale-picker-trigger{
  display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:10px;
  width:100%;min-height:58px;padding:8px 10px;
  border:1px solid #e5e8ef;border-radius:17px;background:#fff;
  box-shadow:0 7px 20px rgba(24,38,78,.055);
  cursor:pointer;user-select:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.locale-picker-trigger:hover{border-color:#d8deeb;box-shadow:0 10px 26px rgba(24,38,78,.085);transform:translateY(-1px)}
.locale-picker[open] .locale-picker-trigger{border-color:#ccd5f4;box-shadow:0 0 0 3px rgba(65,83,182,.08),0 10px 28px rgba(24,38,78,.09)}
.locale-picker-flag,.locale-picker-option-flag{
  display:grid;place-items:center;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#f8fafc;
  box-shadow:0 2px 6px rgba(15,23,42,.08);
}
.locale-picker-flag{width:34px;height:34px;border-radius:50%}
.locale-picker-option-flag{width:34px;height:24px;border-radius:7px}
.locale-picker-flag img,.locale-picker-option-flag img{display:block;width:100%;height:100%;object-fit:cover}
.locale-picker-copy,.locale-picker-option-copy{display:grid;min-width:0;text-align:left}
.locale-picker-copy{gap:4px}
.locale-picker-copy strong{overflow:hidden;color:#172033;font-size:12px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.locale-picker-copy small{overflow:hidden;color:#8a94a6;font-size:10px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.locale-picker-arrow{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#f5f7fb;color:#8791a4;transition:transform .18s ease,background .18s ease}
.locale-picker-arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.locale-picker[open] .locale-picker-arrow{transform:rotate(180deg);background:#eef1ff;color:#4153b6}
.locale-picker-menu{
  position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:3px;width:286px;max-height:360px;padding:8px;
  overflow:auto;border:1px solid #e1e6ef;border-radius:16px;background:#fff;
  box-shadow:0 22px 60px rgba(20,31,62,.17);z-index:999;
}
.locale-picker-menu-head{padding:6px 9px 7px;color:#8b95a7;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.locale-picker-option{
  display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:50px;padding:7px 9px;
  border:0;border-radius:11px;background:transparent;color:inherit;text-decoration:none;cursor:pointer;
  transition:background .16s ease,transform .16s ease;
}
.locale-picker-option:hover{background:#f6f8fd;transform:translateX(1px)}
.locale-picker-option.active{background:#f0f3ff}
.locale-picker-option-copy{gap:3px}
.locale-picker-option-copy strong{overflow:hidden;color:#202b3e;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.locale-picker-option-copy small{overflow:hidden;color:#8c96a8;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.locale-picker-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#4153b6;font-size:10px;font-weight:900}
.locale-picker-option.active .locale-picker-check{background:#dfe5ff}
@media(max-width:620px){
  .locale-picker{width:190px}
  .locale-picker-trigger{grid-template-columns:34px minmax(0,1fr) 22px;min-height:54px;padding:7px 9px;border-radius:15px}
  .locale-picker-flag{width:31px;height:31px}
  .locale-picker-copy strong{font-size:11px}.locale-picker-copy small{font-size:9px}
  .locale-picker-menu{right:0;width:min(286px,calc(100vw - 28px));max-height:330px}
}

/* v11 — compact locale picker without flags */
.locale-picker{width:172px!important}
.locale-picker-trigger{
  grid-template-columns:minmax(0,1fr) 22px!important;
  gap:7px!important;min-height:52px!important;padding:7px 9px 7px 12px!important;
  border-radius:15px!important;
}
.locale-picker-menu{
  width:210px!important;max-height:330px!important;padding:7px!important;border-radius:14px!important;
}
.locale-picker-option{
  grid-template-columns:minmax(0,1fr) 18px!important;
  gap:7px!important;min-height:46px!important;padding:7px 9px!important;
}
.locale-picker-copy strong,.locale-picker-option-copy strong{font-size:11px!important}
.locale-picker-copy small,.locale-picker-option-copy small{font-size:9px!important}
.locale-picker-flag,.locale-picker-option-flag{display:none!important}
@media(max-width:620px){
  .locale-picker{width:164px!important}
  .locale-picker-menu{width:200px!important;max-width:calc(100vw - 24px)!important}
}

/* v11 — locale picker layout lock after dynamic language change */
.site-locale-switcher.locale-picker-host,
.site-header-utilities .site-locale-switcher.locale-picker-host{
  display:block!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  flex:0 0 172px!important;
  gap:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-locale-switcher.locale-picker-host>.locale-picker,
.site-header-utilities .site-locale-switcher.locale-picker-host>.locale-picker{
  display:block!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  margin:0!important;
}
.site-locale-switcher.locale-picker-host .locale-picker-trigger,
.site-header-utilities .site-locale-switcher.locale-picker-host .locale-picker-trigger{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  min-height:52px!important;
  margin:0!important;
  padding:7px 9px 7px 12px!important;
}
.site-locale-switcher.locale-picker-host .locale-picker-copy,
.site-locale-switcher.locale-picker-host .locale-picker-option-copy{
  display:grid!important;
  min-width:0!important;
  width:auto!important;
}
.site-locale-switcher.locale-picker-host .locale-picker-copy strong{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.site-locale-switcher.locale-picker-host .locale-picker-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.site-locale-switcher.locale-picker-host .locale-picker-menu{
  right:0!important;
  left:auto!important;
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
}
.site-locale-switcher.locale-picker-host .locale-picker-option{
  grid-template-columns:minmax(0,1fr) 18px!important;
  width:100%!important;
}
@media(max-width:620px){
  .site-locale-switcher.locale-picker-host,
  .site-header-utilities .site-locale-switcher.locale-picker-host,
  .site-locale-switcher.locale-picker-host>.locale-picker,
  .site-locale-switcher.locale-picker-host .locale-picker-trigger{
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
    flex-basis:164px!important;
  }
  .site-locale-switcher.locale-picker-host .locale-picker-menu{
    width:200px!important;
    min-width:200px!important;
    max-width:min(200px,calc(100vw - 24px))!important;
  }
}
