/*
 * AUTH-001 (owner 2026-10-16): Amasty Social Login's sign-in / register pop-up in the site's style: a 440 px card,
 * a segmented Sign in | Register switch, labelled social buttons (Amasty's rectangular buttons) on top, then "or",
 * fields with visible labels (checkout's field style), the orange pill. Linked on every page by default.xml and loaded
 * without blocking the paint (Plugin\Response\AsyncNonCriticalCss): the pop-up only opens on a click.
 */
.amsl-popup-block{width:min(440px,calc(100vw - 32px))!important;max-width:440px!important;max-height:calc(100svh - 32px)!important;overflow-y:auto!important;padding:24px 28px 28px!important;box-sizing:border-box!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 40px rgba(29,27,25,.16)!important;font-family:var(--ipx-font)!important;color:#1d1b19}
.amsl-popup-block .amsl-close{top:14px!important;right:14px!important;width:40px!important;height:40px!important;border-radius:50%!important}
.amsl-popup-block .amsl-close:hover{background-color:#f6f4f0!important}
.amsl-popup-block .amsl-tablist{display:flex!important;gap:4px;margin:0 52px 22px 0!important;padding:4px!important;border:0!important;border-radius:999px!important;background:#f6f4f0!important}
.amsl-popup-block .amsl-tablist .amsl-title{flex:1;margin:0!important;padding:0!important;border:0!important;background:none!important}
.amsl-popup-block .amsl-tablist .amsl-title::before,.amsl-popup-block .amsl-tablist .amsl-title::after,.amsl-popup-block .amsl-tablist .amsl-link::after{display:none!important}
.amsl-popup-block .amsl-tablist .amsl-link{display:flex!important;align-items:center;justify-content:center;min-height:40px;padding:0 12px!important;border:0!important;border-radius:999px!important;font:700 15px/1 var(--ipx-font-bold)!important;color:#6b6963!important;cursor:pointer}
.amsl-popup-block .amsl-tablist .amsl-title.active .amsl-link{background:#fff!important;color:#1d1b19!important;box-shadow:0 1px 2px rgba(29,27,25,.14)}
.amsl-popup-block .amsl-tablist .amsl-title:not(.active) .amsl-link:hover{color:#1d1b19!important}
.amsl-popup-block :is(.amsl-content,.amsl-form,.amsl-social-wrapper,.amsl-social-login,.block,.block-content,.form,.fieldset){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;float:none!important;border:0!important;box-sizing:border-box}
.amsl-popup-block .amsl-content.active,.amsl-popup-block .amsl-content[aria-hidden=false]{display:flex!important;flex-direction:column}
.amsl-popup-block .amsl-content .amsl-social-wrapper{order:-2}
.amsl-popup-block .amsl-content .amsl-separator{order:-1}
.amsl-popup-block .block-title,.amsl-popup-block .block-subtitle,.amsl-popup-block .fieldset>.legend,.amsl-popup-block .amsl-social-login .amsl-title{display:none!important}
/* fields */
.amsl-popup-block .field{margin:0 0 16px!important;padding:0!important;width:auto!important;float:none!important}
.amsl-popup-block .field>.label{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:0 0 6px!important;padding:0!important;font:600 14px/1.3 var(--ipx-font)!important;color:#1d1b19!important;text-align:left!important}
.amsl-popup-block .field.required>.label::after{content:"*";margin-left:3px;color:#c62828}
.amsl-popup-block .field :is(input[type=text],input[type=email],input[type=password],input[type=tel],select){width:100%!important;height:48px!important;padding:0 14px!important;box-sizing:border-box!important;border:1.5px solid #d6cfc3!important;border-radius:8px!important;background-color:#fff!important;box-shadow:none!important;font:500 16px/1.3 var(--ipx-font)!important;color:#1d1b19!important}
.amsl-popup-block .field :is(input,select):focus{outline:0!important;border-color:#1d1b19!important;box-shadow:0 0 0 3px rgba(255,154,2,.35)!important}
.amsl-popup-block .field :is(input,select).mage-error{border-color:#c62828!important}
.amsl-popup-block div.mage-error{margin:6px 0 0!important;font:600 13.5px/1.35 var(--ipx-font)!important;color:#c62828!important}
.amsl-popup-block .field.date .control{position:relative}
.amsl-popup-block .ui-datepicker-trigger{position:absolute!important;right:6px!important;top:4px!important;width:40px!important;height:40px!important;margin:0!important}
.amsl-popup-block .field.choice{display:flex!important;align-items:flex-start;gap:10px}
.amsl-popup-block .field.choice input[type=checkbox]{position:static!important;opacity:1!important;flex:none;width:20px!important;height:20px!important;margin:1px 0 0!important;clip:auto!important;accent-color:#1d1b19}
.amsl-popup-block .field.choice input[type=checkbox]+.label{display:block!important;margin:0!important;padding:0!important;font:500 14.5px/1.4 var(--ipx-font)!important;color:#1d1b19!important}
.amsl-popup-block .field.choice input[type=checkbox]+.label::before,.amsl-popup-block .field.choice input[type=checkbox]+.label::after{display:none!important}
.amsl-popup-block #password-strength-meter{display:inline-block!important;margin:6px 0 0!important;padding:3px 10px!important;border-radius:999px!important;background:#f6f4f0!important;font:500 13px/1.35 var(--ipx-font)!important}
/* links and the main button */
.amsl-popup-block .secondary{display:flex!important;justify-content:flex-end;margin:-6px 0 16px!important;float:none!important}
.amsl-popup-block .action.remind{font:600 14.5px/1.3 var(--ipx-font)!important;color:#9a5600!important;text-decoration:underline;text-underline-offset:3px;text-transform:none!important}
.amsl-popup-block .actions-toolbar{display:flex!important;flex-direction:column;margin:4px 0 0!important;padding:0!important}
.amsl-popup-block .actions-toolbar>.primary{width:100%!important;float:none!important;margin:0!important}
.amsl-popup-block .action.primary{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:50px!important;padding:0 24px!important;margin:0!important;border:0!important;border-radius:999px!important;background:#ff9a02!important;box-shadow:none!important;font:700 16px/1 var(--ipx-font-bold)!important;letter-spacing:0!important;text-transform:none!important;color:#1d1b19!important}
.amsl-popup-block .action.primary:hover{background:#ffab2e!important}
.amsl-popup-block :is(a,button,input,select):focus-visible{outline:2px solid #1d1b19!important;outline-offset:2px}
/* social buttons */
.amsl-popup-block .amsl-buttons{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch!important;align-items:stretch!important;gap:10px;width:100%!important;margin:0!important;padding:0!important}
.amsl-popup-block .amsl-button-wrapper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.amsl-popup-block .amsl-buttons .amsl-button{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;height:48px!important;min-height:48px!important;padding:0 18px!important;margin:0!important;border:1.5px solid #d6cfc3!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font:700 15px/1 var(--ipx-font-bold)!important;letter-spacing:0!important;text-transform:none!important;color:#1d1b19!important}
.amsl-popup-block .amsl-buttons .amsl-button:hover{border-color:#1d1b19!important;background:#f6f4f0!important}
.amsl-popup-block .amsl-buttons .amsl-button.-facebook{background:#1877f2!important;border-color:#1877f2!important;color:#fff!important}
.amsl-popup-block .amsl-buttons .amsl-button.-facebook:hover{background:#0f63d5!important;border-color:#0f63d5!important}
.amsl-popup-block .amsl-button .amsl-social-icon{position:static!important;flex:none;width:22px!important;height:22px!important;min-width:0!important;margin:0!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border:0!important;transform:none!important}
.amsl-popup-block .amsl-button .amsl-text{display:inline!important;margin:0!important;padding:0!important;color:inherit!important;font:inherit!important}
.amsl-popup-block .amsl-separator{display:flex!important;align-items:center;gap:12px;width:auto!important;height:auto!important;margin:18px 0!important;padding:0!important;border:0!important;background:none!important}
.amsl-popup-block .amsl-separator::before,.amsl-popup-block .amsl-separator::after{content:""!important;flex:1;height:1px;position:static!important;width:auto!important;border:0!important;background:#e8e3da!important}
.amsl-popup-block .amsl-separator .amsl-icon{position:static!important;transform:none!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;font:500 13px/1 var(--ipx-font)!important;color:#6b6963!important}
.amsl-popup-block .amsl-error:not(:empty){margin:0 0 14px!important;padding:10px 12px!important;border-radius:8px;background:#fdecea;font:600 14px/1.4 var(--ipx-font);color:#a02b20}
@media (max-width:479px){.amsl-popup-block{padding:20px 18px 22px!important}.amsl-popup-block .amsl-tablist{margin-right:48px!important}}
/* Amasty's labelled-button and register-form rules are more specific: the same values, stronger selectors */
html body .amsl-popup-block .amsl-social-login .amsl-buttons .amsl-button-wrapper{height:auto!important;min-height:0!important;margin:0!important}
html body .amsl-popup-block .amsl-social-login .amsl-buttons .amsl-button-wrapper .amsl-button{justify-content:center!important}
html body .amsl-popup-block .amsl-content .field:not(.choice){display:block!important;width:100%!important;max-width:none!important}
html body .amsl-popup-block .amsl-content .field .control{width:100%!important}
html body .amsl-popup-block .amsl-social-login .amsl-buttons{height:auto!important;min-height:0!important;align-content:start!important}
html body .amsl-popup-block .amsl-social-wrapper,html body .amsl-popup-block .amsl-social-login{height:auto!important;min-height:0!important}
/* AUTH-001: the date picker (jQuery UI, date of birth: pop-up, create account, account information) in the site's
   style: white card, round month arrows, month / year as fields, quiet weekday row, round day buttons; on phones it
   spans the screen inside the 16 px gutters */
#ui-datepicker-div.ui-datepicker{z-index:100001!important;width:308px;padding:12px!important;box-sizing:border-box;border:1px solid #e8e3da!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 40px rgba(29,27,25,.16)!important;font:500 14px/1.3 var(--ipx-font)!important;color:#1d1b19!important}
#ui-datepicker-div .ui-datepicker-header{display:flex!important;align-items:center;gap:6px;position:relative!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important}
#ui-datepicker-div .ui-datepicker-title{order:2;flex:1;display:flex;gap:6px;margin:0!important;line-height:1!important}
#ui-datepicker-div .ui-datepicker-prev{order:1}
#ui-datepicker-div .ui-datepicker-next{order:3}
#ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next){position:static!important;display:flex!important;align-items:center;justify-content:center;flex:none;width:36px!important;height:36px!important;margin:0!important;border-radius:50%!important;background:none!important;cursor:pointer}
#ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next):hover{background:#f6f4f0!important}
#ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next) span{display:none!important}
#ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next)::before{content:"";width:8px;height:8px;border:solid #1d1b19;border-width:0 0 2px 2px;transform:translateX(2px) rotate(45deg)}
#ui-datepicker-div .ui-datepicker-next::before{transform:translateX(-2px) rotate(-135deg)}
#ui-datepicker-div .ui-state-disabled:is(.ui-datepicker-prev,.ui-datepicker-next){opacity:.35;cursor:default}
#ui-datepicker-div .ui-datepicker-title select{flex:1;width:auto!important;min-width:0;height:38px!important;margin:0!important;padding:0 28px 0 10px!important;border:1.5px solid #d6cfc3!important;border-radius:8px!important;background-color:#fff!important;font:600 14px/1 var(--ipx-font)!important;color:#1d1b19!important}
#ui-datepicker-div table.ui-datepicker-calendar{width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:2px!important;font-size:14px!important}
#ui-datepicker-div .ui-datepicker-calendar th{padding:6px 0!important;border:0!important;background:none!important;font:600 12px/1 var(--ipx-font)!important;color:#6b6963!important;text-align:center!important}
#ui-datepicker-div .ui-datepicker-calendar td{padding:0!important;border:0!important;background:none!important;text-align:center!important}
#ui-datepicker-div .ui-datepicker-calendar td :is(a,span){display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto!important;padding:0!important;border:0!important;border-radius:50%!important;background:none!important;font:500 14px/1 var(--ipx-font)!important;color:#1d1b19!important;text-align:center!important;text-decoration:none!important}
#ui-datepicker-div .ui-datepicker-calendar td a:hover{background:#f6f4f0!important}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today :is(a,span){box-shadow:inset 0 0 0 1.5px #86af28!important;background:none!important}
#ui-datepicker-div .ui-datepicker-calendar td :is(a.ui-state-active,.ui-state-active){background:#1d1b19!important;color:#fff!important}
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled :is(a,span){color:#c9c3b8!important;background:none!important}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month{visibility:hidden}
#ui-datepicker-div .ui-datepicker-buttonpane{display:flex;justify-content:space-between;margin:8px 0 0!important;padding:8px 0 0!important;border-top:1px solid #e8e3da!important;background:none!important}
#ui-datepicker-div .ui-datepicker-buttonpane button{min-height:36px!important;margin:0!important;padding:0 14px!important;border:1.5px solid #d6cfc3!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font:700 14px/1 var(--ipx-font-bold)!important;color:#1d1b19!important;opacity:1!important;text-transform:none!important}
#ui-datepicker-div :is(a,select,button):focus-visible{outline:2px solid #1d1b19!important;outline-offset:2px}
@media (max-width:479px){
  #ui-datepicker-div.ui-datepicker{left:16px!important;right:16px!important;width:auto!important;max-width:none!important}
  #ui-datepicker-div .ui-datepicker-calendar td :is(a,span){width:40px;height:40px}
}
#ui-datepicker-div table.ui-datepicker-calendar,#ui-datepicker-div table.ui-datepicker-calendar :is(thead,tbody,tr){border:0!important;background:none!important}
#ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next){top:auto!important;align-self:center}
#ui-datepicker-div .ui-datepicker-title select,.amsl-popup-block .field select{-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1b19' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px!important}
.amsl-popup-block .field select{padding-right:40px!important;background-position:right 14px center!important}
#ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next){transform:none!important;inset:auto!important;margin:0!important}