/** Shopify CDN: Minification failed

Line 181:0 Unexpected "}"

**/
@font-face {
  font-family: 'MDNichrome';
  src: url('/cdn/shop/files/MDNichromeTrial-Regular.woff2?v=1785422545') format('woff2');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: 'MDNichrome';
  src: url('/cdn/shop/files/MDNichromeTrial-Bold.woff2?v=1785422545') format('woff2');
  font-weight: 700;
  font-style: normal;
}




/* ==========================================================
   KHUTZPAH KLUB — PASSWORD PAGE
========================================================== */


/* ==========================================================
   1. BRAND DESIGN TOKENS
========================================================== */

:root {
  /* Colours */
  --kk-black: #111111;
  --kk-white: #f5f5f5;
  --kk-pink: #f77fbe;
  --kk-grey: #a8a8a8;
  --kk-light-grey: #dfdfdf;

  /* Font families */
  --kk-font-primary: "MDNichrome", Arial, sans-serif;
  --kk-font-fallback: Arial, sans-serif;

  /* Font sizes */
  --kk-heading-xl: clamp(40px, 7vw, 96px);
  --kk-heading-lg: clamp(32px, 5vw, 64px);
  --kk-heading-md: clamp(24px, 3vw, 40px);

  --kk-body-lg: 20px;
  --kk-body: 16px;
  --kk-small: 16px;
  --kk-tiny: 16px;

  /* Font weights */
  --kk-weight-regular: 400;
  --kk-weight-bold: 700;

  /* Layout */
  --kk-page-width: 1440px;
  --kk-form-width: 560px;

  /* Spacing */
  --kk-space-xs: 8px;
  --kk-space-sm: 16px;
  --kk-space-md: 24px;
  --kk-space-lg: 40px;
  --kk-space-xl: 64px;
  --kk-space-2xl: 96px;

  /* Borders */
  --kk-border: 1px solid var(--kk-black);

  /* Animation */
  --kk-speed: 0.35s;
  --kk-ease: cubic-bezier(0.22, 1, 0.36, 1);
}


/* ==========================================================
   2. GLOBAL RESET
========================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 !important;

  background: var(--kk-white) !important;
  color: var(--kk-black) !important;

  font-family: var(--kk-font-primary) !important;
  font-size: var(--kk-body);
  font-weight: var(--kk-weight-regular);
  line-height: 1.4;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


/* Remove Horizon's narrow-page restriction */

body.page-width-narrow {
  width: 100% !important;
  max-width: none !important;
}


/* ==========================================================
   3. PASSWORD PAGE LAYOUT
========================================================== */

.password-main-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 100svh !important;

  margin: 0 !important;
  padding: var(--kk-space-xl) var(--kk-space-md) !important;

  background: var(--kk-white) !important;
}


/* Main Shopify password section */

.section-password {
  width: 100% !important;
  min-height: 100% !important;
}


/* Remove Shopify section width limitations */

.section-password .section,
.section-password .section--page-width,
.section-password .section-content-wrapper,
.section-password .border-style {
  width: 100% !important;
  max-width: none !important;
}


/* Main content stack */

.section-password .section-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  gap: var(--kk-space-xs) !important;
  min-height: 100dvh !important;
  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center;
}
  

  
  
}



/* Ensure the Shopify background matches */

.section-password .section-background,
.section-password [class*="color-custom-template"] {
  background: var(--kk-white) !important;
  color: var(--kk-black) !important;
}


/* ==========================================================
   4. TYPOGRAPHY
========================================================== */

.password-main-content h1,
.password-main-content h2,
.password-main-content h3,
.password-main-content h4,
.password-main-content h5,
.password-main-content h6,
.password-main-content p,
.password-main-content input,
.password-main-content button {
  font-family: var(--kk-font-primary) !important;
}


.password-main-content h1 {
  margin: 0 !important;

  color: var(--kk-black) !important;

  font-size: var(--kk-heading-lg) !important;
  font-weight: var(--kk-weight-bold) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase;
}


.password-main-content p {
  max-width: 520px;

  margin: 0 auto !important;

  color: var(--kk-black) !important;

  font-size: var(--kk-body) !important;
  font-weight: var(--kk-weight-regular) !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}


/* Remove spacing controlled by Horizon inline variables */

.section-password .text-block {
  width: auto !important;
  max-width: 100% !important;

  padding: 0 !important;
}


/* Add our own spacing below the description */

.section-password .text-block:has(p) {
  margin-top: 4px !important;
  margin-bottom: var(--kk-space-md) !important;
}


