.elementor-14 .elementor-element.elementor-element-08bfab3{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-08bfab3{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-08bfab3{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-cbf6a40 *//* ============================================================
   SAKTYA — MY ACCOUNT PAGE
   WooCommerce My Account + Login Styling
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&family=Gilda+Display&display=swap');


/* ============================================================
   BASE
   ============================================================ */



.woocommerce-account .woocommerce {
  font-family: 'Karla', Arial, sans-serif !important;
  color: #1a1a1a;
  max-width: 90rem;
  margin: 0 auto;
  padding: 2.5rem 3.75% 4rem;
}


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

.woocommerce-account .page-title,
.woocommerce-account h1.entry-title {
  font-family: 'Gilda Display', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(1.8rem, 3.5vw, 40px) !important;
  line-height: 1.15 !important;
  color: #4D3223 !important;
  margin: 0 0 2rem !important;
}


/* ============================================================
   LOGGED-IN ACCOUNT LAYOUT
   Only apply flex when the My Account navigation exists.
   This prevents the login page from breaking.
   ============================================================ */

@media (min-width: 992px) {

  .woocommerce-account
  .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: flex !important;
    align-items: flex-start !important;
    gap: 3rem !important;
  }

  .woocommerce-account
  .woocommerce:has(.woocommerce-MyAccount-navigation)
  .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 16rem !important;
    flex: 0 0 16rem !important;
  }

  .woocommerce-account
  .woocommerce:has(.woocommerce-MyAccount-navigation)
  .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

}


/* ============================================================
   ACCOUNT NAVIGATION
   ============================================================ */

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(0,0,0,0.1) !important;
}

.woocommerce-MyAccount-navigation-link {
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.woocommerce-MyAccount-navigation-link a {
  display: block !important;
  padding: 0.9rem 0.25rem !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: rgba(0,0,0,0.6) !important;
  text-decoration: none !important;
}

.woocommerce-MyAccount-navigation-link a:hover {
  color: #1a1a1a !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
  color: #4D3223 !important;
  font-weight: 700 !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #a6342a !important;
}


/* ============================================================
   ACCOUNT CONTENT HEADINGS
   ============================================================ */

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: 'Gilda Display', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
  color: #4D3223 !important;
  margin: 0 0 1.25rem !important;
}

.woocommerce-MyAccount-content p {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.woocommerce-MyAccount-content mark {
  background: none !important;
  color: #4D3223 !important;
  font-weight: 700 !important;
}


/* ============================================================
   ACCOUNT CONTENT LINKS
   ============================================================ */

.woocommerce-MyAccount-content a:not(.button) {
  color: #4D3223 !important;
  text-decoration: underline !important;
}


/* ============================================================
   ORDERS TABLE
   ============================================================ */

table.woocommerce-orders-table,
table.woocommerce-table {
  width: 100% !important;
  border: none !important;
  border-collapse: collapse !important;
}

table.woocommerce-orders-table thead th,
table.woocommerce-table thead th {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(0,0,0,0.5) !important;
  text-align: left !important;
  padding: 0 0 0.85rem !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
  background: none !important;
}

table.woocommerce-orders-table tbody tr,
table.woocommerce-table tbody tr {
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

table.woocommerce-orders-table tbody td,
table.woocommerce-table tbody td {
  padding: 1rem 0.5rem 1rem 0 !important;
  border: none !important;
  font-size: 14px !important;
  background: none !important;
}


/* ============================================================
   ORDER STATUS
   ============================================================ */

.order-status {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0.3rem 0.7rem !important;
  background: #f5f0e8 !important;
  color: #4D3223 !important;
}

.order-status.status-completed {
  background: #e6f0e7 !important;
  color: #2f6b3a !important;
}

.order-status.status-cancelled,
.order-status.status-failed {
  background: #f7e6e4 !important;
  color: #a6342a !important;
}

.order-status.status-processing {
  background: #fdf3e0 !important;
  color: #b57c1a !important;
}


/* ============================================================
   ACCOUNT BUTTONS
   ============================================================ */

.woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-Button.button {
  display: inline-block !important;
  background: #ffffff !important;
  color: #4D3223 !important;
  border: 1px solid rgba(0,0,0,0.2) !important;
  border-radius: 0 !important;
  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 0.5rem 1rem !important;
  text-decoration: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  margin: 0.15rem 0.3rem 0.15rem 0 !important;
}

.woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-Button.button:hover {
  background: #f5f0e8 !important;
}

.woocommerce-Button.button.pay,
.woocommerce-Button.button.view {
  background: #2A231D !important;
  color: #ffffff !important;
  border-color: #2A231D !important;
}

.woocommerce-Button.button.pay:hover,
.woocommerce-Button.button.view:hover {
  background: #40342a !important;
}


/* ============================================================
   EMPTY STATE
   ============================================================ */

.woocommerce-notice,
.woocommerce-Message {
  border-top-color: #4D3223 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  padding: 1rem 1.5rem !important;
}

.woocommerce-notice::before,
.woocommerce-Message::before {
  color: #4D3223 !important;
}


/* ============================================================
   ADDRESSES
   ============================================================ */

.woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.5rem !important;
}

.woocommerce-Address {
  border: 1px solid rgba(0,0,0,0.1) !important;
  padding: 1.5rem !important;
}

.woocommerce-Address-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 1rem !important;
}

