/* SHAHAZ.COM — Global Single Product seller-question surface.
 * ZIP-478: compact inline question card + in-page seller-question modal.
 * The existing /chat/?product_id=... POST contract remains authoritative;
 * this layer only changes presentation and keeps the inquiry on the PDP.
 */
body.page-template-shahaz-global-single-product .shz-global-questions{background:#fffdfd!important}
body.page-template-shahaz-global-single-product .shz-global-question{
  margin:0 16px 14px!important;
  padding:9px 11px!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  background:linear-gradient(100deg,#fff7fb 0%,#fff 58%,#fffaf1 100%)!important;
  border:1px solid #efc5dc!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(155,0,91,.06)!important;
}
body.page-template-shahaz-global-single-product .shz-global-question__seller-logo{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;overflow:hidden;
  background:#fff;border:1px solid #e4b6d1;box-shadow:0 3px 9px rgba(155,0,91,.1);color:#e6007c;font-weight:900;
}
body.page-template-shahaz-global-single-product .shz-global-question__seller-logo img{width:100%;height:100%;object-fit:cover;display:block}
body.page-template-shahaz-global-single-product .shz-global-question__copy{min-width:0}
body.page-template-shahaz-global-single-product .shz-global-question__copy p{margin:0!important;color:#201923!important;font-size:15px!important;line-height:1.15!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.page-template-shahaz-global-single-product .shz-global-question__ask{
  min-height:38px!important;padding:9px 14px!important;border:1px dashed rgba(0,0,0,.15)!important;border-radius:12px!important;
  background:transparent!important;color:#e6007c!important;font-size:12px!important;font-weight:800!important;
  box-shadow:none!important;white-space:nowrap!important;cursor:pointer!important;
  text-align:center!important;
}
body.page-template-shahaz-global-single-product .shz-global-question__ask span{font-size:18px;vertical-align:-1px}

.shz-seller-question-modal[hidden]{display:none!important}
.shz-seller-question-modal{position:fixed;inset:0;z-index:999990;display:grid;place-items:center;padding:24px 16px;isolation:isolate}
.shz-seller-question-modal__backdrop{position:absolute;inset:0;background:rgba(55,10,38,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease}
.shz-seller-question-modal__panel{
  position:relative;width:min(100%,620px);max-height:min(82svh,700px);overflow:auto;padding:18px;
  border:0;border-radius:30px 14px 26px 16px;background:linear-gradient(145deg,#fff 0%,#fff8fc 55%,#fffdf5 100%);
  box-shadow:0 24px 70px rgba(58,0,43,.24),0 8px 25px rgba(217,0,123,.1);
  transform:translateY(12px) scale(.985);opacity:0;transition:transform .24s ease,opacity .22s ease;
}
.shz-seller-question-modal.is-open .shz-seller-question-modal__backdrop{opacity:1}
.shz-seller-question-modal.is-open .shz-seller-question-modal__panel{transform:translateY(0) scale(1);opacity:1}
.shz-seller-question-modal__panel:before{
  content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;
  background:linear-gradient(90deg,#7b2cff,#ff0091,#ff4d5f,#ffbf00,#16c98a,#e83cff,#7b2cff);background-size:360% 100%;
  animation:shzSellerQuestionBorder 7s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none
}
@keyframes shzSellerQuestionBorder{0%{background-position:0% 50%}100%{background-position:360% 50%}}
.shz-seller-question-modal__close{position:absolute;top:12px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #edc8dc;border-radius:13px;background:#fff;color:#d00075;font-size:42px;line-height:1;font-weight:500;cursor:pointer;box-shadow:0 4px 13px rgba(160,0,91,.08);z-index:2;padding:0;text-align:center}
.shz-seller-question-modal__heading{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding-right:42px}
.shz-seller-question-modal__logo{width:52px;height:52px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:#fff;border:1px solid #efc7dc;box-shadow:0 5px 14px rgba(174,0,100,.1);color:#e6007c;font-weight:900}
.shz-seller-question-modal__logo img{width:100%;height:100%;object-fit:cover;display:block}
.shz-seller-question-modal__eyebrow{display:block;color:#a70065;font-size:9px;font-weight:950;letter-spacing:.14em}
.shz-seller-question-modal__heading h2{margin:2px 0 0;color:#24131d;font-family:"Playfair Display",Georgia,serif;font-size:24px;line-height:1.05}
.shz-seller-question-modal__heading p{margin:4px 0 0;color:#777;font-size:11px}
.shz-seller-question-modal__product{display:flex;align-items:center;gap:10px;margin:14px 0 11px;padding:8px;border:1px solid #f0d6e4;border-radius:14px;background:#fff9fc}
.shz-seller-question-modal__product img{width:52px;height:52px;object-fit:cover;border-radius:10px;flex:0 0 auto}
.shz-seller-question-modal__product strong{display:block;color:#351c2c;font-size:12px;line-height:1.3}
.shz-seller-question-modal__product span{display:block;margin-top:3px;color:#8a687b;font-size:10px}
.shz-seller-question-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shz-seller-question-modal__form label{display:grid;gap:4px;color:#6f5362;font-size:10px;font-weight:800}
.shz-seller-question-modal__form label span em{font-style:normal;font-weight:500;color:#9a8590}
.shz-seller-question-modal__form input,.shz-seller-question-modal__form textarea{width:100%;box-sizing:border-box;border:1px solid #efc7da;border-radius:11px;background:#fff;padding:10px 11px;color:#2d1a25;font:inherit;font-size:12px;outline:none}
.shz-seller-question-modal__form textarea{min-height:76px;resize:vertical}
.shz-seller-question-modal__form input:focus,.shz-seller-question-modal__form textarea:focus{border-color:#d9007b;box-shadow:0 0 0 3px rgba(217,0,123,.08)}
.shz-seller-question-modal__message,.shz-seller-question-modal__notice,.shz-seller-question-modal__submit{grid-column:1/-1}
.shz-seller-question-modal__notice:empty{display:none}
.shz-seller-question-modal__notice{padding:8px 10px;border-radius:10px;background:#f7eef4;color:#6c3152;font-size:11px}
.shz-seller-question-modal__notice.success{background:#edf9f2;color:#17633f}.shz-seller-question-modal__notice.error{background:#fff0f4;color:#8b3152}
.shz-seller-question-modal__submit{min-height:46px;width:100%;margin-top:2px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background-image:linear-gradient(95deg,#f50091,#ce0075);color:#fff;font-size:14px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 6px rgba(140,40,80,.35),0 6px 0 rgba(160,60,90,.9),0 14px 24px -10px rgba(222,29,114,.6);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.shz-seller-question-modal__submit:disabled{opacity:.65;cursor:wait}
body.shz-seller-question-modal-open{overflow:hidden!important}
@media(max-width:520px){
  body.page-template-shahaz-global-single-product .shz-global-question{margin-left:14px!important;margin-right:14px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important;padding:8px 9px!important}
  body.page-template-shahaz-global-single-product .shz-global-question__seller-logo{width:38px;height:38px;border-radius:11px}
  body.page-template-shahaz-global-single-product .shz-global-question__copy p{font-size:12px!important}
  body.page-template-shahaz-global-single-product .shz-global-question__ask{min-height:34px;padding:7px 10px!important;font-size:10px!important}
  .shz-seller-question-modal{padding:16px 12px}
  .shz-seller-question-modal__panel{padding:15px;max-height:84svh;border-radius:26px 12px 24px 14px}
  .shz-seller-question-modal__heading{grid-template-columns:48px minmax(0,1fr);gap:9px}
  .shz-seller-question-modal__logo{width:45px;height:45px;border-radius:14px}
  .shz-seller-question-modal__heading h2{font-size:20px}.shz-seller-question-modal__heading p{font-size:10px}
  .shz-seller-question-modal__form{grid-template-columns:1fr}
  .shz-seller-question-modal__message,.shz-seller-question-modal__notice,.shz-seller-question-modal__submit{grid-column:auto}
  .shz-seller-question-modal__submit{grid-column:1}
}


/* ZIP-483 PDP polish: keep the seller CTA visually aligned with the checkout coupon control,
 * while the modal submit action uses the checkout order-confirmation 3D treatment without
 * importing or reusing the checkout DOM/classes. */
body.page-template-shahaz-global-single-product .shz-global-question__ask:active{transform:translateY(1px)!important}
.shz-seller-question-modal__submit:hover{transform:translateY(-2px);filter:saturate(1.08)}
.shz-seller-question-modal__submit:active{transform:translateY(4px);box-shadow:inset 0 2px 6px rgba(140,40,80,.45),0 2px 0 rgba(160,60,90,.9)}
.shz-seller-question-modal__submit:focus-visible,.shz-seller-question-modal__close:focus-visible,body.page-template-shahaz-global-single-product .shz-global-question__ask:focus-visible{outline:2px solid #f5b400;outline-offset:2px}