/* ==========================================================
   5. LOGO
========================================================== */

.section-password .logo-block {
  position: absolute !important;
  top: 0px !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translateX(-50%);

  width: 100% !important;
  max-width: 500px !important;
  padding-bottom: 0px !important;
  
}
  

  

  


.section-password .logo-block__image {
  display: block;

  width: 111px !important;
  max-width: 111px !important;
  height: auto !important;

  margin: 0 auto;

  object-fit: contain;
}


/* ==========================================================
   6. EMAIL SIGNUP FORM
========================================================== */

.section-password .email-signup-block {
  width: 100% !important;
  max-width: var(--kk-form-width) !important;

  
  margin-block-start: 0 !important;
  
  margin-inline: 0 !important;
  margin-bottom: 80px !important;

}


.section-password .email-signup__form {
  width: 100% !important;
  
  margin-block-start: 0 !important;
  margin-inline: 0 !important;
  
}


.section-password .email-signup__input-group {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;

  width: 100% !important;
  min-height: 44px !important;

  overflow: hidden;

  border: var(--kk-border) !important;
  border-radius: 0 !important;

  background: var(--kk-white) !important;
  box-shadow: none !important;
  
}


/* Email field */

.section-password .email-signup__input {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;

  margin: 0 !important;
  padding: 0 20px !important;

  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;

  background: transparent !important;
  color: var(--kk-black) !important;
  box-shadow: none !important;

  font-size: 14px !important;
  font-weight: var(--kk-weight-regular) !important;
  line-height: 1 !important;
}


.section-password .email-signup__input::placeholder {
  color: var(--kk-grey) !important;
  opacity: 1;
}


/* Signup button */

.section-password .email-signup__button {
  position: relative;
  isolation: isolate;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 150px !important;
  height: 44px !important;

  margin: 0 !important;
  padding: 0 24px !important;

  overflow: hidden;

  border: 0 !important;
  border-left: var(--kk-border) !important;
  border-radius: 0 !important;

  background: var(--kk-white) !important;
  color: var(--kk-black) !important;
  box-shadow: none !important;

  font-size: 14px !important;
  font-weight: var(--kk-weight-bold) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;

  cursor: pointer;

  transition:
    color var(--kk-speed) var(--kk-ease),
    background-color var(--kk-speed) var(--kk-ease);
}


/* Ink-fill layer */

.section-password .email-signup__button::before {
  content: "";

  position: absolute;
  inset: 0;
  z-index: -1;

  background: var(--kk-black);

  transform: scaleX(0);
  transform-origin: left center;

  transition: transform var(--kk-speed) var(--kk-ease);
}


.section-password .email-signup__button:hover::before {
  transform: scaleX(1);
}


.section-password .email-signup__button:hover {
  color: var(--kk-pink) !important;
}


/* Focus styling */

.section-password .email-signup__input:focus {
  outline: none !important;
}


.section-password .email-signup__input-group:focus-within {
  box-shadow: 0 0 0 0px var(--kk-black) !important;
}


/* ==========================================================
   7. PASSWORD PAGE FOOTER
========================================================== */

body > footer {
  width: 100%;
  margin: 0;
}

#shopify-section-password-footer,
#shopify-section-password-footer .password-footer,
#shopify-section-password-footer [class*="color-custom-password-footer"] {
  background: var(--kk-white) !important;
  color: var(--kk-white) !important;
}


/* Main footer layout */

#shopify-section-password-footer .password-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  gap: 20px !important;

  padding-top: 40px !important;
  padding-right: 24px !important;
  padding-bottom: 40px !important;
  padding-left: 24px !important;
}


/* “This shop will be powered by...” */

#shopify-section-password-footer .password-footer__powered-by {
  margin: 0 !important;

  color: var(--kk-black) !important;

  font-family: var(--kk-font-primary) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}


/* Footer links container */

#shopify-section-password-footer .password-footer__links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 16px !important;
}


/* =========================================
   ENTER USING PASSWORD BUTTON
========================================= */

#shopify-section-password-footer .password-footer__button {
  box-sizing: border-box;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 90px !important;
  height: 44px !important;

  margin: 0 !important;
  padding: 0 24px !important;
  overflow: hidden;

  border: 1px solid var(--kk-black) !important;
  border-radius: 0 !important;

  background: var(--kk-white) !important;
  color: var(--kk-black) !important;
  box-shadow: none !important;

  font-family: var(--kk-font-primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;

  cursor: pointer;

  position: relative;
  isolation: isolate;

  transition:
    color var(--kk-speed) var(--kk-ease),
    border-color var(--kk-speed) var(--kk-ease);
}


