/* QueenDress Wholesale v0.2 */
.qdwh-mode{margin:14px 0 18px;direction:rtl}
.qdwh-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:#f5f1eb;border:1px solid #e6ded3;border-radius:16px}
.qdwh-mode-btn{appearance:none;border:0;background:transparent;color:#4b443d;border-radius:12px;min-height:44px;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer;transition:.2s ease}
.qdwh-mode-btn.is-active{background:#fff;box-shadow:0 3px 16px rgba(49,40,31,.08);color:#a66f36}
.qdwh-login-note{margin:8px 4px 0;color:#777068;font-size:13px}
.qdwh-wholesale-active form.cart{display:none!important}
.qdwh-wholesale-active>p.price,
.qdwh-wholesale-active>.price{display:none!important}

.qdwh-panel{margin:4px 0 22px;padding:18px;border:1px solid #e7dfd5;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(45,37,29,.05);direction:rtl}
.qdwh-panel[hidden]{display:none!important}
.qdwh-price-box{padding:14px 16px;border-radius:14px;background:#faf7f3;display:grid;gap:4px;margin-bottom:16px}
.qdwh-price-box span,.qdwh-price-box small{color:#746c64;font-size:13px}
.qdwh-price-box strong{font-size:22px;color:#2d2925}
.qdwh-pack-control,.qdwh-colors-head,.qdwh-total{display:flex;align-items:center;justify-content:space-between;gap:16px}
.qdwh-pack-control{padding:0 0 16px;border-bottom:1px solid #eee8e1}
.qdwh-pack-control>div:first-child,.qdwh-colors-head>div{display:grid;gap:3px}
.qdwh-pack-control small,.qdwh-colors-head small,.qdwh-total small{font-size:12px;color:#817970}
.qdwh-colors-head{padding:16px 0 10px;align-items:flex-end}
.qdwh-colors-head b{white-space:nowrap;color:#9a6d3c}
.qdwh-colors-head b.is-complete{color:#2f7a50}
.qdwh-colors-head b.is-over{color:#b23c3c}

.qdwh-color-list{display:grid;gap:8px}
.qdwh-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #eee7df;border-radius:13px;background:#fff}
.qdwh-color-name{display:flex;align-items:center;gap:9px;font-weight:700}
.qdwh-color-name i{width:22px;height:22px;border-radius:50%;background:var(--qdwh-color,#ccc);border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.qdwh-stepper{display:grid;grid-template-columns:34px 48px 34px;align-items:center;border:1px solid #ddd5cc;border-radius:11px;overflow:hidden;background:#fff}
.qdwh-stepper button{height:36px;border:0;background:#f7f3ee;font:inherit;font-size:20px;cursor:pointer;color:#423c36}
.qdwh-stepper input{width:48px;height:36px;border:0!important;box-shadow:none!important;text-align:center;padding:0!important;font:inherit;font-weight:800;-moz-appearance:textfield}
.qdwh-stepper input::-webkit-outer-spin-button,.qdwh-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qdwh-total{margin-top:14px;padding:14px 0 0;border-top:1px solid #eee8e1;flex-wrap:wrap}
.qdwh-total span{font-weight:800}
.qdwh-total strong{font-size:19px;color:#2d2925}
.qdwh-total small{width:100%}
.qdwh-inline-status{min-height:22px;margin-top:10px;font-size:13px}
.qdwh-inline-status.is-success{color:#2f7a50}.qdwh-inline-status.is-error{color:#b23c3c}.qdwh-inline-status.is-info{color:#766e66}
.qdwh-add,.qdwh-auth-primary{width:100%;border:0;border-radius:12px;background:#2e2925;color:#fff;min-height:48px;padding:11px 16px;font:inherit;font-weight:900;cursor:pointer;transition:.2s ease}
.qdwh-add:hover,.qdwh-auth-primary:hover{transform:translateY(-1px)}
.qdwh-add:disabled,.qdwh-auth-primary:disabled{opacity:.48;cursor:not-allowed;transform:none}

.qdwh-modal[hidden]{display:none!important}
.qdwh-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;direction:rtl}
.qdwh-modal-backdrop{position:absolute;inset:0;background:rgba(25,22,19,.62);backdrop-filter:blur(4px)}
.qdwh-modal-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.qdwh-modal-close{position:absolute;left:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f4efe9;color:#4c453e;font-size:25px;line-height:1;cursor:pointer}
.qdwh-modal-heading{padding-left:34px}
.qdwh-modal-heading>span{display:block;color:#a66f36;font-size:13px;font-weight:900;margin-bottom:7px}
.qdwh-modal-heading h2{font-size:22px;line-height:1.55;margin:0 0 8px;color:#2c2824}
.qdwh-modal-heading p{margin:0 0 18px;color:#716a63;line-height:1.8;font-size:14px}
.qdwh-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qdwh-auth-grid label{display:grid;gap:6px}
.qdwh-auth-grid label>span{font-size:13px;font-weight:800;color:#4a443e}
.qdwh-auth-grid input{width:100%;min-height:46px;border:1px solid #dcd3ca!important;border-radius:11px!important;padding:9px 12px!important;box-shadow:none!important;font:inherit}
.qdwh-auth-grid input:focus{border-color:#a66f36!important;outline:0}
.qdwh-auth-full{grid-column:1/-1}
.qdwh-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.qdwh-auth-status{min-height:24px;margin:10px 0 4px;font-size:13px}
.qdwh-auth-status.is-success{color:#2f7a50}.qdwh-auth-status.is-error{color:#b23c3c}.qdwh-auth-status.is-info{color:#766e66}
.qdwh-code{display:grid;grid-template-columns:repeat(5,52px);justify-content:center;gap:8px;margin:18px 0}
.qdwh-code input{width:52px;height:56px;border:1px solid #d8cfc5;border-radius:12px;text-align:center;font-size:24px;font-weight:900;outline:0}
.qdwh-code input:focus{border-color:#a66f36;box-shadow:0 0 0 3px rgba(166,111,54,.1)}
.qdwh-code-actions{display:grid;gap:8px}
.qdwh-auth-link{border:0;background:transparent;color:#80603f;padding:7px;font:inherit;font-size:13px;cursor:pointer}
.qdwh-auth-link:disabled{opacity:.5;cursor:not-allowed}
html.qdwh-modal-open,body.qdwh-modal-open{overflow:hidden}

.qdwh-cart-packs{font-weight:800;white-space:nowrap}

@media(max-width:640px){
  .qdwh-panel{padding:14px;border-radius:15px}
  .qdwh-pack-control,.qdwh-colors-head{align-items:center}
  .qdwh-color-row{padding:9px}
  .qdwh-stepper{grid-template-columns:32px 42px 32px}
  .qdwh-stepper input{width:42px}
  .qdwh-modal{padding:10px}
  .qdwh-modal-card{padding:22px 16px;border-radius:18px}
  .qdwh-auth-grid{grid-template-columns:1fr}
  .qdwh-auth-full{grid-column:auto}
  .qdwh-code{grid-template-columns:repeat(5,44px);gap:6px}
  .qdwh-code input{width:44px;height:50px}
}