/* GreenDecor quick-order mobile visual only. No form or submit behavior. */
@media (max-width:767px) {
  html.popup_visible_quick_order,
  html.popup_visible_quick_order body {overflow:hidden!important}

  #quick_order_background.popup_background {background:#142014!important;opacity:.68!important}
  #quick_order_wrapper.popup_wrapper {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100vw!important;height:100vh!important;height:100dvh!important;
    padding:12px!important;overflow:hidden!important;box-sizing:border-box!important;
  }
  #quick_order_wrapper.popup_wrapper:after {display:none!important}
  #quick_order.popup_content {
    display:block!important;width:100%!important;max-width:440px!important;
    max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;
    margin:0!important;overflow:hidden!important;border:1px solid rgba(80,112,61,.35)!important;
    border-radius:16px!important;background:#fff!important;
    box-shadow:0 18px 60px rgba(0,0,0,.38)!important;
    transform:none!important;-webkit-transform:none!important;
  }
  #quick_order > #product {
    max-height:calc(100vh - 26px);max-height:calc(100dvh - 26px);
    overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:14px!important;background:#fff!important;scrollbar-width:thin;scrollbar-color:#91aa80 #edf2e9;
  }
  #quick_order > #product::-webkit-scrollbar {width:5px}
  #quick_order > #product::-webkit-scrollbar-track {background:#edf2e9}
  #quick_order > #product::-webkit-scrollbar-thumb {border-radius:5px;background:#91aa80}

  #quick_order .close {
    position:absolute!important;z-index:30!important;top:8px!important;right:8px!important;
    display:flex!important;align-items:center;justify-content:center;
    width:38px;height:38px;margin:0!important;border:2px solid #fff;border-radius:50%;
    background:#31472a!important;color:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.28);
    font-size:19px!important;line-height:1!important;text-shadow:none!important;opacity:1!important;
  }
  #quick_order .close:after {inset:-5px!important}

  #quick_order #product > .row:first-child {
    display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;
    margin:0 0 8px!important;padding:0 30px 0 0;
  }
  #quick_order #product > .row:first-child:before,
  #quick_order #product > .row:first-child:after {display:none!important;content:none!important}
  #quick_order #product > .row:first-child > .image,
  #quick_order #product > .row:first-child > .name {
    float:none!important;width:auto!important;min-width:0;padding:0!important;
  }
  #quick_order .image .product_sticker {display:none!important}
  #quick_order .image > img {
    display:block;width:96px!important;height:96px!important;max-width:96px!important;
    padding:4px!important;border:1px solid #dfe7da!important;border-radius:10px!important;
    background:#fff;object-fit:contain;
  }
  #quick_order .name > hr.visible-xs,
  #quick_order .attributes > hr.visible-xs {display:none!important}
  #quick_order .name > .row {margin:0!important}
  #quick_order .name > .row > div {float:none!important;width:100%!important;padding:0!important;font-size:12px;line-height:1.4}
  #quick_order h3.heading {margin:0 0 5px!important;padding:0!important;font-size:17px!important;line-height:1.22!important}
  #quick_order h3.heading span {
    display:-webkit-box;overflow:hidden;background:#fff!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  }
  #quick_order h3.heading span:after,
  #quick_order h5.heading span:after {display:none!important}
  #quick_order #product .price {margin:5px 0 0!important}
  #quick_order #product .price h2 {margin:0!important;font-size:22px!important;line-height:1.2!important;color:#2f5f21}

  #quick_order #product > h5.heading,
  #quick_order .attributes {display:none!important}
  #quick_order #product > h5.heading + .row {margin-top:0!important}

  #quick_order .options.option {float:none;width:100%;padding:0!important}
  #quick_order .row_input {margin:0!important}
  #quick_order .row_input form {display:block;width:100%!important;margin:0!important}
  #quick_order .row_input form > div {float:none!important;width:100%!important;padding:0!important}
  #quick_order .form-control {
    height:42px;margin:0 0 7px!important;border:1px solid #d7ded3;border-radius:8px;
    padding:8px 11px;font-size:16px;line-height:24px;box-shadow:none;
  }
  #quick_order .form-control:focus {border-color:#6f9457;box-shadow:0 0 0 2px rgba(95,143,47,.14)}
  #quick_order #product > hr:last-of-type {display:none}
  #quick_order #product > .row:last-child {
    position:sticky;z-index:10;bottom:-14px;margin:7px -14px -14px!important;
    padding:8px 14px 12px;border-top:1px solid #e0e7dc;background:#fff;
    box-shadow:0 -9px 12px -12px rgba(24,50,18,.55);
  }
  #quick_order #product > .row:last-child > .col-xs-12 {padding:0!important}
  #quick_order .add_quick_order.quantity {
    display:grid!important;grid-template-columns:42px 32px minmax(0,1fr);align-items:stretch;
    gap:0 7px;margin:0!important;
  }
  #quick_order #product #input-quantity {
    grid-column:1;width:42px!important;height:44px!important;margin:0!important;padding:8px 4px!important;text-align:center;
  }
  #quick_order .add_quick_order.quantity > span {grid-column:2;display:grid;grid-template-rows:1fr 1fr;gap:2px}
  #quick_order .add_quick_order.quantity > span .btn {
    display:flex;align-items:center;justify-content:center;width:32px!important;min-width:32px;height:21px!important;min-height:0;padding:0!important;border-radius:5px;font-size:11px;
  }
  #quick_order .add_quick_order.quantity > .add_to_cart {
    grid-column:3;height:44px;min-height:44px;margin:0!important;padding:8px 10px!important;border-radius:8px;font-size:15px!important;line-height:24px;
  }
}