/* Pink ink fill */

#shopify-section-password-footer .password-footer__button::before {
  content: "";

  position: absolute;
  inset: 0;
  z-index: -2;

  background: var(--kk-black);

  transform: scaleX(0);
  transform-origin: left center;

  transition: transform var(--kk-speed) var(--kk-ease);
}


/* Animated pink border */

#shopify-section-password-footer .password-footer__button::after {
  content: "";

  position: absolute;
  inset: -1px;
  z-index: -1;

  border: 0px solid var(--kk-pink);
  pointer-events: none;

  transform: scaleX(0);
  transform-origin: left center;

  transition: transform var(--kk-speed) var(--kk-ease);
}


/* Hover animation */

#shopify-section-password-footer .password-footer__button:hover::before,
#shopify-section-password-footer .password-footer__button:hover::after {
  transform: scaleX(1);
}


#shopify-section-password-footer .password-footer__button:hover {
  color: var(--kk-pink) !important;
  border-color: transparent !important;
}








/* =========================================
   EMAIL SIGNUP — SUCCESS MESSAGE
========================================= */

.section-password .email-signup__message {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: var(--kk-form-width) !important;
  height: 100% !important;
  max-height: 44px !important;

  margin: 16px auto 0 !important;
  padding: 16px 20px !important;

  border: 1px solid var(--kk-black) !important;
  border-radius: 0 !important;

  background: var(--kk-black) !important;
  color: var(--kk-black) !important;

  box-shadow: none !important;
}


/* Success text */

.section-password .email-signup__message-text {
  margin: 0 !important;

  color: var(--kk-pink) !important;

  font-family: var(--kk-font-primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}


/* Success tick */

.section-password .email-signup__message .icon-success {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--kk-pink) !important;
}


.section-password .email-signup__message .icon-checkmark {
  width: 18px !important;
  height: 18px !important;

  color: var(--kk-pink) !important;
}

/* worng password */
.password-dialog__content .email-signup__message {
    text-transform: uppercase !important;
  }







/* ==========================================================
   PASSWORD DIALOG
========================================================== */

/* Fullscreen dialog */

.password-dialog {
  position: fixed !important;
  inset: 0 !important;

  box-sizing: border-box;

  width: 100vw !important;
  max-width: none !important;

  height: 100dvh !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: var(--kk-black) !important;
  color: var(--kk-white) !important;

  box-shadow: none !important;

  overflow: hidden;
}


/* Backdrop */

.password-dialog::backdrop {
  background: rgb(17 17 17 / 45%) !important;
}


/* =========================================
   CLOSE BUTTON
========================================= */

.password-dialog__header {
  position: absolute !important;
  top: 48px !important;
  right: 48px !important;
  z-index: 100;

  padding: 0 !important;
}

.password-dialog__close-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: var(--kk-white) !important;

  cursor: pointer;

  transition: color var(--kk-speed) var(--kk-ease);
}

.password-dialog__close-button:hover {
  color: var(--kk-pink) !important;
}

.password-dialog__close-button svg {
  width: 18px !important;
  height: 18px !important;
}

.password-dialog__close-button svg path {
  fill: currentColor !important;
}

.password-dialog__close-button {
  transform: scale(1.0);
}

/* =========================================
   CONTENT
========================================= */

.password-dialog__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100%;
  min-height: 100dvh;

  padding: 80px 24px;

  text-align: center;
}


/* =========================================
   TITLE
========================================= */

.password-dialog__title {
  margin: 0 0 32px !important;

  color: var(--kk-black);

  font-family: var(--kk-font-primary) !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 1;

  text-transform: uppercase !important;
  letter-spacing: 0;
}


/* =========================================
   INPUT ROW
========================================= */

.password-dialog .email-signup__input-group {

  display: grid !important;
  grid-template-columns: minmax(0,1fr) 100px !important;

  align-items: stretch;

  width: min(320px,100%);
  min-height: 44px;

  overflow: hidden;

  border: 1px solid var(--kk-white);
  border-radius: 0;

  background: var(--kk-black);

  box-shadow: none !important;
}


/* =========================================
   PASSWORD FIELD
========================================= */

