.login-container,
.form.password.reset,
.form.send.confirmation,
.form.password.forget {
  max-width: 440px;
  width: 100%;
  margin: 6rem auto;
  padding-inline: 1.5rem;          
  font-family: var(--cg-font, "Inter", "Helvetica Neue", sans-serif);
  color: var(--cg-neutral, #4b4f5a);
}


.login-container .fieldset,
.form.password.reset .fieldset,
.form.send.confirmation .fieldset,
.form.password.forget .fieldset {
  background: var(--cg-surfaceA, rgba(255, 255, 255, .72));
  backdrop-filter: blur(10px) saturate(140%);
  border: 1px solid rgba(45, 51, 127, .08);
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .10);
  padding: 2.4rem 2.6rem 2.8rem;
}


.forgot-title,
.login-container h3,
.form.password.reset h3,
.form.password.forget h3 {
  margin: 0 0 1.25rem;
  font: 600 2rem/1 var(--cg-font);
  color: var(--cg-blue, #2d337f);
  text-align: center;
}


.field.note {
  margin-bottom: 1.8rem;
  text-align: center;
  font-size: 1.35rem;
}


.fieldset > .field,
.fieldset > .fields > .field {
  margin-bottom: 1.4rem;
}


.field.required > .label,
.field._required  > .label {
  font-weight: 600;
  color: var(--cg-blue, #2d337f);
  margin-bottom: .35rem;
}


.field .control input[type="email"],
.field .control input[type="text"],
.field .control input[type="password"] {
  width: 100%;
  padding: .55rem 1rem;
  font: 600 1.2rem/1.45 var(--cg-font);
  color: var(--cg-blue, #2d337f);
  background: color-mix(in srgb, #fff 85%, var(--cg-blue) 8%);
  border: 1px solid rgba(45, 51, 127, .15);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .08) inset;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.field .control input:hover {
  border-color: rgba(45, 51, 127, .30);
}
.field .control input:focus-visible {
  outline: none;
  border-color: var(--cg-accent, #b89b65);
  box-shadow: 0 0 0 3px rgba(184,155,101,.35);
}


.login-container button.action.submit.primary,
.form.password.reset  button.action.submit.primary,
.form.password.forget button.action.submit.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.8rem;
  padding: 0 2.6rem;
  font: 700 1.35rem/1 var(--cg-font);
  color: #fff;
  background: color-mix(in srgb, var(--cg-blue, #2d337f) 92%, #fff 8%);
  border: 1px solid color-mix(in srgb, var(--cg-blue, #2d337f) 30%, transparent);
  border-radius: 2.4rem !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
  cursor: pointer;
  transition: background .18s cubic-bezier(.16,.8,.36,1),
              transform  .18s cubic-bezier(.16,.8,.36,1),
              box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.login-container button.action.submit.primary:is(:hover,:focus-visible) {
  background: var(--cg-accent, #b89b65);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
}
.login-container button.action.submit.primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .14);
}


.action.back {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  font-size: 1.35rem;
  color: var(--cg-blue, #2d337f);
  text-decoration: none;
  transition: color .25s;
}
.action.back:is(:hover,:focus) {
  color: var(--cg-accent, #b89b65);
}


@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}

.login-container button.action.submit.primary,
.form.password.reset  button.action.submit.primary,
.form.password.forget button.action.submit.primary {

  
  
}

.login-container button.action.submit.primary:is(:hover, :focus-visible),
.form.password.reset  button.action.submit.primary:is(:hover, :focus-visible),
.form.password.forget button.action.submit.primary:is(:hover, :focus-visible) {
  background: var(--cg-accent, #b89b65);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.16);
  outline: none;
}

.login-container button.action.submit.primary:active,
.form.password.reset  button.action.submit.primary:active,
.form.password.forget button.action.submit.primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,.14);
}


.action.primary,
.action.secondary {
  
  position: relative; 
}


.action.primary:not(:disabled):is(:hover, :focus-visible) {
  color: #fff;
  background: var(--cg-accent, #b89b65);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.16);
  outline: none;
}
.action.primary:not(:disabled):active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,.14);
}


.action.secondary,
.action.back,
.action.print,
.action.track,
.action.edit,
.action.view,
.action.change-password {
  background: transparent;
  color: var(--cg-blue, #2d337f);
}

.action.secondary:is(:hover, :focus-visible),
.action.back:is(:hover, :focus-visible),
.action.print:is(:hover, :focus-visible),
.action.track:is(:hover, :focus-visible),
.action.edit:is(:hover, :focus-visible),
.action.view:is(:hover, :focus-visible),
.action.change-password:is(:hover, :focus-visible) {
  color: var(--cg-accent, #b89b65);
  text-decoration: none;              
  transform: translateY(-2px);        
}

.action.secondary:active,
.action.back:active,
.action.print:active,
.action.track:active,
.action.edit:active,
.action.view:active,
.action.change-password:active {
  transform: translateY(0);
}


@media (prefers-reduced-motion: reduce) {
  .action.primary,
  .action.secondary,
  .action.back,
  .action.print,
  .action.track,
  .action.edit,
  .action.view,
  .action.change-password {
    transition: none !important;
    transform: none !important;
  }
}

.field.choice {               
    display: flex;
    flex-direction: column;
    gap: .55rem;
  }
  
  
  .field.choice .label {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    font: 600 1.35rem/1 var(--cg-font,"Inter",sans-serif);
    color: var(--cg-blue,#2d337f);
  }
  
  
  .field.choice .note {
    width: 100%;
    margin: 0;                        
    padding: .9rem 1.8rem;            
    border-radius: 16px;
  
    
    font: 500 1.28rem/1.6 var(--cg-font,"Inter",sans-serif);
    letter-spacing: .01em;            
    color: var(--cg-neutral,#3f4350); 
  
    
    background: color-mix(in srgb,#fff 88%,var(--cg-blue,#2d337f) 4%);
    backdrop-filter: blur(9px) saturate(135%);
    border: 1px solid rgba(45,51,127,.08);
    box-shadow:
        0 1px 3px   rgba(0,0,0,.06) inset,
        0 5px 16px  rgba(0,0,0,.05);
  
    
    transition: box-shadow .18s cubic-bezier(.16,.8,.36,1),
                transform  .18s cubic-bezier(.16,.8,.36,1);
  }
  .field.choice .note:is(:hover,:focus-within) {
    transform: translateY(-2px);
    box-shadow:
        0 1px 3px  rgba(0,0,0,.07) inset,
        0 7px 22px rgba(0,0,0,.08);
  }
  
  
  @media (prefers-reduced-motion: reduce) {
    .field.choice .note { transition: none; }
  }
  


.buttons-set { display:none !important; }




.block.block-new-customer {
  margin: 6rem auto;
  max-width: 660px;                
  padding-inline: 1.5rem;
  font-family: var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color: var(--cg-neutral,#4b4f5a);
}




.block.block-new-customer .fieldset {
  background: var(--cg-surfaceA,rgba(255,255,255,.72));
  backdrop-filter: blur(10px) saturate(140%);
  border: 1px solid rgba(45,51,127,.08);
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
  padding: 2.4rem 2.6rem 2.8rem;
}




.block.block-new-customer h2.block-title {
  margin: 0 0 1.25rem;
  font: 600 2.2rem/1 var(--cg-font,"Work Sans","Inter",sans-serif);
  color: var(--cg-blue,#2d337f);
  text-align: center;
}

.block.block-new-customer p {
  margin: 0 0 2.2rem;
  text-align: center;
  font-size: 1.35rem;
  line-height: 1.55;
}




.field.required > .label,
.field._required  > .label {
  display: block;
  margin-bottom: .35rem;
  font: 600 1.3rem/1 var(--cg-font);
  color: var(--cg-blue,#2d337f);
               
}




.field .control input[type="text"],
.field .control input[type="email"],
.field .control input[type="password"] {
  width: 100%;
  padding: .55rem 1rem;
  font: 600 1.2rem/1.45 var(--cg-font);
  color: var(--cg-blue,#2d337f);
  background: color-mix(in srgb,#fff 85%,var(--cg-blue) 8%);
  border: 1px solid rgba(45,51,127,.15);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.08) inset;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.field .control input:hover   { border-color: rgba(45,51,127,.30); }
.field .control input:focus-visible {
  outline:none;
  border-color: var(--cg-accent,#b89b65);
  box-shadow: 0 0 0 3px rgba(184,155,101,.35);
}




.field.choice { display:flex; flex-direction:column; gap:.6rem; }

.field.choice > input[type="checkbox"] {         
  position:absolute;
  width:1px; height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}


.field.choice .label {
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  cursor:pointer;
  font:600 1.35rem/1 var(--cg-font);
  color: var(--cg-blue,#2d337f);
  user-select:none;
}
.field.choice .label::before {
  content:"";
  display:inline-block;
  width:2.1rem; height:2.1rem;
  border: 2px solid var(--cg-blue,#2d337f);
  border-radius:6px;
  background:#fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.05) inset;
  transition:background .18s, border-color .18s;
}
.field.choice > input:checked + .label::before {
  background: var(--cg-accent,#b89b65) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 11 8 15 16 6'/%3E%3C/svg%3E") center/70% 70% no-repeat;
  border-color: var(--cg-accent,#b89b65);
}





.field.choice .note{
  
  width:100%;
  margin:0;
  padding:.75rem 1.6rem;
  border-radius:14px;
  font:500 1.2rem/1.55 var(--cg-font);
  color:color-mix(in srgb,var(--cg-neutral,#4b4f5a) 82%,#fff);
  background:var(--cg-surfaceA,rgba(255,255,255,.72));
  backdrop-filter:blur(10px) saturate(140%);
  border:1px solid rgba(45,51,127,.08);
  box-shadow:
      0 1px 3px rgba(0,0,0,.05) inset,
      0 4px 12px rgba(0,0,0,.06);
  transition:
      box-shadow .18s cubic-bezier(.16,.8,.36,1),
      transform  .18s cubic-bezier(.16,.8,.36,1);

  
  border-left:4px solid var(--cg-accent,#b89b65); 
  padding-left:calc(1.6rem + 4px);                
}

.field.choice .note:is(:hover,:focus-within) {
  transform: translateY(-2px);
  box-shadow:
      0 1px 3px rgba(0,0,0,.07) inset,
      0 6px 20px rgba(0,0,0,.08);
}




.block.block-new-customer .action.submit.primary {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:3.8rem;
  padding:0 2.6rem;
  font:700 1.4rem/1 var(--cg-font);
  color:#fff;
  background: color-mix(in srgb,var(--cg-blue,#2d337f) 92%,#fff 8%);
  border:1px solid color-mix(in srgb,var(--cg-blue,#2d337f) 30%,transparent);
  border-radius:2.6rem;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  transition:background .18s cubic-bezier(.16,.8,.36,1),
             transform  .18s cubic-bezier(.16,.8,.36,1),
             box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.block.block-new-customer .action.submit.primary:is(:hover,:focus-visible) {
  background: var(--cg-accent,#b89b65);
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.16);
  outline:none;
}
.block.block-new-customer .action.submit.primary:active {
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.14);
}




.privacy-container-customer a {
  color: var(--cg-blue,#2d337f);
  text-decoration: underline 2px transparent;
  transition: text-decoration-color .25s, color .25s;
}
.privacy-container-customer a:is(:hover,:focus) {
  color: var(--cg-accent,#b89b65);
  text-decoration-color: var(--cg-accent,#b89b65);
}




@media (prefers-reduced-motion: reduce) {
  .actions-toolbar .action,
  .field.choice .note,
  .field.choice .label::before { transition:none !important; }
}


.field > input[type="checkbox"]:checked + label::after {
  display: none !important;
}



.page-layout-seller-login .wk-mp-login-container .action-primary {
  
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3.8rem;
  padding: 0 2.6rem;

  font: 700 1.35rem/1 var(--cg-font, "Inter", sans-serif);
  color: #fff;
  background: color-mix(in srgb, var(--cg-blue, #2d337f) 92%, #fff 8%);
  border: 1px solid color-mix(in srgb, var(--cg-blue, #2d337f) 30%, transparent);
  border-radius: 2.4rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .12);

  transition: background .18s cubic-bezier(.16,.8,.36,1),
              transform  .18s cubic-bezier(.16,.8,.36,1),
              box-shadow .18s cubic-bezier(.16,.8,.36,1);
              text-decoration: none;

}

.page-layout-seller-login .wk-mp-login-container .action-primary:is(:hover,:focus-visible) {
  background: var(--cg-accent, #b89b65);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.16);
  outline: none;                         
}

.page-layout-seller-login .wk-mp-login-container .action-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,.14);
}



.page-layout-seller-login .wk-mp-login-container .secondary {
  margin-top: 1rem;
  text-align: center;                    
}


.page-layout-seller-login .wk-mp-login-container .secondary a {
  display: inline-block;                 
  padding: .35rem .6rem;
  font: 600 1.3rem/1 var(--cg-font, "Inter", sans-serif);
  color: var(--cg-blue, #2d337f);
  text-decoration: underline 2px transparent;
  border-radius: 6px;                    

  transition: color .25s, text-decoration-color .25s, transform .18s;
}

.page-layout-seller-login .wk-mp-login-container .secondary a:is(:hover,:focus-visible) {
  color: var(--cg-accent, #b89b65);
  text-decoration-color: var(--cg-accent, #b89b65);
  transform: translateY(-2px);
  outline: none;                         
}

.page-layout-seller-login .wk-mp-login-container .secondary a:active {
  transform: translateY(0);
}


@media (prefers-reduced-motion: reduce) {
  .page-layout-seller-login .wk-mp-login-container .action-primary,
  .page-layout-seller-login .wk-mp-login-container .secondary a {
    transition: none !important;
    transform: none !important;
  }
}

.page-layout-seller-login .wk-mp-login-header .logo {
  margin: -8px auto 25px;      
  display: block;              
  text-align: center;          
}
.page-layout-seller-login .wk-mp-login-header .logo a {
  display: inline-block;       
}



.page-layout-seller-login .wk-mp-login-container .action-primary {
  box-sizing: border-box;
  width: 94%;
  padding-left: 1.2rem;        
  padding-right: 1.2rem;       
}
.field.required > .label::after, .field._required > .label::after{
margin: 0 !important;
}
.logo img{margin-left:0 !important;}

@media (max-width: 599.98px) {
  
  .page-layout-seller-login .wk-mp-page-wrapper {
    width: 100% !important;     
    max-width: 100% !important; 
    padding: 2rem 1rem !important; 
  }

  
  .page-layout-seller-login .wk-mp-login-container .cf-turnstile {
    width: 100% !important;
    overflow: hidden;           
  }
}
.customer-menu svg{
  vertical-align:-7px;   
  margin-right:.8rem;    
}




:root{
  --cg-blue:#2d337f;
  --cg-accent:#b89b65;
  --cg-surface:rgba(255,255,255,.72);
  --cg-shadow:0 6px 18px rgba(0,0,0,.12);
  --cg-radius:16px;
  --cg-timing:.18s cubic-bezier(.16,.8,.36,1);
}


.customer-name.acc-btn{
  padding:.4rem .9rem;
  font:600 1.4rem/1 var(--cg-font,"Inter",sans-serif);
  color:var(--cg-blue);
  background:transparent;
  border:1px solid transparent;
  border-radius:var(--cg-radius);
  cursor:pointer;
  transition:color var(--cg-timing),border-color var(--cg-timing),
             transform var(--cg-timing),box-shadow var(--cg-timing);
}
.customer-name.acc-btn:is(:hover,:focus-visible){
  color:var(--cg-accent);
  border-color:var(--cg-accent);
  box-shadow:var(--cg-shadow);
  transform:translateY(-2px);
  outline:none;  
  margin-top:10px;
  text-align: center;                
}
@media (prefers-reduced-motion:reduce){
  .customer-name.acc-btn{transition:none;transform:none;}
}


.customer-menu.acc-list{
  position:absolute;          
  top:100%; left:0;
  min-width:240px;
  margin-top:.8rem;
  background:var(--cg-surface);
  backdrop-filter:blur(10px) saturate(140%);
  border:1px solid rgba(45,51,127,.08);
  border-radius:var(--cg-radius);
  box-shadow:var(--cg-shadow);
  padding:1.2rem 1.4rem;
  z-index:1000;
}


.customer-menu.acc-list ul li{
  margin:0 0 .9rem;
}
.customer-menu.acc-list ul li:last-child{margin-bottom:0;}

.customer-menu.acc-list a{
  display:flex;align-items:center;gap:.8rem;
  font:600 1.35rem/1 var(--cg-font);
  color:var(--cg-blue);
  text-decoration:none;
  padding:.45rem .4rem;
  border-radius:10px;
  transition:background var(--cg-timing),color var(--cg-timing),
             transform var(--cg-timing);
}
.customer-menu.acc-list a:is(:hover,:focus-visible){
  background:color-mix(in srgb,#fff 82%,var(--cg-blue) 10%);
  color:var(--cg-accent);
  transform:translateX(4px);
  outline:none;
}
.customer-menu.acc-list a i{font-size:1.6rem;}


@media (max-width:599.98px){
  .customer-welcome.acc-topbar{flex-direction:row;align-items:center;}
  .customer-name.acc-btn{margin-right:.8rem;}
  .customer-menu.acc-list{
    right:0;left:auto;           
  }
}

.cg-divider {
  display: block;
  height: 0;                 
  border-top: 1px solid #444;
  margin: .4rem 0  .6rem;    
}

.mfp-content .acc-topbar .acc-btn {
  padding: 15px 15px 0;
  float: none;
  display: inline-block;
  width: 100%;
  text-align: center;
}


.cg-menu-heading{
  margin:0 0 .9rem;
  font:600 1.25rem/1.2 var(--cg-font,"Inter",sans-serif);
  color:var(--cg-blue);
  text-align:center;
  position:relative;          
  overflow:hidden;
  transition:
       transform var(--cg-timing),
       color     var(--cg-timing),
       box-shadow var(--cg-timing),
       border    var(--cg-timing);
}


.customer-menu.acc-list:is(:hover,:focus-within) .cg-menu-heading{
  color:var(--cg-accent);
  transform:translateY(-2px);
  border:1px solid var(--cg-accent);
  box-shadow:var(--cg-shadow);
}


.cg-menu-heading::after{
  content:'';
  position:absolute; left:50%; bottom:-.35rem;
  width:0; height:2px;
  background:var(--cg-accent);
  transform:translateX(-50%);
  transition:width var(--cg-timing) .05s;
  opacity:.85;
}
.customer-menu.acc-list:is(:hover,:focus-within) .cg-menu-heading::after{
  width:60%;
}


@media (prefers-reduced-motion:reduce){
  .cg-menu-heading,
  .cg-menu-heading::after{transition:none;}
}

.customer-menu.acc-list:is(:hover,:focus-within) .cg-menu-heading{
  
  color:var(--cg-accent);
  transform:translateY(-2px);

  
  border:1px solid var(--cg-accent);
  border-radius:var(--cg-radius);
 
    
  
  box-shadow:var(--cg-shadow);
}

.mfp-content .acc-topbar .acc-list {
  
  margin-top: 10px;
}