.woocommerce-Address-title h3 {
  margin: 0 !important;
  font-size: 18px !important;
}

.woocommerce-Address-title a.edit {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #4D3223 !important;
  text-decoration: underline !important;
}

address {
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(0,0,0,0.75) !important;
}


/* ============================================================
   ACCOUNT DETAILS / EDIT ACCOUNT
   ============================================================ */

.woocommerce-EditAccountForm .form-row,
.woocommerce-address-fields .form-row {
  margin-bottom: 1.1rem !important;
}

.woocommerce-EditAccountForm label,
.woocommerce-address-fields label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(0,0,0,0.6) !important;
  margin-bottom: 0.4rem !important;
}

.woocommerce-EditAccountForm .required,
.woocommerce-address-fields .required {
  color: #a6342a !important;
  text-decoration: none !important;
}

.woocommerce-EditAccountForm input.input-text,
.woocommerce-EditAccountForm select,
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields select {
  width: 100% !important;
  max-width: 24rem !important;
  height: 3rem !important;
  border: 1px solid rgba(0,0,0,0.2) !important;
  border-radius: 0 !important;
  padding: 0 1rem !important;
  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 14px !important;
  color: #1a1a1a !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.woocommerce-EditAccountForm input.input-text:focus,
.woocommerce-address-fields input.input-text:focus {
  outline: none !important;
  border-color: #4D3223 !important;
}

.woocommerce-EditAccountForm fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 0 !important;
}

.woocommerce-EditAccountForm legend {
  font-family: 'Gilda Display', Georgia, serif !important;
  font-size: 18px !important;
  color: #4D3223 !important;
  padding: 0 !important;
  margin-bottom: 0.75rem !important;
}

.woocommerce-EditAccountForm button[type="submit"],
.woocommerce-address-fields button[type="submit"],
.woocommerce-Button[name="save_address"] {
  display: inline-block !important;
  background: #2A231D !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0.9rem 2rem !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-transform: none !important;
  margin-top: 1rem !important;
}

.woocommerce-EditAccountForm button[type="submit"]:hover,
.woocommerce-address-fields button[type="submit"]:hover {
  background: #40342a !important;
}


/* ============================================================
   LOGIN / REGISTER
   ============================================================ */

/*
   IMPORTANT:
   Do NOT apply display:flex to .woocommerce globally.
   WooCommerce's logged-out markup is different from
   the logged-in My Account markup.
*/


