/* HomeGlo — Product Questions & Answers */
body.single-product.woocommerce div.product > .hg-product-qa,
body.single-product.woocommerce-page div.product > .hg-product-qa{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
}
.hg-product-qa{
  position:relative;
  margin:0!important;
  padding:62px 0 68px;
  border-top:1px solid #e4ded3;
  border-bottom:1px solid #e4ded3;
  background:#fff;
  color:#2b2622;
  overflow:hidden;
}
.hg-product-qa.is-preview:after{
  content:"Preview";
  position:absolute;
  right:24px;
  top:18px;
  padding:5px 8px;
  border-radius:999px;
  background:#f3eee7;
  color:#8a8378;
  font:700 7px/1 "Manrope",sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hg-product-qa .hg-shell{width:min(1180px,calc(100% - 48px))!important}
.hg-product-qa-head{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);
  gap:56px;
  align-items:end;
  margin-bottom:28px;
}
.hg-product-qa-kicker{
  margin:0 0 7px!important;
  color:#5c6b4f!important;
  font:700 9px/1.3 "Manrope",sans-serif!important;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hg-product-qa h2{
  margin:0!important;
  color:#2b2622!important;
  font:600 clamp(36px,4.2vw,58px)/.96 "Cormorant Garamond",serif!important;
  letter-spacing:-.035em;
}
.hg-product-qa-head>p{
  margin:0!important;
  color:#746d64!important;
  font:400 12px/1.75 "Manrope",sans-serif!important;
}
.hg-product-qa-layout{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);
  gap:26px;
  align-items:start;
}
.hg-product-qa-list{border-top:1px solid #ddd5ca}
.hg-product-qa-item{border-bottom:1px solid #ddd5ca}
.hg-product-qa-item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:70px;
  padding:18px 2px;
  cursor:pointer;
  list-style:none;
  color:#2b2622;
  font:600 17px/1.35 "Cormorant Garamond",serif;
}
.hg-product-qa-item summary::-webkit-details-marker{display:none}
.hg-product-qa-item summary svg{
  flex:0 0 auto;
  width:18px;
  height:18px;
  fill:none;
  stroke:#746d64;
  stroke-width:1.5;
  transition:transform .22s ease;
}
.hg-product-qa-item[open] summary svg{transform:rotate(180deg)}
.hg-product-qa-answer{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  padding:0 2px 22px;
}
.hg-product-qa-a{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#5c6b4f;
  color:#fff;
  font:700 9px/1 "Manrope",sans-serif;
}
.hg-product-qa-answer p{
  margin:2px 0 0!important;
  color:#746d64!important;
  font:400 11px/1.7 "Manrope",sans-serif!important;
}
.hg-product-qa-empty{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  min-height:110px;
  padding:18px 2px;
  border-bottom:1px solid #ddd5ca;
}
.hg-product-qa-empty-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#faf6f0;
  color:#c4693b;
  font:600 22px/1 "Cormorant Garamond",serif;
}
.hg-product-qa-empty strong{display:block;margin-bottom:4px;font:600 19px/1.2 "Cormorant Garamond",serif}
.hg-product-qa-empty p{margin:0!important;color:#746d64!important;font:400 10.5px/1.6 "Manrope",sans-serif!important}

.hg-product-qa-ask-wrap{min-width:0}
.hg-product-qa-ask{
  border:1px solid #ddd5ca;
  border-radius:12px;
  background:#faf6f0;
  overflow:hidden;
}
.hg-product-qa-ask>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  padding:0 17px;
  list-style:none;
  cursor:pointer;
  color:#2b2622;
  font:700 10px/1 "Manrope",sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.hg-product-qa-ask>summary::-webkit-details-marker{display:none}
.hg-product-qa-ask>summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .22s ease}
.hg-product-qa-ask[open]>summary svg{transform:rotate(45deg)}
.hg-product-qa-form{
  display:grid;
  gap:13px;
  padding:0 17px 17px;
  border-top:1px solid #e4ded3;
}
.hg-product-qa-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding-top:16px;
}
.hg-product-qa-form label>span{
  display:block;
  margin-bottom:6px;
  color:#2b2622;
  font:700 8.5px/1.3 "Manrope",sans-serif;
}
.hg-product-qa-form input,
.hg-product-qa-form textarea{
  width:100%;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid #d8d0c5!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#2b2622!important;
  box-shadow:none!important;
  font:500 11px/1.45 "Manrope",sans-serif!important;
}
.hg-product-qa-form input{height:44px}
.hg-product-qa-form textarea{resize:vertical;min-height:104px}
.hg-product-qa-form input:focus,
.hg-product-qa-form textarea:focus{border-color:#c4693b!important;outline:3px solid rgba(196,105,59,.1)!important}
.hg-product-qa-form button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:0 17px;
  border:1px solid #2b2622;
  border-radius:7px;
  background:#2b2622;
  color:#fff;
  font:700 9px/1 "Manrope",sans-serif;
  text-transform:uppercase;
  letter-spacing:.05em;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.hg-product-qa-form button:hover{background:#5c6b4f;border-color:#5c6b4f;transform:translateY(-1px)}
.hg-product-qa-privacy{margin:0!important;color:#8a8378!important;font:400 8.5px/1.55 "Manrope",sans-serif!important}
.hg-product-qa-hp{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
.hg-product-qa-message{
  margin-bottom:10px;
  padding:12px 13px;
  border:1px solid #cdd7c5;
  border-radius:8px;
  background:#fbfdf9;
}
.hg-product-qa-message.is-error{border-color:#eccfc5;background:#fff7f4}
.hg-product-qa-message strong{display:block;margin-bottom:3px;font:700 10px/1.4 "Manrope",sans-serif}
.hg-product-qa-message p{margin:0!important;color:#746d64!important;font:400 9px/1.5 "Manrope",sans-serif!important}

@media(max-width:900px){
  .hg-product-qa{padding:52px 0 58px}
  .hg-product-qa .hg-shell{width:calc(100% - 32px)!important}
  .hg-product-qa-head{grid-template-columns:1fr;gap:14px}
  .hg-product-qa-layout{grid-template-columns:1fr;gap:24px}
}
@media(max-width:560px){
  .hg-product-qa{padding:42px 0 48px}
  .hg-product-qa .hg-shell{width:calc(100% - 24px)!important}
  .hg-product-qa h2{font-size:38px!important}
  .hg-product-qa-item summary{min-height:64px;font-size:16px}
  .hg-product-qa-fields{grid-template-columns:1fr}
  .hg-product-qa-ask>summary{min-height:54px}
}
@media(prefers-reduced-motion:reduce){
  .hg-product-qa-item summary svg,
  .hg-product-qa-ask>summary svg,
  .hg-product-qa-form button{transition:none}
  .hg-product-qa-form button:hover{transform:none}
}
