/** Shopify CDN: Minification failed

Line 6:0 Unexpected "<"

**/
<style>

  .verification-group {
    
  }

  .verification-group {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Input takes 2 parts, button 1 part */
    gap: 10px;
    width: 103% !important;
  }


.verification-input input {
  width: 100%;
  height: 48px;
  border: var(--border-width-forms) solid var(--color-borders-forms-primary);
  border-radius: 6px;
  padding: 0 12px;
  font-size: 14px;
}

.verification-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-radius: 16px;
  font-size: 15px;
  white-space: nowrap;
}

.phone-row {
  display: grid;
  grid-template-columns: repeat(4, auto); /* Desktop: 4 columns */
  gap: 10px;
  margin-top: 15px;
  align-items: flex-start;
}

  .phone-row > div {
  width: 100%;
}

  /* The merged shell */
.phone-merged {
  display: flex;
  align-items: center;
  width: 100%;
  border: var(--border-width-forms) solid var(--color-borders-forms-primary);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  height: 48.67px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
  .phone-merged:focus-within {
    border-color: #111;
    box-shadow: 0 0 0 3px rgba(0,0,0,.05);
  }

  /* Left side (prefix) */
  .phone-prefix {
    position: relative;
    flex: 0 0 140px;           /* set width of the select area */
    display: flex;
    align-items: center;
  }
  .phone-prefix select {
    width: 100%;
    height: 48.67px;
    padding: 0 12px;
    font-size: 14px;
    border: none;
    background: transparent;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 12px;
    margin: 0;
  }
  /* Vertical divider between select and input */
  .phone-prefix::after {
    border: none;
outline: none;
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #eee;
  }

  /* Right side (number) */
  .phone-input {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
  }
  .phone-input input {
    width: 100%;
    height: 44px;
    border: 0;
    outline: none;
    background: transparent;
    padding: 0 12px;
    font-size: 14px;
  }

  /* Optional: keep your verify button aligned nicely */
  .phone-verification-col .button {
    /* border-radius: 9999px; */
    line-height: 1;
    font-size: 12px;
    padding: 10px 16px;
    margin-top: 0;
    white-space: nowrap;
  }

  /* Labels */
  .field-label {
    display: block;
    margin-bottom: 6px;
  }




.phone_number_prefix_col {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.phone_number_col {
  flex: 0 0 68%;
}

.date-wrapper {
  position: relative;
  width: 100%;
}

.date-wrapper input[type="date"] {
  width: 100%;
  padding-right: 20px;
  /* space for icon */
  box-sizing: border-box;
}

input[type="date"]::placeholder {
  color: #999;
  /* light gray */
  opacity: 3;
  /* ensure it's not too transparent */
}

/* Optional: style placeholder color */
input[type="date"]::placeholder {
  color: #999;
}

.account-widget__head,
.account-table .thead {
  background-color: rgba(0, 0, 0, 0.05);
  height: 3.4375rem;
  border-bottom: solid var(--color-borders-main) 1px;
}

.account-widget,
.account-table {
  width: 100%;
  border: solid var(--color-borders-main) 1px;
  border-radius: var(--border-radius-widgets);
  overflow: hidden;
  margin-bottom: var(--gutter-regular);
}

.account-layout {
  display: grid;
  grid-template-columns: 100%;
  gap: var(--gutter-regular);
}

.account .pagination {
  padding-top: 0;
  text-align: center;
}

.account input:not([type="checkbox"]) {
  width: 100%;
}

.account label {
  padding-bottom: 0.25rem;
  display: inline-block;
}

.account__form-block {
  max-width: 25.6875rem;
}

.account__form-row {
  padding-bottom: var(--gutter-regular);
}

.account__form-row--flex {
  display: flex;
  align-items: center;
  gap: var(--gutter-small);
}

.account__form-row--flex input {
  width: auto;
}

.account__form-row--flex>* {
  flex: auto;
  width: auto;
}

.account__form-row a:not(.button) {
  text-decoration: underline;
}


.account-table .thead .tr {
  height: 100%;
}

.account-table a:not(.button) {
  text-decoration: underline;
}

.account-table .tr {
  display: grid;
  gap: var(--gutter-regular);
  align-items: center;
  padding: 0 var(--gutter-small);
}

.account-table .tr.orders {
  grid-template-columns: 5.625rem 9.375rem 1fr 1fr 5.625rem;
}

.account-table .tr:not(:last-child) {
  border-bottom: solid var(--color-borders-main) 1px;
}

.account-table .th {
  align-self: center;
  white-space: nowrap;
  font-weight: 500;
}

.account-table .td {
  padding: var(--gutter-small) 0;
}

.account-table .td.mobile-cta {
  grid-template-columns: 100%;
  padding-top: var(--gutter-regular);
  padding-bottom: var(--gutter-small);
}







.account-table .tfoot {
  text-align: right;
  padding: var(--gutter-regular);
  border-top: solid var(--color-borders-main) 1px;
}

.account-table .tfoot .tr {
  border: 0;
}

.account-widget__head {
  padding: 0 var(--gutter-regular);
  display: flex;
  align-items: center;
}

.account-widget__body {
  padding: var(--gutter-regular);
}

.mobile-cta {
  width: 100%;
}


.account-divider {
  border: none;
  border-bottom: 1px solid var(--color-borders-main);
  width: 100%;
  background: none;
}




.register-box p {
  font-size: 16px;
}

button.sns-login {
  font-weight: 600;
  font-size: 16px;
}



.account__form-block label {
  font-weight: 600;
}

.account__form-block .form-checkbox label a {
  text-decoration: underline;
}

span.alert.alert--error.alert--icon {
  font-size: 16px;
}

/* Custom Accounts page */
.account-layout h2.heading-size--xsmall.gutter-bottom--small {
  font-size: 16px;
}

.account-layout .tr.orders {
  font-size: 12px;
}

.account-layout main {
  min-height: unset;
}

.account-layout .account-widget__head span {
  font-size: 18px;
}

.account-layout .account-widget__body.remove-empty-space {
  font-size: 16px;
}

.account-table .tr.order {
  grid-template-columns: 4fr 1fr 1fr 5.625rem;
}



/* @media screen and (max-width: 767px) {
  .account-table {
    border: 0;
  }
}

@media screen and (max-width: 767px) {
  .account-table .thead {
    display: none;
  }
} */



/* @media screen and (max-width: 767px) {
  .account-table .tr.orders {
    grid-template-columns: 100%;
  }
} */





/* 
@media screen and (max-width: 767px) {
  .account-table .tr.order {
    grid-template-columns: 100%;
  }
} */

/* @media screen and (max-width: 767px) {
  .account-table .tr {
    grid-template-columns: 100%;
    padding: 0 0 var(--gutter-regular) 0;
    border: solid var(--color-borders-main) 1px;
    border-radius: var(--border-radius-cards);
    margin-bottom: var(--gutter-large);
    gap: 0;
  }
} */




/* @media screen and (max-width: 767px) {
  .account-table .tfoot {
    border-top: 0;
    padding-top: 0;
  }
} */

/* @media screen and (max-width: 426px) {
  .phone_number_label {
    display: none !important;
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
  }
} */


/* 
@media screen and (max-width: 767px) {
  .account-table .td {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: var(--gutter-small) var(--gutter-regular) 0;
    text-align: right;
  }
} */


/* @media screen and (max-width: 767px) {
  .account-table .td .label {
    text-align: left;
  }
} */

/* @media screen and (max-width: 767px) {
  .account-table .td:first-child {
    background-color: rgba(0, 0, 0, 0.05);
    padding-top: 0;
    min-height: 3.4375rem;
    height: auto;
    border-bottom: solid var(--color-borders-main) 1px;
  }
} */

/* @media screen and (max-width: 769px) {
  .phone_number_col {
    flex: 0 0 50%;
  }
} */

/* @media screen and (min-width: 768px) {
  .account-table .label {
    display: none;
  }
} */

/* @media screen and (min-width: 769px) {
  .account-table .label {
    display: none;
  }

  .phone_number_col {
    flex: 0 0 50%;
  }
} */

/* @media screen and (min-width: 768px) {
  .mobile-cta {
    display: none;
  }

  #phone_number {}
} */


/* Custom Register */
/* @media screen and (max-width: 767px) {
  button.password {
    top: 32px !important;
  }

  h1.title {
    font-size: 24px;
  }

  .login-header {
    font-size: 24px !important;
  }

  label {
    font-size: 16px;
  }

  #recover_password form.simple-form {
    max-width: 100% !important;
  }

  #recover_password .account__form-row {
    margin: 30px 0px 10px;
  }

  span.alert.alert--note.margin-bottom--large {
    line-height: 150%;
  }

  #recover_password input#recover-email {
    padding: 15px 10px;
  }

  #recover_password button.button.button--solid {
    padding: 17px 0px;
  }

  h3.heading-size--page-title.gutter-bottom--regular {
    font-size: 24px;
  }

  span.alert.alert--note.margin-bottom--large {
    font-size: 16px;
  }
} */


/* @media screen and (min-width: 768px) {
  h1.title {
    font-size: 48px;
  }

  .login-header {
    font-size: 40px !important;
  }

  h3.heading-size--page-title.gutter-bottom--regular {
    font-size: 48px;
  }
} */

/* Custom Register */
/* @media screen and (max-width: 767px) {
  button.eye-toggle {
    top: 37px !important;
  }
} */

/* Login Page */

/* @media screen and (max-width: 767px) {
  .account-grid .login-box {
    padding: 25px 20px 30px !important;
  }
}

@media screen and (max-width: 426px) {
  .register-box {
    min-height: unset !important;
  }
}

button.sns-login {
  color: #000 !important;
}

@media screen and (max-width: 1023px) {
  .account-layout {
    grid-template-columns: 100%;
  }
} */


/*======================*/
/* Max-width: 426px     */
/*======================*/
@media screen and (max-width: 426px) {
  .phone_number_label {
    display: none !important;
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
  }

  .register-box {
    min-height: unset !important;
  }
}

/*======================*/
/* Max-width: 767px     */
/*======================*/
@media screen and (max-width: 767px) {
  .account-table {
    border: 0;
  }

  .account-table .thead {
    display: none;
  }

  .account-table .tr.orders {
    grid-template-columns: 100%;
  }

  .account-table .tr.order {
    grid-template-columns: 100%;
  }

  .account-table .tr {
    grid-template-columns: 100%;
    padding: 0 0 var(--gutter-regular) 0;
    border: solid var(--color-borders-main) 1px;
    border-radius: var(--border-radius-cards);
    margin-bottom: var(--gutter-large);
    gap: 0;
  }

  .account-table .tfoot {
    border-top: 0;
    padding-top: 0;
  }

  .account-table .td {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: var(--gutter-small) var(--gutter-regular) 0;
    text-align: right;
  }

  .account-table .td .label {
    text-align: left;
  }

  .account-table .td:first-child {
    background-color: rgba(0, 0, 0, 0.05);
    padding-top: 0;
    min-height: 3.4375rem;
    height: auto;
    border-bottom: solid var(--color-borders-main) 1px;
  }

  button.password {
    top: 32px !important;
  }

  button.eye-toggle {
    top: 37px !important;
  }

  h1.title {
    font-size: 24px;
  }

  .login-header {
    font-size: 24px !important;
  }

  label {
    font-size: 16px;
  }

  #recover_password form.simple-form {
    max-width: 100% !important;
  }

  #recover_password .account__form-row {
    margin: 30px 0px 10px;
  }

  #recover_password input#recover-email {
    padding: 15px 10px;
  }

  #recover_password button.button.button--solid {
    padding: 17px 0px;
  }

  h3.heading-size--page-title.gutter-bottom--regular {
    font-size: 24px;
  }

  span.alert.alert--note.margin-bottom--large {
    font-size: 16px;
    line-height: 150%;
  }

  .account-grid .login-box {
    padding: 25px 20px 30px !important;
  }
}