/* Main logged-out container */

.woocommerce-account
.woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
  display: block !important;
}


/* Login/Register columns */

.woocommerce-account .u-columns.col2-set,
.woocommerce-account .col2-set {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3rem !important;
  width: 100% !important;
}


/* Individual columns */

.woocommerce-account .col-1,
.woocommerce-account .col-2 {
  width: 100% !important;
  float: none !important;
}


/* ============================================================
   LOGIN FORM
   ============================================================ */

.woocommerce-account .woocommerce-form-login {
  width: 100% !important;
  max-width: 32rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* Login heading */

.woocommerce-account .woocommerce-form-login h2 {
  display: block !important;
  width: 100% !important;
  font-family: 'Gilda Display', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(2rem, 3vw, 40px) !important;
  line-height: 1.15 !important;
  color: #4D3223 !important;
  margin: 0 0 2rem !important;
}


/* Login fields */

.woocommerce-account .woocommerce-form-login .form-row {
  margin: 0 0 1.25rem !important;
  padding: 0 !important;
}


/* Labels */

.woocommerce-account .woocommerce-form-login label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(0,0,0,0.65) !important;
  margin: 0 0 0.45rem !important;
}


/* Inputs */

.woocommerce-account .woocommerce-form-login input.input-text {
  width: 100% !important;
  max-width: none !important;
  height: 3.25rem !important;
  padding: 0 1rem !important;
  border: 1px solid rgba(0,0,0,0.22) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #1a1a1a !important;
  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 15px !important;
  box-shadow: none !important;
}


/* Input focus */

.woocommerce-account .woocommerce-form-login input.input-text:focus {
  outline: none !important;
  border-color: #4D3223 !important;
  box-shadow: none !important;
}


/* Remember me */

.woocommerce-account
.woocommerce-form-login
.woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  margin: 0 0 1.5rem !important;
  font-size: 13px !important;
  color: rgba(0,0,0,0.65) !important;
}


/* Remember checkbox */

.woocommerce-account
.woocommerce-form-login
.woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #4D3223 !important;
}


/* Login button */

.woocommerce-account
.woocommerce-form-login
button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 3rem !important;
  padding: 0.85rem 2rem !important;
  background: #2A231D !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-transform: none !important;
  margin: 0 !important;
}

.woocommerce-account
.woocommerce-form-login
button[type="submit"]:hover {
  background: #40342a !important;
}


/* Lost password */

