.wcqo-open{margin-top:8px!important;cursor:pointer}
.wcqo-overlay{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,0,.62);box-sizing:border-box}
.wcqo-overlay.is-open{display:flex}
.wcqo-no-scroll{overflow:hidden}
.wcqo-modal{position:relative;width:min(660px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;background:#fff;border-radius:16px;padding:18px 20px 20px;box-shadow:0 20px 70px rgba(0,0,0,.28);box-sizing:border-box;font-family:inherit;color:#171717}
.wcqo-close{position:absolute;right:12px;top:8px;width:36px;height:36px;border:0!important;background:transparent!important;color:#111;font-size:34px;line-height:32px;cursor:pointer;padding:0;z-index:3;font-weight:300}
.wcqo-header{height:34px;padding:0;margin:0 0 12px;border-bottom:1px solid #ddd;box-sizing:border-box}
.wcqo-header h2{display:none}
.wcqo-product-card{display:flex;align-items:center;gap:14px;padding:0 0 18px;border-bottom:1px solid #ddd}
.wcqo-product-image-wrap{position:relative;flex:0 0 88px;width:88px;height:88px}
.wcqo-product-image{width:88px;height:88px;object-fit:cover;border-radius:11px;background:#f3f3f3;display:block}
.wcqo-qty-badge{position:absolute;right:-8px;top:-9px;display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 7px;border-radius:50%;background:#666;color:#fff;font-size:16px;font-weight:700;box-sizing:border-box}
.wcqo-product-info{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;flex:1}
.wcqo-product-name{font-size:20px;line-height:1.15;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wcqo-product-price{font-size:18px;font-weight:700;white-space:nowrap;text-align:right}
.wcqo-totals{margin:16px 0 20px;border:1px solid #d8d8d8;border-radius:10px;overflow:hidden}
.wcqo-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:17px}
.wcqo-totals>div+div{border-top:1px solid #e2e2e2}
.wcqo-totals strong{font-weight:700;text-align:right}
.wcqo-total-row span{font-weight:700}.wcqo-total-row strong{font-size:21px}
.wcqo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.wcqo-grid p{margin:0}.wcqo-grid .wcqo-full{grid-column:1/-1}
.wcqo-grid label{display:block;font-weight:700;margin-bottom:6px;font-size:16px;line-height:1.2}.wcqo-grid label span{color:#ed1111;margin-left:2px}
.wcqo-input-wrap{display:flex;width:100%;height:52px;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:10px;background:#fff;overflow:hidden}
.wcqo-field-icon{flex:0 0 64px;width:64px;display:flex;align-items:center;justify-content:center;background:#e9e9e9;color:#20242a;border-right:1px solid #d0d0d0;box-sizing:border-box}
.wcqo-field-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wcqo-input-wrap input,.wcqo-input-wrap select,.wcqo-input-wrap textarea{flex:1;min-width:0;width:100%;box-sizing:border-box;border:0!important;border-radius:0!important;padding:10px 13px;font-size:17px;background:#fff;color:#333;outline:none;box-shadow:none!important}
.wcqo-grid>p>input,.wcqo-grid>p>select,.wcqo-grid>p>textarea{width:100%;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:10px;padding:10px 13px;font-size:17px;background:#fff;min-height:52px;color:#333;outline:none}
.wcqo-grid>p>textarea{resize:vertical}
.wcqo-input-wrap:focus-within{border-color:#777;box-shadow:0 0 0 2px rgba(0,0,0,.05)}
.wcqo-grid>p>input:focus,.wcqo-grid>p>select:focus,.wcqo-grid>p>textarea:focus{border-color:#777;box-shadow:0 0 0 2px rgba(0,0,0,.05)}
.wcqo-message{margin:10px 0 0;font-size:14px}.wcqo-message.is-error{color:#b00020}.wcqo-message.is-success{color:#16803c}
.wcqo-submit{width:100%!important;margin-top:14px!important;position:relative;display:flex!important;align-items:center;justify-content:center;gap:4px;min-height:54px;border:0!important;border-radius:0!important;font-weight:800;font-size:17px!important;cursor:pointer;transition:transform .12s,opacity .12s,filter .12s}
.wcqo-submit:hover{filter:brightness(.96)}.wcqo-submit:active{transform:translateY(1px)}.wcqo-submit.is-loading{opacity:.7}.wcqo-submit-price{font-weight:800}
.wcqo-submit-layout-solid,.wcqo-layout-solid{background:var(--wcqo-color,#111)!important;color:var(--wcqo-text-color,#fff)!important;border:2px solid var(--wcqo-color,#111)!important}
.wcqo-submit-layout-outline,.wcqo-layout-outline{background:transparent!important;color:var(--wcqo-color,#111)!important;border:2px solid var(--wcqo-color,#111)!important}
.wcqo-submit-layout-rounded,.wcqo-layout-rounded{background:var(--wcqo-color,#111)!important;color:var(--wcqo-text-color,#fff)!important;border:2px solid var(--wcqo-color,#111)!important;border-radius:12px!important}
.wcqo-submit-layout-pill,.wcqo-layout-pill{background:var(--wcqo-color,#111)!important;color:var(--wcqo-text-color,#fff)!important;border:2px solid var(--wcqo-color,#111)!important;border-radius:999px!important}
.wcqo-btn{--wcqo-color:#111;--wcqo-text-color:#fff}.wcqo-btn{background:var(--wcqo-color)!important;color:var(--wcqo-text-color)!important}
.wcqo-btn.wcqo-layout-outline{color:var(--wcqo-color)!important;background:transparent!important}
.wcqo-size-small{padding:7px 13px!important;font-size:13px!important;min-height:34px}.wcqo-size-medium{padding:10px 18px!important;font-size:15px!important;min-height:42px}.wcqo-size-large{padding:13px 24px!important;font-size:17px!important;min-height:50px}
.wcqo-submit-size-small{min-height:42px!important;font-size:14px!important;padding:7px 12px!important}.wcqo-submit-size-medium{min-height:48px!important;font-size:16px!important;padding:8px 16px!important}.wcqo-submit-size-large{min-height:54px!important;font-size:17px!important;padding:10px 18px!important}
.wcqo-spinner{display:none;width:17px;height:17px;margin-left:8px;vertical-align:-3px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wcqo-spin .7s linear infinite}.wcqo-submit.is-loading .wcqo-spinner{display:inline-block}@keyframes wcqo-spin{to{transform:rotate(360deg)}}
.wcqo-success{text-align:center;padding:18px 8px 5px}.wcqo-success-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#e9f8ee;color:#16803c;font-size:30px;margin-bottom:10px}.wcqo-success h3{margin:0 0 10px;font-size:23px}.wcqo-success-message{max-width:500px;margin:0 auto 18px;font-size:15px;line-height:1.55;color:#4b4b4b}.wcqo-success-details{max-width:520px;margin:0 auto 18px;border:1px solid #ddd;border-radius:10px;overflow:hidden;text-align:left}.wcqo-order-number{text-align:center;font-size:18px;font-weight:800;padding:13px;border-bottom:1px solid #ddd}.wcqo-success-line{display:flex;justify-content:space-between;gap:15px;padding:10px 14px;border-bottom:1px solid #eee;font-size:15px}.wcqo-success-line:last-child{border-bottom:0}.wcqo-success-total{font-size:18px;font-weight:700}.wcqo-done{min-width:120px}
@media(max-width:700px){
  .wcqo-overlay{padding:8px}
  .wcqo-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:15px 14px 16px;border-radius:14px}
  .wcqo-header{height:31px;margin-bottom:10px}
  .wcqo-close{right:7px;top:5px;font-size:31px}
  .wcqo-product-card{gap:11px;padding-bottom:14px}
  .wcqo-product-image-wrap,.wcqo-product-image{width:78px;height:78px}
  .wcqo-product-name{font-size:17px}
  .wcqo-product-price{font-size:16px}
  .wcqo-totals{margin:13px 0 17px}
  .wcqo-totals>div{font-size:16px;padding:10px 13px}
  .wcqo-total-row strong{font-size:20px}
  .wcqo-grid{grid-template-columns:1fr;gap:11px}
  .wcqo-grid .wcqo-full{grid-column:auto}
  .wcqo-grid label{font-size:15px;margin-bottom:5px}
  .wcqo-input-wrap{height:48px}
  .wcqo-field-icon{flex-basis:58px;width:58px}
  .wcqo-field-icon svg{width:25px;height:25px}
  .wcqo-input-wrap input,.wcqo-input-wrap select,.wcqo-input-wrap textarea,.wcqo-grid>p>input,.wcqo-grid>p>select,.wcqo-grid>p>textarea{font-size:16px;min-height:48px;padding:8px 11px}
  .wcqo-submit-size-large{min-height:50px!important;font-size:16px!important}
}