/*======================*/
/* Max-width: 769px     */
/*======================*/
@media screen and (max-width: 769px) {
  .phone_number_col {
    flex: 0 0 50% !important;
  }
}

/*======================*/
/* Max-width: 1023px    */
/*======================*/
@media screen and (max-width: 1023px) {
  .account-layout {
    grid-template-columns: 100%;
  }
}
/*======================*/
/* min-width: 1025px    */
/*======================*/
@media screen and (min-width: 1024px) {
  .phone_number_col {
      flex: 0 0 48.5%;
  }
}

/*======================*/
/* Min-width: 768px     */
/*======================*/
@media screen and (min-width: 768px) {





  .account-table .label {
    display: none;
  }

  .mobile-cta {
    display: none;
  }

  h1.title {
    font-size: 48px;
  }

  .login-header {
    font-size: 40px !important;
  }

  h3.heading-size--page-title.gutter-bottom--regular {
    font-size: 48px;
  }
}

/*======================*/
/* Min-width: 769px     */
/*======================*/
@media screen and (min-width: 769px) {
  .account-table .label {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .account-table a:not(.button) {
    text-align: left;
    padding-left: 1rem;
  }
}


/* ✅ Mobile View */
@media (max-width: 768px) {
  .phone-row {
    grid-template-columns: 1fr; /* Stack everything */
  }

  .phone-row > div {
    width: 100%;
  }
  .verification-group {
    width: 100% !important;
  }

}