.woocommerce-account .woocommerce-LostPassword {
  margin: 1.25rem 0 0 !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-LostPassword a {
  color: #4D3223 !important;
  font-size: 13px !important;
  text-decoration: underline !important;
}


/* ============================================================
   REGISTER FORM
   ============================================================ */

.woocommerce-account .woocommerce-form-register {
  width: 100% !important;
  max-width: 32rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.woocommerce-account .woocommerce-form-register h2 {
  font-family: 'Gilda Display', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(2rem, 3vw, 40px) !important;
  line-height: 1.15 !important;
  color: #4D3223 !important;
  margin: 0 0 2rem !important;
}

.woocommerce-account .woocommerce-form-register .form-row {
  margin: 0 0 1.25rem !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-form-register label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(0,0,0,0.65) !important;
  margin: 0 0 0.45rem !important;
}

.woocommerce-account .woocommerce-form-register input.input-text {
  width: 100% !important;
  max-width: none !important;
  height: 3.25rem !important;
  padding: 0 1rem !important;
  border: 1px solid rgba(0,0,0,0.22) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #1a1a1a !important;
  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

.woocommerce-account .woocommerce-form-register input.input-text:focus {
  outline: none !important;
  border-color: #4D3223 !important;
  box-shadow: none !important;
}

.woocommerce-account
.woocommerce-form-register
button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 3rem !important;
  padding: 0.85rem 2rem !important;
  background: #2A231D !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-transform: none !important;
}


/* ============================================================
   REMOVE DEFAULT WOOCOMMERCE LOGIN FORM BOX
   ============================================================ */

.woocommerce-account form.login,
.woocommerce-account form.register {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}


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

@media (max-width: 991px) {

  .woocommerce-account
  .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: block !important;
  }

  .woocommerce-account
  .woocommerce:has(.woocommerce-MyAccount-navigation)
  .woocommerce-MyAccount-navigation {
    width: 100% !important;
    margin-bottom: 2rem !important;
  }

  .woocommerce-account
  .woocommerce:has(.woocommerce-MyAccount-navigation)
  .woocommerce-MyAccount-content {
    width: 100% !important;
  }

  .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-account .u-columns.col2-set,
  .woocommerce-account .col2-set {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }

  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register {
    max-width: 100% !important;
  }

}


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

@media (max-width: 768px) {

  .woocommerce-account .woocommerce {
    padding: 1.5rem 5% 3rem !important;
  }

  .woocommerce-account .page-title,
  .woocommerce-account h1.entry-title {
    font-size: 1.6rem !important;
    margin-bottom: 1.25rem !important;
  }

  .woocommerce-MyAccount-navigation-link a {
    padding: 0.75rem 0.25rem !important;
    font-size: 13px !important;
  }

  /* Orders */

  table.woocommerce-orders-table thead {
    display: none !important;
  }

  table.woocommerce-orders-table tbody tr {
    display: block !important;
    padding: 1rem 0 !important;
  }

  table.woocommerce-orders-table tbody td {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.2rem 0 !important;
    font-size: 13px !important;
  }

  /* Prevent iOS zoom */

  .woocommerce-EditAccountForm input.input-text,
  .woocommerce-address-fields input.input-text,
  .woocommerce-form-login input.input-text,
  .woocommerce-form-register input.input-text {
    font-size: 16px !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08bfab3 */<style>
.woocommerce-account
.woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 90rem !important;
  margin: 0 auto !important;
  padding: 5rem 3.75% 6rem !important;
}


/* Login + Register wrapper */
.woocommerce-account
.woocommerce:not(:has(.woocommerce-MyAccount-navigation))
.u-columns.col2-set,
.woocommerce-account
.woocommerce:not(:has(.woocommerce-MyAccount-navigation))
.col2-set {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5rem !important;

  width: 100% !important;
  max-width: 900px !important;

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


/* Individual columns */
.woocommerce-account
.woocommerce:not(:has(.woocommerce-MyAccount-navigation))
.col-1,
.woocommerce-account
.woocommerce:not(:has(.woocommerce-MyAccount-navigation))
.col-2 {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ============================================================
   LOGIN
   ============================================================ */

.woocommerce-account
.woocommerce-form-login {

  width: 100% !important;
  max-width: 380px !important;

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

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


/* Login heading */
.woocommerce-account
.woocommerce-form-login h2 {

  font-family: 'Gilda Display', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  color: #4D3223 !important;

  margin: 0 0 1.75rem !important;
}


/* Login rows */
.woocommerce-account
.woocommerce-form-login .form-row {

  width: 100% !important;
  margin: 0 0 1.2rem !important;
  padding: 0 !important;
}


/* Login labels */
.woocommerce-account
.woocommerce-form-login label {

  display: block !important;

  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;

  color: rgba(0,0,0,0.65) !important;

  margin: 0 0 0.45rem !important;
}


/* Login inputs */
.woocommerce-account
.woocommerce-form-login input.input-text {

  width: 100% !important;
  height: 52px !important;

  padding: 0 14px !important;

  border: 1px solid rgba(0,0,0,0.22) !important;
  border-radius: 0 !important;

  background: #fff !important;

  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 15px !important;

  box-shadow: none !important;
}


/* Login input focus */
.woocommerce-account
.woocommerce-form-login input.input-text:focus {

  outline: none !important;
  border-color: #4D3223 !important;
  box-shadow: none !important;
}


/* Remember me */
.woocommerce-account
.woocommerce-form-login
.woocommerce-form-login__rememberme {

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

  gap: 8px !important;

  margin: 0 0 1.4rem !important;

  font-size: 13px !important;
}


/* Checkbox */
.woocommerce-account
.woocommerce-form-login
.woocommerce-form-login__rememberme input[type="checkbox"] {

  width: 16px !important;
  height: 16px !important;

  margin: 0 !important;
}


/* Login button */
.woocommerce-account
.woocommerce-form-login button[type="submit"] {

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

  height: 48px !important;

  padding: 0 30px !important;

  background: #2A231D !important;
  color: #fff !important;

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

  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  cursor: pointer !important;

  box-shadow: none !important;
}


/* Lost password */
.woocommerce-account
.woocommerce-LostPassword {

  margin: 1.15rem 0 0 !important;
  padding: 0 !important;
}

.woocommerce-account
.woocommerce-LostPassword a {

  font-size: 13px !important;
  color: #4D3223 !important;
  text-decoration: underline !important;
}


/* ============================================================
   CREATE ACCOUNT / REGISTER
   ============================================================ */

.woocommerce-account
.woocommerce-form-register {

  width: 100% !important;
  max-width: 380px !important;

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

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


/* Register heading */
.woocommerce-account
.woocommerce-form-register h2 {

  font-family: 'Gilda Display', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  color: #4D3223 !important;

  margin: 0 0 1.75rem !important;
}


/* Register rows */
.woocommerce-account
.woocommerce-form-register .form-row {

  width: 100% !important;

  margin: 0 0 1.2rem !important;
  padding: 0 !important;
}


/* Register labels */
.woocommerce-account
.woocommerce-form-register label {

  display: block !important;

  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;

  color: rgba(0,0,0,0.65) !important;

  margin: 0 0 0.45rem !important;
}


/* Register inputs */
.woocommerce-account
.woocommerce-form-register input.input-text {

  width: 100% !important;
  height: 52px !important;

  padding: 0 14px !important;

  border: 1px solid rgba(0,0,0,0.22) !important;
  border-radius: 0 !important;

  background: #fff !important;

  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 15px !important;

  box-shadow: none !important;
}


/* Register input focus */
.woocommerce-account
.woocommerce-form-register input.input-text:focus {

  outline: none !important;
  border-color: #4D3223 !important;
  box-shadow: none !important;
}


/* Register description */
.woocommerce-account
.woocommerce-form-register p {

  font-size: 13px !important;
  line-height: 1.65 !important;

  color: rgba(0,0,0,0.7) !important;

  margin: 0 0 1.25rem !important;
}


/* Register button */
.woocommerce-account
.woocommerce-form-register button[type="submit"] {

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

  height: 48px !important;

  padding: 0 30px !important;

  background: #2A231D !important;
  color: #fff !important;

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

  font-family: 'Karla', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  cursor: pointer !important;

  box-shadow: none !important;
}


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

@media (max-width: 767px) {

  .woocommerce-account
  .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {

    display: block !important;

    padding: 3rem 5% 4rem !important;
  }


  .woocommerce-account
  .woocommerce:not(:has(.woocommerce-MyAccount-navigation))
  .u-columns.col2-set,
  .woocommerce-account
  .woocommerce:not(:has(.woocommerce-MyAccount-navigation))
  .col2-set {

    grid-template-columns: 1fr !important;

    gap: 3rem !important;

    max-width: 420px !important;
  }


  .woocommerce-account
  .woocommerce-form-login,
  .woocommerce-account
  .woocommerce-form-register {

    max-width: 100% !important;
  }


  .woocommerce-account
  .woocommerce-form-login h2,
  .woocommerce-account
  .woocommerce-form-register h2 {

    font-size: 28px !important;
  }


    
}/* End custom CSS */