.password-dialog #Password {

  width: 100%;
  min-width: 0;

  height: 44px;

  margin: 0;
  padding: 0 20px;

  border: 0 !important;
  outline: none !important;

  border-radius: 0;

  background: transparent;

  color: var(--kk-white);

  box-shadow: none !important;

  font-family: var(--kk-font-primary) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.password-dialog #Password::placeholder {

  color: #8c8c8c;

  opacity: 1;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.password-dialog__submit-button {

  position: relative;

  isolation: isolate;

  display: flex !important;
  align-items: center;
  justify-content: center;

  min-width: 100px;
  height: 44px;

  margin: 0;
  padding: 0 24px;

  overflow: hidden;

  border: 0 !important;
  border-left: 1px solid var(--kk-white) !important;

  background: var(--kk-black) !important;

  color: var(--kk-white);

  font-family: var(--kk-font-primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;

  text-transform: uppercase !important;

  cursor: pointer;

  transition: color var(--kk-speed) var(--kk-ease);
}


/* Ink Fill */

.password-dialog__submit-button::before {

  content: "";

  position: absolute;
  inset: 0;

  z-index: -1;

  background: var(--kk-pink);

  transform: scaleX(0);

  transform-origin: left center;

  transition: transform var(--kk-speed) var(--kk-ease);
}

.password-dialog__submit-button:hover::before {

  transform: scaleX(1);

}

.password-dialog__submit-button:hover {

  color: var(--kk-black);

}


/* =========================================
   REMOVE FOCUS RING
========================================= */

.password-dialog .email-signup__input-group:focus-within,
.password-dialog #Password:focus {

  outline: none !important;
  box-shadow: none !important;

}





/* =========================================
   DESKTOP / MOBILE VERSE SWITCH
========================================= */

/* Desktop verse */
.text-block--ANzZ0Wnh0aEtId1E1c__text-2 {
  display: block !important;
}

/* Mobile verse */
.text-block--AUS82OEtFV29mRnFyZ__text-mobile {
  display: none !important;
}


/* Mobile */
@media screen and (max-width: 749px) {

  .text-block--ANzZ0Wnh0aEtId1E1c__text-2 {
    display: none !important;
  }

  .text-block--AUS82OEtFV29mRnFyZ__text-mobile {
    display: block !important;
  }

}





/* ==========================================================
   MOBILE
========================================================== */

@media screen and (max-width: 749px) {

  /* =========================================
     MOBILE VARIABLES
  ========================================= */

  :root {
    --kk-body: 12px;
    --kk-space-xl: 40px;
    --kk-mobile-content-width: 320px;
    --kk-mobile-control-height: 40px;
  }


  /* =========================================
     MAIN PASSWORD PAGE
  ========================================= */

  .password-main-content {
    min-height: 100svh !important;
    padding: 40px 20px !important;
  }

  .section-password .logo-block {
    width: 100% !important;
    max-width: 111px !important;
    margin: 0 !important;
    top: 0px !important;
  }

  .section-password .logo-block__image {
    width: 100% !important;
    max-width: 111px !important;
    
  }

  .password-main-content h1 {
    font-size: clamp(26px, 11vw, 40px) !important;
  }

  .password-main-content p {
    min-width: 180px !important;
    max-width: 180px !important;

    font-size: 12px !important;
  }

  .section-password .text-block:has(p) {
    margin-bottom: var(--kk-space-xs) !important;
  }


  /* =========================================
     NEWSLETTER FORM
  ========================================= */

  .section-password .email-signup-block {
    width: 100% !important;
    max-width: var(--kk-mobile-content-width) !important;

    margin-bottom: 20px !important;
  }

  .section-password .email-signup__form {
    display: flex !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: var(--kk-mobile-content-width) !important;

    
  }

  .section-password .email-signup__input-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: none !important;

    height: var(--kk-mobile-control-height) !important;
    min-height: var(--kk-mobile-control-height) !important;

    gap: 0 !important;
    overflow: hidden !important;

    border: var(--kk-border) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
  }

  .section-password .email-signup__input {
    width: 100% !important;
    min-width: 0 !important;

    height: var(--kk-mobile-control-height) !important;

    padding: 0 12px !important;

    border: 0 !important;
    border-radius: 0 !important;

    font-family: var(--kk-font-primary) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  .section-password .email-signup__input::placeholder {
    font-family: var(--kk-font-primary) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
  }

  .section-password .email-signup__button {
    width: 90px !important;
    min-width: 90px !important;

    height: var(--kk-mobile-control-height) !important;

    padding: 0 12px !important;

    border: 0 !important;
    border-left: var(--kk-border) !important;
    border-radius: 0 !important;

    font-size: 12px !important;
  }

  .section-password .email-signup__input-group:focus-within,
  .section-password .email-signup__input:focus {
    outline: none !important;
    box-shadow: none !important;
  }


  /* =========================================
     FULLSCREEN PASSWORD DIALOG
  ========================================= */

  .password-dialog {
    width: 100vw !important;
    max-width: none !important;

    height: 100dvh !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-y: auto !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: var(--kk-black) !important;
    color: var(--kk-white) !important;
  }


  /* Close X */

  .password-dialog__header {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 10 !important;

    padding: 0 !important;
  }

  .password-dialog__close-button {
    width: 40px !important;
    height: 40px !important;

    border: 0 !important;
    background: transparent !important;
    color: var(--kk-white) !important;
    box-shadow: none !important;
  }

  .password-dialog__close-button svg {
    width: 22px !important;
    height: 22px !important;
  }


  /* Dialog content */

  .password-dialog__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 100dvh !important;

    margin: 0 auto !important;
    padding: 80px 32px 48px !important;

    gap: 24px !important;
  }

  .password-dialog__title {
    margin: 0 !important;

    color: var(--kk-white) !important;

    font-family: var(--kk-font-primary) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }


  /* Dialog input row */

  .password-dialog .email-signup__input-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: var(--kk-mobile-content-width) !important;

    height: var(--kk-mobile-control-height) !important;
    min-height: var(--kk-mobile-control-height) !important;

    margin: 0 auto !important;

    gap: 0 !important;
    overflow: hidden !important;

    border: 1px solid var(--kk-white) !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
  }

  

  /* =========================================
   PASSWORD INPUT
========================================= */

