/* QuePedimos Store V6 - Category Pills */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--qp-red:#E53935;--qp-bg:#F7F7F7;--qp-white:#FFFFFF;--qp-border:#EBEBEB;--qp-fg1:#1A1A1A;--qp-fg2:#666666;--qp-fg3:#999999;--qp-font:'Plus Jakarta Sans','Inter',-apple-system,sans-serif}
.simplified-store,.simplified-store *{font-family:var(--qp-font)!important;box-sizing:border-box!important}
body .simplified-store,body .simplified-store .store-area,body .simplified-store section,body .simplified-store .online-food,body .simplified-store .tab-content,body .simplified-store .tab-pane{background-color:var(--qp-bg)!important}
.simplified-store .store-banner-img img{width:100%!important;height:200px!important;object-fit:cover!important;display:block!important}
.simplified-store .store-info-section{background:var(--qp-white)!important;padding:14px 16px 14px!important;margin:0!important;box-shadow:0 1px 0 var(--qp-border)!important}
.simplified-store .store-info,.simplified-store .store-info .row{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;margin:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.simplified-store .store-info .col-md-3,.simplified-store .store-info .col-sm-4{display:block!important;flex:0 0 60px!important;width:60px!important;max-width:60px!important;padding:0!important}
.simplified-store .store-info .col-md-9,.simplified-store .store-info .col-sm-8{display:block!important;flex:1!important;min-width:0!important;max-width:none!important;width:auto!important;padding:0!important}
.simplified-store .store-logo-container{width:60px!important;height:60px!important;border-radius:12px!important;overflow:hidden!important;border:1.5px solid var(--qp-border)!important;background:#fff!important}
.simplified-store .store-logo-img,.simplified-store .store-logo-container img{width:60px!important;height:60px!important;object-fit:cover!important;display:block!important}
.simplified-store .store-details{display:flex!important;flex-direction:column!important;gap:4px!important}
.simplified-store .store-title-section{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.simplified-store .store-name{font-size:17px!important;font-weight:700!important;color:var(--qp-fg1)!important;margin:0!important;line-height:1.2!important}
.simplified-store .open-badge,.simplified-store .badge-red{font-size:11px!important;font-weight:600!important;background:#e8f5e9!important;color:#2e7d32!important;border:none!important;border-radius:4px!important;padding:2px 7px!important}
.simplified-store .store-location-info{display:flex!important;flex-direction:column!important;gap:2px!important;margin-top:2px!important}
.simplified-store .location-item{display:flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;color:var(--qp-fg2)!important;margin:0!important;line-height:1.4!important}
.simplified-store .location-item .s-icon{display:inline-flex!important;align-items:center!important;flex-shrink:0!important}
.simplified-store .location-item .s-icon svg{width:12px!important;height:12px!important;stroke:var(--qp-fg3)!important;fill:none!important}
.simplified-store .store-meta-info{display:flex!important;align-items:center!important;gap:14px!important;margin-top:6px!important;flex-wrap:wrap!important}
.simplified-store .delivery-time-info{display:flex!important;align-items:center!important;gap:5px!important;font-size:12px!important;font-weight:600!important;color:var(--qp-fg1)!important}
.simplified-store .delivery-time-info .s-icon{display:inline-flex!important;align-items:center!important;flex-shrink:0!important}
.simplified-store .delivery-time-info .s-icon svg{width:14px!important;height:14px!important;stroke:var(--qp-fg2)!important;fill:none!important;color:var(--qp-fg2)!important}
.simplified-store .rating-info{display:flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;color:var(--qp-fg2)!important}
.simplified-store .rating-score{display:flex!important;align-items:center!important;gap:3px!important;font-weight:600!important;color:var(--qp-fg1)!important}
.simplified-store .rating-score .s-icon svg{width:13px!important;height:13px!important;fill:#f59e0b!important;stroke:none!important}
.simplified-store .rating-count{font-size:11px!important;color:var(--qp-fg3)!important}
.simplified-store .store-action{position:sticky!important;top:0!important;z-index:30!important;background:var(--qp-white)!important;border-bottom:1px solid var(--qp-border)!important;padding:0!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important}
.simplified-store .store-action .nav-tabs{display:flex!important;flex-wrap:nowrap!important;border:none!important;padding:0 16px!important;margin:0!important;background:transparent!important;overflow-x:auto!important;scrollbar-width:none!important}
.simplified-store .store-action .nav-tabs::-webkit-scrollbar{display:none!important}
.simplified-store .store-action .nav-tabs li{list-style:none!important;flex:0 0 auto!important}
.simplified-store .store-action .nav-tabs li a{display:block!important;padding:12px 16px!important;font-size:14px!important;font-weight:600!important;color:var(--qp-fg2)!important;text-decoration:none!important;border:none!important;border-bottom:2.5px solid transparent!important;background:transparent!important;white-space:nowrap!important;border-radius:0!important;margin:0!important}
.simplified-store .store-action .nav-tabs li.active a,.simplified-store .store-action .nav-tabs li a.active,.simplified-store .store-action .nav-tabs li a:hover{color:var(--qp-red)!important;border-bottom-color:var(--qp-red)!important}
/* ── CATEGORY PILLS BAR ── */
.qp-cat-pills{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;gap:8px!important;padding:10px 16px!important;background:var(--qp-white)!important;border-bottom:1px solid var(--qp-border)!important;position:sticky!important;top:45px!important;z-index:29!important}
.qp-cat-pills::-webkit-scrollbar{display:none!important}
.qp-cat-pill{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;padding:6px 14px!important;border-radius:20px!important;border:1.5px solid var(--qp-border)!important;background:var(--qp-white)!important;color:var(--qp-fg1)!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;text-decoration:none!important;transition:all .15s!important;flex-shrink:0!important}
.qp-cat-pill:hover,.qp-cat-pill.active{background:var(--qp-fg1)!important;color:#fff!important;border-color:var(--qp-fg1)!important}
/* ── CATEGORY TITLES ── */
.simplified-store .category-title{padding:12px 16px 6px!important;margin:0!important;background:var(--qp-bg)!important}
body .simplified-store .category-title h3,
body .simplified-store .category-title h4,
body .simplified-store .single-category-main-content .col-lg-12 .category-title h3,
body .simplified-store .single-category-main-content .col-lg-12 .category-title h4{font-size:11px!important;font-weight:700!important;color:#999!important;letter-spacing:.8px!important;text-transform:uppercase!important;margin:0!important;padding:0!important;line-height:1.4!important}
body .simplified-store .single-category-main-content [class*="col-"]{padding:0!important}
.simplified-store .single-category-food{background:transparent!important;border-radius:0!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0 0 8px!important}
.simplified-store .single-category-main-content{background:#fff!important;border-radius:0!important;box-shadow:none!important;border:none!important;padding:0!important}
.simplified-store .tab-content,.simplified-store .tab-pane,.simplified-store #online_order{background:var(--qp-bg)!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.simplified-store .online-food,.simplified-store .store-action-content{background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.simplified-store .single-category-main-content .row{margin:0!important}
.simplified-store .col-xl-3,.simplified-store .col-lg-4,.simplified-store .col-md-6,.simplified-store .col-sm-6,.simplified-store .col-12{width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important;margin:0!important}
.simplified-store .food-items [class*="col-"]{width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important}
.mb-4{margin-bottom:0!important}
body .simplified-store .single-food-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;background:var(--qp-white)!important;border-radius:0!important;box-shadow:none!important;border:none!important;border-bottom:1px solid var(--qp-border)!important;padding:14px 16px!important;margin:0!important;width:100%!important;min-height:88px!important;cursor:pointer!important}
body .simplified-store .food-img{flex:0 0 72px!important;width:72px!important;height:72px!important;border-radius:10px!important;overflow:hidden!important;order:1!important}
body .simplified-store .food-img img{width:72px!important;height:72px!important;object-fit:cover!important;display:block!important}
body .simplified-store .food-another{flex:1!important;min-width:0!important;order:2!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important}
body .simplified-store .food-another h5{font-size:14px!important;font-weight:600!important;color:var(--qp-fg1)!important;margin:0 0 2px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body .simplified-store .food-another p{font-size:12px!important;color:var(--qp-fg3)!important;margin:0 0 4px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body .simplified-store .food-price-action{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:4px!important;gap:8px!important}
body .simplified-store .food-price{font-size:14px!important;font-weight:700!important;color:var(--qp-fg1)!important}
body .simplified-store .food-action a,body .simplified-store .food-action button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:8px!important;background:var(--qp-red)!important;border:none!important;outline:none!important;cursor:pointer!important;text-decoration:none!important;padding:0!important;flex-shrink:0!important}
body .simplified-store .food-action a:hover,body .simplified-store .food-action button:hover{background:#c62828!important}
body .simplified-store .food-action a svg,body .simplified-store .food-action button svg{width:16px!important;height:16px!important;display:block!important}
body .simplified-store .food-action a svg path,body .simplified-store .food-action a svg circle,body .simplified-store .food-action button svg path,body .simplified-store .food-action button svg circle{stroke:#ffffff!important;fill:none!important}
.simplified-store .owl-nav,.simplified-store .store-banner-section .prev,.simplified-store .store-banner-section .next{display:none!important}
.fstResultItem{font-size:.8em!important}

/* MOBILE APP REDESIGN V7 */
@media (max-width: 768px) {
  body .modal-dialog,
  body #product-modal .modal-dialog {
    margin: 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    transform: none !important;
  }
  body .modal-content,
  body #product-modal .modal-content {
    border-radius: 20px 20px 0 0 !important;
    border: none !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
    box-shadow: 0 -8px 40px rgba(0,0,0,.18) !important;
  }
  body .modal-content::before,
  body #product-modal .modal-content::before {
    content: '' !important;
    display: block !important;
    width: 40px !important;
    height: 4px !important;
    background: #ddd !important;
    border-radius: 2px !important;
    margin: 10px auto 0 !important;
  }
  body .modal-header,
  body #product-modal .modal-header {
    border-bottom: none !important;
    padding: 8px 16px 0 !important;
  }
  body .modal.fade .modal-dialog {
    transform: translateY(100%) !important;
    transition: transform .3s cubic-bezier(.32,.72,0,1) !important;
  }
  body .modal.show .modal-dialog {
    transform: translateY(0) !important;
  }
  body .modal-footer,
  body #product-modal .modal-footer {
    position: sticky !important;
    bottom: 0 !important;
    background: white !important;
    padding: 12px 16px !important;
    box-shadow: 0 -2px 16px rgba(0,0,0,.08) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-top: 1px solid #f0f0f0 !important;
    border-radius: 0 !important;
  }
  body .modal-footer .btn:not(.btn-secondary):not(.btn-light):not(.close) {
    flex: 1 !important;
    height: 48px !important;
    border-radius: 50px !important;
    background: #111 !important;
    color: white !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border: none !important;
  }
  body .checkout-page .row,
  body .checkout-wrapper .row {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  body .checkout-page .col-md-4,
  body .checkout-page .col-lg-4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }
  body .checkout-page .col-md-8,
  body .checkout-page .col-lg-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }
}
body .modal-content select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: white !important;
  border: 1.5px solid #e5e5e5 !important;
  border-radius: 10px !important;
  padding: 10px 36px 10px 12px !important;
  font-size: 14px !important;
  width: 100% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}
body .checkout-step-number,
body .step-badge,
body .checkout-step h4 .badge,
body .checkout-step h3 .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #111 !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
body .checkout-page input[type="text"],
body .checkout-page input[type="tel"],
body .checkout-page input[type="email"],
body .checkout-page select,
body .checkout-page textarea,
body #checkout-page .form-control {
  height: 48px !important;
  border: 1.5px solid #e8e8e8 !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  box-shadow: none !important;
}
body .checkout-page .place-order-btn,
body .checkout-page .btn-checkout,
body .checkout-page #place-order,
body .checkout-page button[type="submit"].checkout-submit {
  display: block !important;
  width: 100% !important;
  height: 54px !important;
  border-radius: 50px !important;
  background: #111 !important;
  color: white !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border: none !important;
}

/* MOBILE APP REDESIGN V8 - SELECTORES REALES */
@media (max-width: 768px) {
  /* === BOTTOM SHEET: modal-area === */
  .modal-area {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.5) !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: flex-end !important;
  }
  .modal-area.d-none {
    display: none !important;
  }
  .modal-main-content {
    background: #fff !important;
    border-radius: 20px 20px 0 0 !important;
    width: 100% !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    padding: 0 16px 24px !important;
    position: relative !important;
    box-shadow: 0 -8px 40px rgba(0,0,0,.18) !important;
  }
  .modal-main-content::before {
    content: '' !important;
    display: block !important;
    width: 40px !important;
    height: 4px !important;
    background: #ddd !important;
    border-radius: 2px !important;
    margin: 12px auto 8px !important;
  }
  /* close button */
  .close-modal {
    position: sticky !important;
    top: 0 !important;
    background: #fff !important;
    padding: 4px 0 8px !important;
    z-index: 2 !important;
    text-align: right !important;
  }
  /* product title */
  .modal-main-content .food-title h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
  }
  /* selects de opciones */
  .modal-main-content select.form-control {
    -webkit-appearance: none !important;
    appearance: none !important;
    border: 1.5px solid #e5e5e5 !important;
    border-radius: 10px !important;
    padding: 10px 36px 10px 12px !important;
    font-size: 14px !important;
    height: auto !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-color: #fff !important;
    box-shadow: none !important;
  }
  /* sticky footer con botón agregar */
  .modal-main-content .qty-btn-area,
  .modal-main-content .add-to-cart-area,
  .modal-main-content > form > .row:last-child,
  .modal-main-content .btn-add-to-cart-wrap {
    position: sticky !important;
    bottom: 0 !important;
    background: #fff !important;
    padding: 12px 0 !important;
    box-shadow: 0 -2px 16px rgba(0,0,0,.08) !important;
    margin: 0 -16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* botón agregar al carrito */
  .modal-main-content .btn-success,
  .modal-main-content button[type="submit"],
  .modal-main-content .add_to_cart_btn {
    width: 100% !important;
    height: 50px !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: #111 !important;
    border: none !important;
    color: #fff !important;
  }
}

/* ============ V9 MODAL INTERIOR + CHECKOUT ============ */
@media (max-width:768px){
  /* close button */
  .close-modal{
    position:sticky;top:0;z-index:3;
    background:#fff;
    padding:6px 18px;
    display:flex;justify-content:flex-end;
  }
  .close_model{
    width:32px;height:32px;border-radius:50%;
    background:#F0F3F7;
    display:inline-flex;align-items:center;justify-content:center;
  }
  /* product title */
  .modal-main-content .food-title h4{
    font-size:20px!important;font-weight:700!important;
    color:#0A1A2F!important;letter-spacing:-.02em!important;
    padding:0 18px!important;
  }
  /* select de modificadores */
  .modal-main-content select,
  .modal-main-content select.form-control{
    -webkit-appearance:none!important;appearance:none!important;
    width:100%!important;height:50px!important;
    border:1.5px solid #E4E8EE!important;
    border-radius:14px!important;
    padding:0 40px 0 14px!important;
    font-size:15px!important;color:#0A1A2F!important;
    background-color:#F0F3F7!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6B80' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 12px center!important;
    box-shadow:none!important;margin-bottom:10px!important;
  }
  .modal-main-content select:focus,
  .modal-main-content select.form-control:focus{
    border-color:#004B97!important;
    box-shadow:0 0 0 3px rgba(0,75,151,.12)!important;
  }
  /* sticky footer */
  .modal-main-content .add-to-cart-button{
    position:sticky!important;bottom:0!important;z-index:2!important;
    background:#fff!important;
    border-top:1px solid #EEF1F5!important;
    padding:14px 18px 22px!important;
    margin:0!important;
  }
  /* botón agregar */
  .modal-main-content .add-to-cart-button button,
  .modal-main-content button[type="submit"]{
    width:100%!important;height:56px!important;
    border-radius:18px!important;
    background:#004B97!important;color:#fff!important;
    font-size:16px!important;font-weight:700!important;
    border:none!important;
    box-shadow:0 8px 20px rgba(0,75,151,.28)!important;
  }
  /* CHECKOUT */
  .checkout-page input[type="text"],
  .checkout-page input[type="tel"],
  .checkout-page input[type="email"],
  .checkout-page select,
  .checkout-page .form-control{
    height:50px!important;
    border:1.5px solid #E4E8EE!important;
    border-radius:14px!important;
    padding:0 14px!important;
    background:#F0F3F7!important;
    box-shadow:none!important;
  }
  .checkout-page input:focus,
  .checkout-page .form-control:focus{
    border-color:#004B97!important;
    box-shadow:0 0 0 3px rgba(0,75,151,.12)!important;
  }
  .checkout-page button[type="submit"]{
    width:100%!important;height:56px!important;
    border-radius:18px!important;
    background:#004B97!important;color:#fff!important;
    font-size:16px!important;font-weight:700!important;
    border:none!important;
    box-shadow:0 8px 20px rgba(0,75,151,.28)!important;
  }
}
/* ============ END V9 ============ */

/* ============================================================
   QUEPEDIMOS STORE V10 — replica diseño referencia
   Solo CSS, zero cambios a logica
   ============================================================ */
@media (max-width: 768px) {

  .modal-main-content .row {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .modal-main-content .food-title h4 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0A1A2F !important;
    letter-spacing: -.02em !important;
    line-height: 1.25 !important;
    margin-bottom: 2px !important;
  }

  .modal-main-content .right-section span {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #004B97 !important;
  }

  .modal-main-content .food-description p {
    font-size: 14px !important;
    color: #5A6B80 !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
  }

  .modal-main-content .adds-on-area h5,
  .modal-main-content .specials-area h5 {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #5A6B80 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    margin-bottom: 4px !important;
  }

  .modal-main-content .specials-area p {
    font-size: 13px !important;
    color: #5A6B80 !important;
    margin-bottom: 8px !important;
  }

  .modal-main-content .badges {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    background: #E8F0F9 !important;
    color: #004B97 !important;
  }

  .modal-main-content hr {
    border-color: #EEF1F5 !important;
    margin: 8px 0 !important;
  }

  .modal-main-content .custom-control-label,
  .modal-main-content .custom-control-label2 {
    font-size: 15px !important;
    color: #0A1A2F !important;
    font-weight: 500 !important;
    padding-left: 4px !important;
  }

  .modal-main-content .extra-product-price span {
    font-size: 14px !important;
    color: #5A6B80 !important;
    font-weight: 500 !important;
  }

  .modal-main-content .extra-product-addon {
    padding: 10px 0 !important;
    border-bottom: 1px solid #EEF1F5 !important;
    align-items: center !important;
  }

  .modal-main-content .custom-control-input {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    border: 2px solid #C9D2DD !important;
    accent-color: #004B97 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
  }

  .modal-main-content select.form-control {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: 48px !important;
    border: 1.5px solid #E4E8EE !important;
    border-radius: 14px !important;
    padding: 0 40px 0 14px !important;
    font-size: 15px !important;
    color: #0A1A2F !important;
    background-color: #F8FAFC !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6B80' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    box-shadow: none !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .modal-main-content select.form-control:focus {
    border-color: #004B97 !important;
    box-shadow: 0 0 0 3px rgba(0,75,151,.12) !important;
    outline: none !important;
  }

  .modal-main-content .modal-textarea textarea.form-control {
    border: 1.5px solid #E4E8EE !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    background: #F8FAFC !important;
    resize: none !important;
    box-shadow: none !important;
    height: auto !important;
  }

  .modal-main-content .row.mt-15 {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    background: #fff !important;
    border-top: 1px solid #EEF1F5 !important;
    padding: 12px 16px 20px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .modal-main-content .row.mt-15 .col-lg-2,
  .modal-main-content .row.mt-15 .col-lg-10 {
    padding: 0 !important;
    width: auto !important;
    flex: none !important;
  }

  .modal-main-content .row.mt-15 .col-lg-10 {
    flex: 1 !important;
  }

  .modal-main-content .modal-qty-section {
    display: inline-flex !important;
    align-items: center !important;
    background: #F0F3F7 !important;
    border-radius: 50px !important;
    padding: 0 6px !important;
    height: 44px !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
  }

  .modal-main-content .modal-qty-section .ti-minus,
  .modal-main-content .modal-qty-section .ti-plus {
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #004B97 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.08) !important;
    flex-shrink: 0 !important;
  }

  .modal-main-content .modal-qty-section .qty-value {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0A1A2F !important;
    min-width: 24px !important;
    text-align: center !important;
  }

  .modal-main-content .add-to-cart-button {
    flex: 1 !important;
  }

  .modal-main-content .add-to-cart-button button {
    width: 100% !important;
    height: 52px !important;
    border-radius: 50px !important;
    background: #004B97 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(0,75,151,.3) !important;
    letter-spacing: .01em !important;
  }

  .modal-main-content .close-modal {
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    background: #fff !important;
    padding: 8px 16px 4px !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  .modal-main-content .close_model {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #F0F3F7 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0A1A2F !important;
    font-size: 13px !important;
  }

  /* CHECKOUT */
  .checkout-page input[type="text"],
  .checkout-page input[type="tel"],
  .checkout-page input[type="email"],
  .checkout-page input[type="number"],
  .checkout-page select,
  .checkout-page textarea,
  .checkout-page .form-control {
    height: 50px !important;
    border: 1.5px solid #E4E8EE !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    background: #F8FAFC !important;
    color: #0A1A2F !important;
    box-shadow: none !important;
  }

  .checkout-page textarea.form-control {
    height: auto !important;
    padding: 12px 14px !important;
  }

  .checkout-page input:focus,
  .checkout-page select:focus,
  .checkout-page .form-control:focus {
    border-color: #004B97 !important;
    box-shadow: 0 0 0 3px rgba(0,75,151,.12) !important;
    background: #fff !important;
    outline: none !important;
  }

  .checkout-page button[type="submit"],
  .checkout-page .place-order-btn,
  .checkout-page .btn-checkout,
  .checkout-page #place-order {
    width: 100% !important;
    height: 56px !important;
    border-radius: 50px !important;
    background: #004B97 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0,75,151,.28) !important;
  }
}
/* ============ END V10 ============ */