/* V2.2.20 — Non-transactional Customer Bag layout only. */
.hg-bag-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,345px);gap:22px;align-items:start;width:100%}
.hg-bag-listings{min-width:0}
.hg-bag-order-summary{position:sticky;top:90px;max-width:none;width:100%;margin:22px 0 0;padding:20px;box-sizing:border-box}
.hg-bag-order-summary .hg-bag-summary-row.is-total{border-bottom:0}
.hg-bag-item{min-width:0}
@media(max-width:900px){.hg-bag-layout{grid-template-columns:minmax(0,1fr);gap:8px}.hg-bag-order-summary{position:static;max-width:none;margin:0 0 18px}}
@media(min-width:901px){.hg-bag-method-group:first-child,.hg-bag-order-summary{margin-top:22px}}

/* V2.2.20 R2: self-contained Order Summary layout.
   Previously row positioning was defined only by an older v2219 stylesheet.
   Keep every row readable even if that old CSS is missing from Hostinger/browser cache. */
.hg-bag-order-summary{
  display:block;
  min-width:0;
  background:#fffdfb;
  border:1px solid #e6d2d5;
  border-radius:15px;
  color:#634a53;
  box-sizing:border-box;
}
.hg-bag-order-summary > h2{
  display:block;
  margin:0 0 13px;
  font-size:20px;
  line-height:1.3;
  font-weight:750;
  color:#63263b;
}
.hg-bag-order-summary .hg-bag-summary-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  align-items:baseline;
  column-gap:18px;
  row-gap:4px;
  margin:0;
  padding:11px 0;
  border-bottom:1px solid #eee0dd;
  font-size:14px;
  line-height:1.5;
}
.hg-bag-order-summary .hg-bag-summary-row > span{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
  color:#695059;
  font-weight:450;
}
.hg-bag-order-summary .hg-bag-summary-row > strong{
  display:block;
  min-width:0;
  justify-self:end;
  text-align:right;
  white-space:nowrap;
  font-weight:750;
  color:#57253c;
  font-variant-numeric:tabular-nums;
}
.hg-bag-order-summary .hg-bag-summary-row.is-total{
  border-top:0;
  border-bottom:0;
  margin-top:6px;
  padding-top:15px;
  font-size:16px;
  font-weight:800;
}
.hg-bag-order-summary .hg-bag-summary-row.is-total > span,
.hg-bag-order-summary .hg-bag-summary-row.is-total > strong{font-weight:800;color:#63263b}
.hg-bag-order-summary .shop-disclaimer{
  margin:15px 0 0;
  padding-top:11px;
  border-top:1px solid #eee0dd;
  font-size:12px;
  line-height:1.55;
  color:#856b74;
}
@media(max-width:480px){
  .hg-bag-order-summary{padding:15px;}
  .hg-bag-order-summary > h2{font-size:19px;}
  .hg-bag-order-summary .hg-bag-summary-row{column-gap:10px;font-size:13px;padding:10px 0;}
  .hg-bag-order-summary .hg-bag-summary-row.is-total{font-size:15px;}
}

.hg-checkout-review-link{display:block;margin-top:18px;padding:12px 14px;text-align:center;border-radius:9px;color:#fff!important;background:#61263e;font-weight:700;text-decoration:none!important}.hg-checkout-review-link:focus-visible{outline:3px solid #c494a3;outline-offset:2px}
