/* Kazio Mobile Cart/Checkout/Account v2 */
@media (max-width: 768px) {
  body.kz-mobile-v2-page {
    overflow-x: hidden !important;
  }

  body.kz-mobile-v2-page #content,
  body.kz-mobile-v2-page main,
  body.kz-mobile-v2-page .container,
  body.kz-mobile-v2-page .container-fluid,
  body.kz-mobile-v2-page .kz-mobile-v2-root {
    width: 100% !important;
    max-width: calc(100vw - 12px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    overflow: visible !important;
  }

  body.kz-mobile-v2-page .kz-mobile-v2-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    overflow: visible !important;
    resize: none !important;
  }

  body.kz-mobile-v2-page .kz-mobile-v2-shell::before,
  body.kz-mobile-v2-page .kz-mobile-v2-shell::after {
    display: none !important;
    content: none !important;
  }

  body.kz-mobile-v2-page .kz-mobile-v2-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 12px 0 !important;
    padding: 15px 13px !important;
    border: 1px solid #dceae2 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(6,34,26,.045) !important;
    overflow: visible !important;
    resize: none !important;
  }

  body.kz-mobile-v2-page .kz-mobile-v2-card * {
    max-width: 100% !important;
    resize: none !important;
  }

  body.kz-mobile-v2-page .row,
  body.kz-mobile-v2-page [class*="row"],
  body.kz-mobile-v2-page [class*="grid"],
  body.kz-mobile-v2-page [class*="columns"],
  body.kz-mobile-v2-page [class*="cols"] {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-inline: auto !important;
  }

  body.kz-mobile-v2-page [class^="col-"],
  body.kz-mobile-v2-page [class*=" col-"],
  body.kz-mobile-v2-page [class*="column"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    flex: none !important;
  }

  body.kz-mobile-v2-page input:not([type="checkbox"]):not([type="radio"]),
  body.kz-mobile-v2-page select,
  body.kz-mobile-v2-page textarea {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
  }

  body.kz-mobile-v2-page button,
  body.kz-mobile-v2-page .btn,
  body.kz-mobile-v2-page a.btn,
  body.kz-mobile-v2-page input[type="submit"],
  body.kz-mobile-v2-page input[type="button"] {
    min-height: 44px !important;
    border-radius: 15px !important;
    touch-action: manipulation;
  }

  body.kz-mobile-v2-page .kz-mobile-v2-primary-btn,
  body.kz-mobile-v2-page button[type="submit"],
  body.kz-mobile-v2-page input[type="submit"] {
    width: 100% !important;
    background: #06a95f !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: 950 !important;
  }

  body.kz-mobile-v2-page .kz-mobile-v2-secondary-btn {
    width: 100% !important;
    background: #fff !important;
    color: #101828 !important;
    border: 1px solid #dceae2 !important;
    font-weight: 900 !important;
  }

  /* Cart */
  body.kz-mobile-v2-cart .kz-mobile-v2-cart-title,
  body.kz-mobile-v2-cart .kz-mobile-v2-summary-title {
    text-align: right !important;
    line-height: 1.7 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.kz-mobile-v2-cart img {
    max-width: 88px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.kz-mobile-v2-cart table,
  body.kz-mobile-v2-cart .table,
  body.kz-mobile-v2-cart .table-responsive,
  body.kz-mobile-v2-cart [class*="table"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.kz-mobile-v2-cart [class*="quantity"],
  body.kz-mobile-v2-cart [class*="qty"] {
    max-width: 100% !important;
  }

  body.kz-mobile-v2-cart input[name*="quantity"],
  body.kz-mobile-v2-cart input[name*="qty"] {
    width: 64px !important;
    max-width: 64px !important;
    text-align: center !important;
  }

  /* Checkout */
  body.kz-mobile-v2-checkout fieldset,
  body.kz-mobile-v2-checkout form,
  body.kz-mobile-v2-checkout .form-group,
  body.kz-mobile-v2-checkout .form-row,
  body.kz-mobile-v2-checkout .input-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.kz-mobile-v2-checkout [class*="summary"],
  body.kz-mobile-v2-checkout [class*="order"],
  body.kz-mobile-v2-checkout table {
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  body.kz-mobile-v2-checkout label {
    line-height: 1.8 !important;
  }

  body.kz-mobile-v2-checkout input[type="checkbox"],
  body.kz-mobile-v2-checkout input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  /* Account/dashboard */
  body.kz-mobile-v2-dashboard .kz-mobile-v2-hello,
  body.kz-mobile-v2-dashboard .kz-mobile-v2-club,
  body.kz-mobile-v2-account .kz-mobile-v2-account-title {
    text-align: center !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.kz-mobile-v2-dashboard [class*="profile"],
  body.kz-mobile-v2-dashboard [class*="avatar"] {
    max-width: 100% !important;
  }

  body.kz-mobile-v2-dashboard .kz-club-v1f-account-card,
  body.kz-mobile-v2-dashboard .kz-club-v1-account-card {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    text-align: center !important;
  }

  body.kz-mobile-v2-page [data-kz-ma]::after {
    display: none !important;
  }
}

@media (max-width: 430px) {
  body.kz-mobile-v2-page #content,
  body.kz-mobile-v2-page main,
  body.kz-mobile-v2-page .container,
  body.kz-mobile-v2-page .container-fluid,
  body.kz-mobile-v2-page .kz-mobile-v2-root {
    max-width: calc(100vw - 10px) !important;
  }

  body.kz-mobile-v2-page .kz-mobile-v2-card {
    padding: 13px 11px !important;
    border-radius: 18px !important;
  }

  body.kz-mobile-v2-page h1 {
    font-size: 23px !important;
    line-height: 1.75 !important;
  }

  body.kz-mobile-v2-page h2 {
    font-size: 20px !important;
    line-height: 1.75 !important;
  }

  body.kz-mobile-v2-page h3 {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }
}