.password-dialog #Password {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;

  height: var(--kk-mobile-control-height) !important;
  min-height: var(--kk-mobile-control-height) !important;

  margin: 0 !important;
  padding: 0 12px !important;

  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  background: transparent !important;
  color: var(--kk-white) !important;
  box-shadow: none !important;

  font-family: var(--kk-font-primary) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: normal !important;
}


/* Placeholder */

.password-dialog #Password::placeholder {
  color: rgb(245 245 245 / 55%) !important;

  font-family: var(--kk-font-primary) !important;
  font-size: 12px !important;
  font-weight: 400 !important;

  opacity: 1 !important;
}

  .password-dialog__submit-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 90px !important;
    min-width: 90px !important;

    height: var(--kk-mobile-control-height) !important;
    min-height: var(--kk-mobile-control-height) !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 0 !important;
    border-left: 1px solid var(--kk-white) !important;
    border-radius: 0 !important;

    background: var(--kk-black) !important;
    color: var(--kk-white) !important;
    box-shadow: none !important;

    font-family: var(--kk-font-primary) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  .password-dialog .email-signup__input-group:focus-within,
  .password-dialog #Password:focus {
    outline: 0 !important;
    box-shadow: none !important;
  }


  /* Password error */

  .password-dialog .email-signup__message {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: var(--kk-mobile-content-width) !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 8px !important;

    border: 0 !important;
    background: transparent !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }


  /* =========================================
     PASSWORD FOOTER
  ========================================= */

  #shopify-section-password-footer .password-footer {
    gap: 18px !important;

    padding-top: 40px !important;
    padding-right: 20px !important;
    padding-bottom: 32px !important;
    padding-left: 20px !important;
  }

  #shopify-section-password-footer .password-footer__powered-by {
    max-width: 320px !important;
    
    font-size: 12px !important;
  }

  #shopify-section-password-footer .password-footer__button {
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    height: 40px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    white-space: nowrap !important;

    font-size: 12px !important;
    
  }





}


/* ==========================================================
   IOS MOBILE VIEWPORT + SAFARI BACKGROUND
========================================================== */

@media screen and (max-width: 749px) {

  /* Safari page canvas */
  html,
  body {
    min-height: 100%;
    background: var(--kk-white) !important;
  }

  body {
    min-height: 100dvh !important;
  }

  /* Main password landing page */
  .password-main-content,
  .section-password,
  .section-password .section,
  .section-password .section-background,
  .section-password .section-content-wrapper {
    background: var(--kk-white) !important;
  }

  /* Keep landing page exactly one screen tall */
  .password-main-content {
    box-sizing: border-box !important;

    width: 100% !important;

    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100dvh !important;

    flex: 0 0 100dvh !important;

    overflow: hidden !important;
  }

  /* Footer */
  #shopify-section-password-footer,
  #shopify-section-password-footer .password-footer {
    background: var(--kk-white) !important;
  }

  #shopify-section-password-footer .password-footer {
    padding-bottom:
      calc(32px + env(safe-area-inset-bottom)) !important;
  }

  /* Password dialog stays black */
  .password-dialog {
    background: var(--kk-black) !important;
  }

}