/* ==========================================================================
   My Home Studio, cart, Buy Now and checkout (no online payment).
   Loaded from the footer on every page, so the header cart count and the
   drawer work everywhere. Same palette as mhs-pd.css: terracotta #c27266,
   ink #2c2825, muted #9a928c, hairline #ece8e4, tint #f6f0ee.
   ========================================================================== */

/* ---- buttons ------------------------------------------------------------- */
.mhs-cbtn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 22px; border-radius: 8px; border: 1px solid transparent;
  font-size: 14.5px; font-weight: 600; line-height: 1.2; text-decoration: none;
  cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.mhs-cbtn:disabled { opacity: .55; cursor: not-allowed; }
.mhs-cbtn--solid { background: #c27266; color: #fff; }
.mhs-cbtn--solid:hover:not(:disabled) { background: #a95c51; color: #fff; }
.mhs-cbtn--dark { background: #2c2825; color: #fff; }
.mhs-cbtn--dark:hover:not(:disabled) { background: #c27266; color: #fff; }
.mhs-cbtn--line { background: #fff; color: #2c2825; border-color: #e2dcd7; }
.mhs-cbtn--line:hover { border-color: #c27266; color: #c27266; }
.mhs-cbtn--wa { background: #1f9d55; color: #fff; }
.mhs-cbtn--wa:hover { background: #17864a; color: #fff; }
/* WhatsApp without the loud green block: neutral button, green only in the icon */
.mhs-cbtn--wa-soft { background: #fff; color: #2c2825; border-color: #e2dcd7; }
.mhs-cbtn--wa-soft svg { color: #25a35a; }
.mhs-cbtn--wa-soft:hover { border-color: #25a35a; color: #1c7c54; }
.mhs-cbtn svg { flex: none; }
.mhs-cbtn--block { display: flex; width: 100%; }
.mhs-cbtn--block + .mhs-cbtn--block { margin-top: 10px; }

/* ---- header cart link ---------------------------------------------------- */
.mhs-cartlink {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border-radius: 50%; color: #2c2825; text-decoration: none;
}
.mhs-cartlink:hover { color: #c27266; }
.mhs-cartlink__count {
  position: absolute; top: 1px; right: -1px; min-width: 20px; height: 20px; padding: 0 5px;
  box-sizing: border-box; border: 2px solid #fff; border-radius: 10px;
  background: #c27266; color: #fff; font-size: 10.5px; font-weight: 700;
  line-height: 16px; text-align: center; display: none;
}
.mhs-cartlink.has-items .mhs-cartlink__count { display: block; }
/* desktop: laid out like the search and phone links (.mhs-headlink in myhome.css) */
.mhs-cartlink.mhs-headlink { width: auto; height: auto; border-radius: 0; justify-content: flex-start; }
.mhs-cartlink .mhs-headlink__ico { position: relative; }
.mhs-cartlink .mhs-headlink__ico .mhs-cartlink__count { top: -5px; right: -7px; }
.mhs-cartlink.has-items .mhs-cartlink__sum { color: #2c2825; }
/* mobile: sized to sit beside the search icon */
.mhs-cartlink--mob { width: 40px; height: 40px; margin-right: 6px; color: #c27266; }

/* ---- buy box (product page) ---------------------------------------------- */
.mhs-buy {
  border: 1px solid #ece8e4; border-radius: 12px; background: #fff;
  padding: 18px 18px 16px; margin: 18px 0 20px;
}
.mhs-buy__label {
  display: block; margin: 0 0 7px; font-size: 12px; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase; color: #9a928c;
}
.mhs-buy__pin { display: flex; gap: 8px; }
.mhs-buy__pin input {
  flex: 1 1 auto; min-width: 0; height: 46px; padding: 0 14px; font-size: 15px;
  border: 1px solid #e2dcd7; border-radius: 8px; color: #2c2825; outline: none;
}
.mhs-buy__pin input:focus { border-color: #c27266; }
.mhs-buy__pin .mhs-cbtn { min-height: 46px; padding: 0 18px; }
.mhs-buy__pinmsg { min-height: 20px; margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: #6b635d; }
.mhs-buy__pinmsg .is-ok, .mhs-co__pinmsg .is-ok { color: #1c7c54; font-weight: 500; }
.mhs-buy__pinmsg .is-err, .mhs-co__pinmsg .is-err { color: #b3261e; }

.mhs-buy__qtyrow { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-top: 14px; }
.mhs-buy__est { text-align: right; font-size: 13px; color: #9a928c; line-height: 1.4; }
.mhs-buy__est span { display: block; }
.mhs-buy__est strong { display: block; font-size: 20px; color: #c27266; font-weight: 700; }

.mhs-step {
  display: inline-flex; align-items: center; border: 1px solid #e2dcd7; border-radius: 8px; overflow: hidden; background: #fff;
}
.mhs-step button {
  width: 40px; height: 44px; border: 0; background: #fff; color: #2c2825; font-size: 20px; line-height: 1; cursor: pointer;
}
.mhs-step button:hover { background: #f6f0ee; color: #c27266; }
.mhs-step input, .mhs-step b {
  width: 64px; height: 44px; border: 0; border-left: 1px solid #ece8e4; border-right: 1px solid #ece8e4;
  text-align: center; font-size: 15px; font-weight: 600; color: #2c2825; outline: none; line-height: 44px;
  -moz-appearance: textfield;
}
.mhs-step input::-webkit-outer-spin-button, .mhs-step input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mhs-step b { display: inline-block; width: 44px; }

.mhs-buy__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.mhs-buy__add.is-done { background: #1c7c54; border-color: #1c7c54; color: #fff; }
.mhs-buy__note { margin: 10px 0 0; font-size: 12.5px; line-height: 1.55; color: #9a928c; }
.mhs-buy.is-elsewhere .mhs-buy__actions,
.mhs-buy.is-elsewhere .mhs-buy__note { display: none; }

/* ---- outside the delivery area ------------------------------------------- */
.mhs-elsewhere {
  margin-top: 14px; padding: 16px; border-radius: 10px; background: #f6f0ee; border: 1px solid #efe3df;
}
.mhs-elsewhere__title { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: #2c2825; }
.mhs-elsewhere__text { margin: 0 0 12px; font-size: 13.5px; line-height: 1.6; color: #6b635d; }
.mhs-elsewhere__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mhs-elsewhere__actions .mhs-cbtn { flex: 1 1 130px; min-height: 44px; }
.mhs-elsewhere.is-sent { background: #eef7f2; border-color: #d3eadd; }

/* ---- lines (drawer, cart page, checkout summary) -------------------------- */
.mhs-line { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid #f0ecE8; }
.mhs-line__img { flex: none; width: 72px; height: 72px; border-radius: 8px; overflow: hidden; background: #f6f0ee; }
.mhs-line__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mhs-line__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.mhs-line__name { font-size: 14.5px; font-weight: 600; color: #2c2825; text-decoration: none; line-height: 1.35; }
a.mhs-line__name:hover { color: #c27266; }
.mhs-line__meta { font-size: 12.5px; color: #9a928c; line-height: 1.45; }
.mhs-line__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 6px; flex-wrap: wrap; }
.mhs-line__total { font-size: 15px; font-weight: 700; color: #2c2825; white-space: nowrap; }
.mhs-line__rm {
  align-self: flex-start; margin-top: 4px; padding: 0; border: 0; background: none;
  font-size: 12.5px; color: #9a928c; text-decoration: underline; cursor: pointer;
}
.mhs-line__rm:hover { color: #b3261e; }
.mhs-line .mhs-step button { width: 34px; height: 34px; font-size: 17px; }
.mhs-line .mhs-step b { height: 34px; line-height: 34px; width: 40px; font-size: 14px; }
.mhs-line--mini { align-items: center; padding: 10px 0; }
.mhs-line--mini .mhs-line__img { width: 52px; height: 52px; }

/* ---- drawer -------------------------------------------------------------- */
/* above the theme's sticky header, cursor layer and lead popup */
.mhs-cartdrawer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483000; visibility: hidden; }
.mhs-cartdrawer.is-open { visibility: visible; }
.mhs-cartdrawer__scrim { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(28, 24, 22, .45); opacity: 0; transition: opacity .22s ease; }
.mhs-cartdrawer.is-open .mhs-cartdrawer__scrim { opacity: 1; }
.mhs-cartdrawer__panel {
  position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100%);
  background: #fff; display: flex; flex-direction: column;
  transform: translateX(100%); transition: transform .26s ease; box-shadow: -8px 0 30px rgba(0, 0, 0, .12);
}
.mhs-cartdrawer.is-open .mhs-cartdrawer__panel { transform: none; }
.mhs-cartdrawer__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 20px; border-bottom: 1px solid #ece8e4; font-size: 17px; color: #2c2825;
}
.mhs-cartdrawer__x {
  display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px;
  border: 0; border-radius: 18px; background: transparent; color: #2c2825;
  font-size: 13.5px; font-weight: 600; line-height: 1; cursor: pointer;
}
.mhs-cartdrawer__x:hover { background: #f6f0ee; color: #c27266; }
/* the theme draws a heavy ring on focused buttons; the drawer focuses this one on open */
.mhs-cartdrawer__x:focus { outline: none; box-shadow: none; }
.mhs-cartdrawer__x:focus-visible { box-shadow: 0 0 0 2px rgba(194, 114, 102, .35); }
.mhs-cartdrawer__keep {
  display: block; width: 100%; margin-top: 12px; padding: 6px; border: 0; background: none;
  color: #6b635d; font-size: 13.5px; text-decoration: underline; cursor: pointer;
}
.mhs-cartdrawer__keep:hover { color: #c27266; }
.mhs-cartdrawer__empty .mhs-cbtn { margin-top: 14px; }
.mhs-cartdrawer__body { flex: 1 1 auto; overflow-y: auto; padding: 0 20px; }
.mhs-cartdrawer__empty { padding: 40px 0; text-align: center; color: #9a928c; }
.mhs-cartdrawer__foot { padding: 16px 20px 20px; border-top: 1px solid #ece8e4; }
.mhs-cartdrawer__foot:empty { display: none; }
.mhs-cartdrawer__total { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0 4px; font-size: 14px; color: #6b635d; }
.mhs-cartdrawer__total strong { font-size: 20px; color: #c27266; }
.mhs-cartdrawer__note { margin: 0 0 14px; font-size: 12.5px; line-height: 1.55; color: #9a928c; }
html.mhs-noscroll, html.mhs-noscroll body { overflow: hidden; }

/* ---- shop pages (cart, checkout, confirmation) ---------------------------- */
.mhs-cshop { padding-block: 36px 70px; }
.mhs-cshop__title { margin: 0 0 6px; font-size: 30px; font-weight: 700; color: #2c2825; }
.mhs-cshop__sub { margin: 0 0 26px; font-size: 15px; color: #9a928c; }
.mhs-cartpage, .mhs-co { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 32px; align-items: start; }
.mhs-cartpage__sum, .mhs-co__side {
  position: sticky; top: 20px; border: 1px solid #ece8e4; border-radius: 12px; padding: 18px 20px; background: #fdfcfb;
}
.mhs-line--page .mhs-line__img { width: 96px; height: 96px; }
.mhs-qty { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 12.5px; color: #9a928c; font-weight: 500; }
.mhs-qty input { width: 84px; height: 38px; padding: 0 10px; border: 1px solid #e2dcd7; border-radius: 8px; font-size: 14.5px; color: #2c2825; }
.mhs-cartpage > .mhs-empty, .mhs-co > .mhs-empty { grid-column: 1 / -1; }
.main-header-two__right .mhs-cartlink--desk { margin-right: 0; }
.mhs-empty { padding: 60px 20px; text-align: center; border: 1px dashed #e2dcd7; border-radius: 12px; }
.mhs-empty p { margin: 0 0 16px; font-size: 16px; color: #6b635d; }

/* checkout form */
.mhs-co__form { border: 1px solid #ece8e4; border-radius: 12px; padding: 22px; background: #fff; }
.mhs-co__label { margin: 0 0 4px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #9a928c; }
.mhs-co__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mhs-co__grid .is-wide { grid-column: 1 / -1; }
.mhs-field label { display: block; margin: 0 0 6px; font-size: 13px; font-weight: 600; color: #2c2825; }
.mhs-field label em { font-style: normal; font-weight: 400; color: #9a928c; }
.mhs-field input, .mhs-field textarea, .mhs-field select {
  width: 100%; height: 46px; padding: 0 14px; border: 1px solid #e2dcd7; border-radius: 8px;
  font-size: 15px; color: #2c2825; background: #fff; outline: none;
}
.mhs-field textarea { height: auto; min-height: 88px; padding: 12px 14px; resize: vertical; line-height: 1.5; }
.mhs-field input:focus, .mhs-field textarea:focus, .mhs-field select:focus { border-color: #c27266; }
.mhs-field .is-invalid { border-color: #b3261e; background: #fff8f7; }
.mhs-co__pinmsg { min-height: 18px; margin-top: 6px; font-size: 12.5px; }
.mhs-co__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mhs-co__captcha { margin: 18px 0 4px; }
.mhs-co__submit { margin-top: 16px; }
.mhs-co__promise { margin: 12px 0 0; font-size: 13px; line-height: 1.6; color: #6b635d; }
.mhs-co__promise b { color: #2c2825; }
.mhs-co__msg { margin: 14px 0 0; padding: 10px 14px; border-radius: 8px; font-size: 13.5px; }
.mhs-co__msg.is-error { background: #fdeceb; color: #8c1d18; }
.mhs-co.is-elsewhere .mhs-co__submit,
.mhs-co.is-elsewhere .mhs-co__promise { display: none; }

/* confirmation */
.mhs-done { max-width: 640px; margin: 0 auto; text-align: center; }
.mhs-done__tick {
  width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: #eef7f2; color: #1c7c54;
  display: flex; align-items: center; justify-content: center; font-size: 30px;
}
.mhs-done__ref { display: inline-block; margin: 6px 0 20px; padding: 6px 14px; border-radius: 6px; background: #f6f0ee; font-weight: 700; letter-spacing: .06em; color: #2c2825; }
.mhs-done__steps { text-align: left; margin: 20px 0; padding: 18px 22px; border: 1px solid #ece8e4; border-radius: 12px; }
.mhs-done__steps ol { margin: 0; padding-left: 20px; }
.mhs-done__steps li { margin: 6px 0; font-size: 14.5px; line-height: 1.6; color: #4a4542; }
.mhs-done__items { text-align: left; margin-bottom: 22px; }
.mhs-done__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }

/* ---- quick Add to cart on listing cards ----------------------------------
   Positioned over the card footer's round arrow (footer padding 12px 18px,
   arrow 32px), so card heights do not change. */
.mhs-cardadd {
  position: absolute; right: 18px; bottom: 12px; z-index: 3;
  display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 13px;
  border: 0; border-radius: 16px; background: #c27266; color: #fff;
  font-size: 12.5px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer;
  transition: background .18s ease;
}
.mhs-cardadd:hover { background: #a95c51; color: #fff; }
.mhs-cardadd.is-done { background: #1c7c54; }
.pc-card-wrap:has(.mhs-cardadd) .pc-card__arrow { visibility: hidden; }

/* pincode question inside the drawer (quick add without a known pincode) */
.mhs-ask { padding: 6px 0 16px; }
.mhs-ask__title { margin: 16px 0 8px; font-size: 14.5px; font-weight: 600; color: #2c2825; }

/* sticky bar "Buy now" on phones */
.mhs-stickybar__buy {
  flex: none; height: 44px; padding: 0 16px; border: 0; border-radius: 8px;
  background: #c27266; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;
}

/* ---- buy box: delivery chip, price per box, calculator folded in --------- */
.mhs-buy [hidden] { display: none !important; }
.mhs-buy__pinchip {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0;
  padding: 10px 12px; border-radius: 8px; background: #eef7f2; color: #1c5c3e; font-size: 13.5px; line-height: 1.4;
}
.mhs-buy__pinchip b, .mhs-buy__pinok { font-weight: 700; }
.mhs-buy__pinsub { color: #4f7d66; }
.mhs-buy__pinchange {
  margin-left: auto; padding: 0; border: 0; background: none; color: #2c2825;
  font-size: 13px; font-weight: 600; text-decoration: underline; cursor: pointer;
}
.mhs-buy__perbox { display: block; margin-top: 6px; font-size: 12.5px; color: #9a928c; }
.mhs-buy__calc { margin-top: 14px; padding-top: 12px; border-top: 1px solid #f0ecE8; }
.mhs-buy__calc > summary { cursor: pointer; list-style: none; font-size: 13.5px; font-weight: 600; color: #c27266; }
.mhs-buy__calc > summary::-webkit-details-marker { display: none; }
.mhs-buy__calc > summary::before { content: '+'; display: inline-block; width: 16px; font-weight: 700; }
.mhs-buy__calc[open] > summary::before { content: '\2212'; }
.mhs-buy__calc .mhs-calc { margin: 0; padding: 12px 0 0; border: 0; background: none; }
/* inside the buy box the box's own total and buttons do that job */
.mhs-buy__calc .mhs-calc__title, .mhs-buy__calc .mhs-calc__sub,
.mhs-buy__calc .mhs-calc__wa, .mhs-buy__calc .mhs-calc__row.is-total { display: none !important; }
.mhs-buy .mhs-calc__inbox { margin: 12px 0 0; }

/* ---- checkout terms ------------------------------------------------------ */
.mhs-co__policy { margin-top: 20px; padding: 14px 16px; border: 1px solid #efe3df; border-radius: 10px; background: #fdfaf8; }
.mhs-co__policy ul { margin: 6px 0 0; padding-left: 18px; }
.mhs-co__policy li { margin: 4px 0; font-size: 13px; line-height: 1.55; color: #4a4542; }

/* ---- "Added" toast after a quick add on listing pages -------------------- */
.mhs-toast {
  position: fixed; left: 50%; bottom: calc(18px + var(--mhs-bottom, 0px)); z-index: 2147482000;
  display: flex; align-items: center; gap: 12px; max-width: calc(100% - 32px);
  padding: 10px 10px 10px 16px; border-radius: 12px; background: #2c2825; color: #fff;
  font-size: 14px; box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
  opacity: 0; transform: translate(-50%, 20px); pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.mhs-toast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.mhs-toast__txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mhs-toast__btn {
  flex: none; height: 34px; padding: 0 14px; border: 0; border-radius: 8px;
  background: #c27266; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer;
}
@keyframes mhs-bump { 0%, 100% { transform: scale(1); } 40% { transform: scale(1.3); } }
.mhs-cartlink.is-bump .mhs-cartlink__count { animation: mhs-bump .5s ease; }

/* ---- drawer, round 2: clearer lines, savings, one primary action --------- */
.mhs-cartdrawer__head > div { display: flex; align-items: baseline; gap: 8px; }
.mhs-cartdrawer__count { font-size: 13px; font-weight: 500; color: #9a928c; }
.mhs-cartdrawer__foot { box-shadow: 0 -8px 18px rgba(44, 40, 37, .05); }
.mhs-line--drawer { gap: 14px; padding: 16px 0; }
.mhs-line--drawer .mhs-line__img { width: 76px; height: 76px; border-radius: 10px; }
.mhs-line__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.mhs-line--drawer .mhs-line__name {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mhs-line__del {
  flex: none; width: 30px; height: 30px; margin: -5px -6px 0 0; display: grid; place-items: center;
  border: 0; border-radius: 50%; background: none; color: #b0a8a1; cursor: pointer;
}
.mhs-line__qty { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mhs-line__qtyunit { font-size: 12px; color: #9a928c; white-space: nowrap; }
.mhs-line__price { text-align: right; line-height: 1.25; }
.mhs-line__mrp { display: block; font-size: 12px; color: #b0a8a1; }
.mhs-sum__row { display: flex; justify-content: space-between; padding: 2px 0; font-size: 13px; color: #6b635d; }
.mhs-sum__row.is-save { color: #1c7c54; font-weight: 600; }
.mhs-cartdrawer__deliv { display: flex; align-items: center; gap: 6px; margin: 6px 0 14px; font-size: 12.5px; color: #6b635d; }
.mhs-cartdrawer__deliv.is-ok { color: #1c7c54; }
.mhs-cartdrawer__deliv svg { flex: none; }
.mhs-cartdrawer__cta { justify-content: space-between; min-height: 52px; padding: 0 20px; font-size: 15px; }
.mhs-cartdrawer__cta-sum { font-weight: 700; }
.mhs-cartdrawer__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; margin: 12px 0 2px; font-size: 12px; color: #6b635d; }
.mhs-cartdrawer__trust span { display: inline-flex; align-items: center; gap: 5px; }
.mhs-cartdrawer__trust svg { width: 14px; height: 14px; color: #c27266; }
.mhs-cartdrawer__links { display: flex; justify-content: center; gap: 18px; margin-top: 8px; }
.mhs-cartdrawer__links a, .mhs-cartdrawer__links button {
  padding: 4px 0; border: 0; background: none; font-size: 13px; color: #6b635d; text-decoration: underline; cursor: pointer;
}
.mhs-cartdrawer__empty { padding: 70px 10px; text-align: center; }
.mhs-cartdrawer__empty svg { color: #d9c9c3; margin-bottom: 12px; }
.mhs-cartdrawer__empty-title { margin: 0 0 6px; font-size: 16px; font-weight: 600; color: #2c2825; }
.mhs-cartdrawer__empty-sub { margin: 0 0 18px; font-size: 13.5px; line-height: 1.55; color: #9a928c; }
html body .mhs-line__del:hover, html body .mhs-line__del:focus { background: #fdeceb !important; color: #b3261e !important; }
html body .mhs-cartdrawer__links a:hover, html body .mhs-cartdrawer__links button:hover,
html body .mhs-cartdrawer__links a:focus, html body .mhs-cartdrawer__links button:focus { background: none !important; color: #a95c51 !important; }

/* ---- accounts: sign in, sign up, reset, my account ----------------------- */
.mhs-auth { max-width: 440px; margin: 0 auto; padding: 28px 26px; border: 1px solid #ece8e4; border-radius: 14px; background: #fff; }
.mhs-auth__step { margin: 0 0 6px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #c27266; }
.mhs-auth__title { margin: 0 0 6px; font-size: 26px; font-weight: 700; color: #2c2825; }
.mhs-auth__sub { margin: 0 0 18px; font-size: 14.5px; line-height: 1.6; color: #6b635d; }
.mhs-auth__form .mhs-field { margin-bottom: 14px; }
.mhs-auth__form .mhs-field label { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.mhs-auth__aside { font-size: 12.5px; font-weight: 500; color: #a95c51; text-decoration: underline; }
.mhs-auth__msg { margin: 0 0 14px; padding: 10px 14px; border-radius: 8px; font-size: 13.5px; line-height: 1.5; }
.mhs-auth__msg.is-error { background: #fdeceb; color: #8c1d18; }
.mhs-auth__msg.is-ok { background: #eef7f2; color: #1c5c3e; }
.mhs-auth__switch { margin: 18px 0 0; text-align: center; font-size: 14px; color: #6b635d; }
.mhs-auth__switch a { color: #a95c51; font-weight: 600; }
.mhs-auth__code { text-align: center; font-size: 24px !important; font-weight: 700; letter-spacing: .4em; }
.mhs-auth__row { display: flex; justify-content: space-between; margin-top: 14px; }
.mhs-auth__link { padding: 4px 0; border: 0; background: none; font-size: 13.5px; color: #6b635d; text-decoration: underline; cursor: pointer; }
.mhs-auth__consent { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 14px; font-size: 13px; line-height: 1.55; color: #6b635d; font-weight: 400; }
.mhs-auth__consent input { flex: none; width: 16px; height: 16px; margin-top: 2px; accent-color: #c27266; }
.mhs-auth__consent a { color: #a95c51; text-decoration: underline; }
.mhs-auth__captcha { margin: 0 0 16px; }
.mhs-pass { position: relative; }
.mhs-pass input { padding-right: 64px !important; }
.mhs-pass__toggle {
  position: absolute; top: 50%; right: 6px; transform: translateY(-50%); height: 34px; padding: 0 10px;
  border: 0; background: none; font-size: 13px; font-weight: 600; color: #6b635d; cursor: pointer;
}
html body .mhs-pass__toggle:hover, html body .mhs-pass__toggle:focus,
html body .mhs-auth__link:hover, html body .mhs-auth__link:focus { background: none !important; color: #a95c51 !important; }

.mhs-acct { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.mhs-acct__card { margin-bottom: 20px; padding: 20px 22px; border: 1px solid #ece8e4; border-radius: 12px; background: #fff; }
.mhs-acct__h { margin: 0 0 12px; font-size: 17px; font-weight: 700; color: #2c2825; }
.mhs-acct__welcome { margin: 0 0 20px; padding: 14px 18px; border-radius: 10px; background: #eef7f2; color: #1c5c3e; font-size: 14.5px; }
.mhs-acct__order { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 14px 0; border-bottom: 1px solid #f0ece8; }
.mhs-acct__order:last-child { border-bottom: 0; }
.mhs-acct__ref { font-weight: 700; color: #2c2825; text-decoration: none; letter-spacing: .02em; }
.mhs-acct__ref:hover { color: #a95c51; }
.mhs-acct__meta { font-size: 13px; color: #9a928c; }
.mhs-acct__badge { justify-self: end; align-self: start; padding: 3px 10px; border-radius: 10px; font-size: 12px; font-weight: 600; color: #fff; white-space: nowrap; }
.mhs-acct__total { justify-self: end; font-weight: 700; color: #2c2825; }
.mhs-acct__empty { margin: 0 0 14px; font-size: 14px; color: #9a928c; }
.mhs-acct__verified { margin-left: auto; font-size: 12.5px; font-weight: 600; color: #1c7c54; }
.mhs-acct__note { margin: 6px 0 0; font-size: 12.5px; color: #9a928c; }
.mhs-field input:disabled { background: #f7f5f3; color: #6b635d; }

/* ---- account settings (account.php, ?tab=...) ------------------------------
   Desktop: side menu + section. Phones: /account is the menu as a list, each
   section opens on its own with a back link (.is-sub hides the menu). */
.mhs-acs { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; align-items: start; }
.mhs-acs__side { position: sticky; top: 100px; }
.mhs-acs__me { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 16px; border: 1px solid #ece8e4; border-radius: 12px; background: #fff; }
.mhs-acs__avatar { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #c27266; color: #fff; font-size: 18px; font-weight: 700; }
.mhs-acs__me-txt { min-width: 0; }
.mhs-acs__me-txt b, .mhs-acs__me-txt small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mhs-acs__me-txt b { font-size: 15px; color: #2c2825; }
.mhs-acs__me-txt small { font-size: 12.5px; color: #9a928c; }
.mhs-acs__nav { overflow: hidden; border: 1px solid #ece8e4; border-radius: 12px; background: #fff; }
.mhs-acs__link { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #f3efec; font-size: 14.5px; font-weight: 600; color: #2c2825; text-decoration: none; }
.mhs-acs__link:last-child { border-bottom: 0; }
.mhs-acs__link > svg { flex: none; color: #c27266; }
.mhs-acs__link-txt { flex: 1; min-width: 0; }
.mhs-acs__link-txt small { display: block; margin-top: 1px; font-size: 12px; font-weight: 400; color: #9a928c; }
.mhs-acs__chev { display: none; color: #c9bfb9; }
.mhs-acs__link.is-active { background: #f9f4f2; color: #a95c51; box-shadow: inset 3px 0 0 #c27266; }
html body .mhs-acs__link:hover, html body .mhs-acs__link:focus-visible { background: #f9f4f2 !important; color: #a95c51 !important; }
.mhs-acs__signout { margin: 12px 0 0 4px; }
.mhs-acs__back { display: none; }
.mhs-acs__title { margin: 0 0 4px; font-size: 26px; font-weight: 700; color: #2c2825; }
.mhs-acs__lead { margin: 0 0 20px; font-size: 14.5px; color: #6b635d; }
.mhs-acs__muted { margin: 0 0 14px; font-size: 14px; line-height: 1.6; color: #6b635d; }
.mhs-acs__group { margin: 6px 0 0; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #9a928c; }
.mhs-acs__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.mhs-acs__textbtn { padding: 0; border: 0; background: none; font-size: 13.5px; font-weight: 600; color: #a95c51; text-decoration: underline; cursor: pointer; }
.mhs-acs__textbtn--danger { color: #b3261e; }
html body .mhs-acs__textbtn:hover, html body .mhs-acs__textbtn:focus { background: none !important; color: #7e4037 !important; }
html body .mhs-acs__textbtn--danger:hover, html body .mhs-acs__textbtn--danger:focus { color: #8c1d18 !important; }
.mhs-acs__ok { margin-left: 8px; font-size: 12.5px; font-weight: 600; color: #1c7c54; white-space: nowrap; }
.mhs-acs__more { display: inline-flex; align-items: center; gap: 4px; margin-top: 12px; font-size: 13.5px; font-weight: 600; color: #a95c51; }

/* overview */
.mhs-acs__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.mhs-acs__stat { display: block; padding: 16px 18px; border: 1px solid #ece8e4; border-radius: 12px; background: #fff; color: #2c2825; text-decoration: none; }
html body .mhs-acs__stat:hover { border-color: #c27266; background: #fff !important; color: #2c2825 !important; }
.mhs-acs__stat b { display: block; font-size: 24px; line-height: 1.2; }
.mhs-acs__stat b.is-small { font-size: 16px; line-height: 1.9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mhs-acs__stat span { display: block; font-size: 12.5px; color: #9a928c; }
.mhs-acs__stat em { display: block; margin-top: 8px; font-size: 13px; font-style: normal; font-weight: 600; color: #a95c51; }
.mhs-acs__tip { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; padding: 14px 18px; border-radius: 12px; background: #f9f4f2; }
.mhs-acs__tip > svg { flex: none; color: #c27266; }
.mhs-acs__tip div { flex: 1; min-width: 0; font-size: 13.5px; color: #6b635d; }
.mhs-acs__tip b { display: block; font-size: 14.5px; color: #2c2825; }
.mhs-acs__tip .mhs-cbtn { flex: none; }

/* definition rows (details, activity, statuses) */
.mhs-acs__rows { margin: 0; }
.mhs-acs__row { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid #f3efec; }
.mhs-acs__row:last-child { border-bottom: 0; }
.mhs-acs__row dt { flex: none; font-size: 13.5px; font-weight: 500; color: #9a928c; }
.mhs-acs__row dd { margin: 0; font-size: 14px; font-weight: 600; color: #2c2825; text-align: right; overflow-wrap: anywhere; }
.mhs-acs__details { margin: -4px 0 16px; padding: 4px 22px; border: 1px solid #ece8e4; border-radius: 12px; background: #fff; }
.mhs-acs__details summary, .mhs-acs__faq summary { padding: 12px 0; font-size: 14px; font-weight: 600; color: #2c2825; cursor: pointer; }
.mhs-acs__details .mhs-acs__row dd { font-weight: 400; color: #4a4542; }

/* addresses */
.mhs-acs__addrs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.mhs-acs__addr { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border: 1px solid #ece8e4; border-radius: 12px; background: #fff; }
.mhs-acs__addr.is-default { border-color: #c27266; box-shadow: inset 0 0 0 1px #c27266; }
.mhs-acs__addr p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #4a4542; overflow-wrap: anywhere; }
.mhs-acs__addr p b { color: #2c2825; }
.mhs-acs__chips { margin-bottom: 4px; }
.mhs-acs__chip { display: inline-block; margin-right: 6px; padding: 2px 9px; border-radius: 10px; background: #f6f0ee; font-size: 11.5px; font-weight: 700; color: #a95c51; }
.mhs-acs__chip--def { background: #c27266; color: #fff; }
.mhs-acs__addr p.mhs-acs__deliv { margin-top: 4px; font-size: 12.5px; }
.mhs-acs__deliv.is-ok { color: #1c7c54; }
.mhs-acs__addr p.mhs-acs__deliv.is-no { color: #8a6a3a; }
.mhs-acs__addr-acts { display: flex; flex-wrap: wrap; gap: 16px; margin-top: auto; padding-top: 12px; }
.mhs-acs__addr-acts form { margin: 0; }
.mhs-acs__add { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 150px; border: 1.5px dashed #ddd3cd; border-radius: 12px; font-size: 14.5px; font-weight: 600; color: #a95c51; text-decoration: none; }
.mhs-acs__add span { font-size: 22px; font-weight: 400; line-height: 1; }
html body .mhs-acs__add:hover { border-color: #c27266; background: #fdf8f6 !important; color: #a95c51 !important; }
.mhs-acs__empty { text-align: center; }
.mhs-acs__empty > svg { color: #d9c9c3; }
.mhs-acs__empty p { margin: 8px auto 16px; max-width: 420px; font-size: 14px; line-height: 1.6; color: #6b635d; }
.mhs-acs__empty p b { display: block; margin-bottom: 4px; font-size: 16px; color: #2c2825; }
.mhs-acs__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.mhs-acs__form .is-wide { grid-column: 1 / -1; }
.mhs-acs__labels { display: flex; flex-wrap: wrap; gap: 8px; }
.mhs-auth__form .mhs-field .mhs-acs__label { position: relative; display: inline-flex; margin: 0; }
.mhs-acs__label input { position: absolute; opacity: 0; pointer-events: none; }
.mhs-acs__label span { padding: 7px 16px; border: 1px solid #e2dcd7; border-radius: 18px; font-size: 13.5px; font-weight: 600; color: #4a4542; cursor: pointer; }
.mhs-acs__label input:checked + span { border-color: #c27266; background: #c27266; color: #fff; }
.mhs-acs__label input:focus-visible + span { outline: 2px solid #c27266; outline-offset: 2px; }

/* notifications: on/off switches */
.mhs-acs__toggle { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 16px 0; border-bottom: 1px solid #f3efec; cursor: pointer; }
.mhs-acs__toggle-txt b { display: block; font-size: 14.5px; color: #2c2825; }
.mhs-acs__toggle-txt small { display: block; margin-top: 2px; font-size: 13px; line-height: 1.5; color: #9a928c; }
html body input.mhs-acs__switch {
  -webkit-appearance: none; appearance: none; position: relative; flex: none; width: 44px; height: 26px; margin: 2px 0 0; padding: 0;
  border: 0; border-radius: 13px; background: #d9d1cc; cursor: pointer; transition: background-color .2s ease;
}
html body input.mhs-acs__switch::before {
  content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .2s ease;
}
html body input.mhs-acs__switch:checked { background: #c27266; }
html body input.mhs-acs__switch:checked::before { transform: translateX(18px); }
html body input.mhs-acs__switch:focus-visible { outline: 2px solid #c27266; outline-offset: 2px; }

/* help */
.mhs-acs__help { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.mhs-acs__helpcard { display: block; padding: 16px 18px; border: 1px solid #ece8e4; border-radius: 12px; background: #fff; color: #2c2825; text-decoration: none; }
.mhs-acs__helpcard svg { color: #c27266; }
.mhs-acs__helpcard b { display: block; margin-top: 8px; font-size: 14.5px; }
.mhs-acs__helpcard span { display: block; font-size: 13px; color: #6b635d; overflow-wrap: anywhere; }
html body .mhs-acs__helpcard:hover { border-color: #c27266; background: #fff !important; color: #2c2825 !important; }
.mhs-acs__faq { border-bottom: 1px solid #f3efec; }
.mhs-acs__faq:last-child { border-bottom: 0; }
.mhs-acs__faq p { margin: 0 0 14px; font-size: 14px; line-height: 1.65; color: #4a4542; }
.mhs-acct__note a { color: #a95c51; text-decoration: underline; }

@media (max-width: 991px) {
  .mhs-acs { grid-template-columns: 1fr; gap: 18px; }
  .mhs-acs__side { position: static; }
  .mhs-acs.is-sub .mhs-acs__side { display: none; }
  .mhs-acs__link--overview { display: none; }
  .mhs-acs__link { padding: 14px 16px; }
  .mhs-acs__link.is-active { background: none; box-shadow: none; color: #2c2825; }
  .mhs-acs__chev { display: block; }
  .mhs-acs.is-sub .mhs-acs__back { display: inline-flex; align-items: center; gap: 4px; margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #a95c51; text-decoration: none; }
  .mhs-acs.is-home .mhs-acs__title { font-size: 22px; }
  .mhs-acs__help { grid-template-columns: 1fr; }
}
/* the theme gives labels and paragraphs heavy weight / tall line height */
.mhs-acs__toggle-txt small, .mhs-acs__toggle-txt b + small { font-weight: 400; }
.mhs-acs .mhs-acct__note, .mhs-acs__lead, .mhs-acs__muted { line-height: 1.6; }
@media (max-width: 575px) {
  .mhs-acs__title { font-size: 22px; }
  /* overview tiles become compact rows: "3  Orders ........ Received" */
  .mhs-acs__stats { grid-template-columns: 1fr; gap: 8px; }
  .mhs-acs__stat { display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
  .mhs-acs__stat b { flex: none; font-size: 18px; }
  .mhs-acs__stat span { flex: 1; min-width: 0; font-size: 13px; }
  .mhs-acs__stat b.is-small { flex: 0 1 auto; min-width: 0; font-size: 14px; line-height: 1.4; }
  .mhs-acs__stat:has(b.is-small) span { flex: none; order: -1; }
  .mhs-acs__stat em { flex: none; margin: 0 0 0 auto; font-size: 12.5px; }
  .mhs-acs__addrs, .mhs-acs__form { grid-template-columns: 1fr; }
  .mhs-acs__tip { flex-wrap: wrap; }
  .mhs-acs__row { flex-direction: column; gap: 2px; }
  .mhs-acs__row dd { text-align: left; }
}

/* checkout: saved-address picker and "save this address" */
.mhs-acs-pick { display: grid; gap: 10px; margin: 0 0 16px; }
.mhs-acs-pick__opt { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 12px 14px; border: 1px solid #e2dcd7; border-radius: 10px; background: #fff; font-weight: 400; cursor: pointer; }
.mhs-acs-pick__opt:has(input:checked) { border-color: #c27266; background: #fdf8f6; }
.mhs-acs-pick__opt input { flex: none; width: 16px; height: 16px; margin-top: 3px; accent-color: #c27266; }
.mhs-acs-pick__txt b { display: block; font-size: 14px; color: #2c2825; }
.mhs-acs-pick__txt small { display: block; font-size: 12.5px; line-height: 1.5; color: #6b635d; overflow-wrap: anywhere; }
.mhs-acs-pick__manage { justify-self: start; font-size: 13px; font-weight: 600; color: #a95c51; text-decoration: underline; }
.mhs-acs-save-wrap[hidden] { display: none !important; }
.mhs-field .mhs-acs-save { display: flex; align-items: center; gap: 10px; margin: -4px 0 0; font-size: 13.5px; font-weight: 400; color: #4a4542; cursor: pointer; }
.mhs-acs-save input { flex: none; width: 16px; height: 16px; accent-color: #c27266; }

.mhs-co__signed { margin: -2px 0 14px; font-size: 13.5px; line-height: 1.55; color: #6b635d; }
.mhs-co__signed a { color: #a95c51; font-weight: 600; text-decoration: underline; }

/* header account link: desktop uses .mhs-headlink (myhome.css); phone is an icon */
.main-header-two__right .mhs-acctlink--desk { margin-right: 0; }
/* ---- header balance ------------------------------------------------------
   Top row: Search left of the centred logo, Account + Cart right of it. Each
   side gets half the room beside the logo (theme: flex 1 1 0): ~505px at
   1400+, ~457px at 1200, ~350px at 1024, ~240px at 769-1023. Labelled, the
   right pair needs ~252px, so at 769-1023 every link drops to its icon. */
.main-header-two__search-cart-box,
.main-header-two__right { gap: 28px; }
@media (min-width: 769px) and (max-width: 1023px) {
  .main-header-two__top .mhs-headlink__txt { display: none; }
  .main-header-two__top .mhs-headlink { gap: 0; }
}

/* Phone menu bar: menu on the left, actions (search, account, cart) on the
   right. Each icon sits in a soft 40px circle, the same look as the desktop
   header's icon circles: 20px terracotta glyphs, 2.2 stroke. */
@media (max-width: 768px) {
  .main-menu-two__main-menu-box { order: -1; }
  /* room between the circles and the bar's top/bottom rules */
  .main-menu-two .main-menu-two__wrapper-inner { padding-block: 10px; }
  .main-menu-two .main-menu-three__search-cart-box { gap: 10px; margin-right: 0; }
  html body .main-menu-two .mobile-nav__toggler,
  html body .main-menu-two .main-menu-three__search,
  html body .main-menu-two .mhs-acctlink--mob,
  html body .main-menu-two .mhs-cartlink--mob {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 50%;
    background: #f6f0ee !important; color: #c27266 !important;
    transition: background-color .2s ease, color .2s ease;
  }
  html body .main-menu-two .mobile-nav__toggler:hover,
  html body .main-menu-two .main-menu-three__search:hover,
  html body .main-menu-two .mhs-acctlink--mob:hover,
  html body .main-menu-two .mhs-cartlink--mob:hover,
  html body .main-menu-two .mobile-nav__toggler:focus-visible,
  html body .main-menu-two .main-menu-three__search:focus-visible,
  html body .main-menu-two .mhs-acctlink--mob:focus-visible,
  html body .main-menu-two .mhs-cartlink--mob:focus-visible { background: #efe2de !important; color: #a95c51 !important; }
  .main-menu-two .mhs-cartlink--mob .mhs-cartlink__count { top: -4px; right: -5px; }
  /* signed in: solid circle with the first initial */
  html body .main-menu-two .mhs-acctlink--mob.is-in { background: #c27266 !important; color: #fff !important; }
  html body .main-menu-two .mhs-acctlink--mob.is-in:hover,
  html body .main-menu-two .mhs-acctlink--mob.is-in:focus-visible { background: #a95c51 !important; color: #fff !important; }
}
/* signed-in header: "Hi, <first name>", cut with … if long; phone circle shows the initial */
.mhs-acctlink__name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
.mhs-acctlink__initial { font-size: 16px; font-weight: 700; line-height: 1; }
.mhs-acctlink--mob { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 2px; color: #c27266; }
html body .mhs-acctlink--mob:hover, html body .mhs-acctlink--mob:focus { background: none !important; color: #a95c51 !important; }

/* privacy policy and other plain pages */
.mhs-legal { max-width: 760px; margin: 0 auto; }
.mhs-legal h2 { margin: 26px 0 8px; font-size: 19px; font-weight: 700; color: #2c2825; }
.mhs-legal p, .mhs-legal li { font-size: 15px; line-height: 1.7; color: #4a4542; }
.mhs-legal p { margin: 0 0 12px; }
/* phones: room under the footer's last row so the fixed "Talk to us" button no longer covers
   links there (Shipping, Returns) once the page cannot scroll any further */
@media (max-width: 767px) { footer .mhs-footer__bottom { padding-bottom: 86px; } }
.mhs-legal ul { padding-left: 20px; }
.mhs-legal a { color: #a95c51; text-decoration: underline; }

@media (max-width: 991px) { .mhs-acct { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .mhs-auth { padding: 22px 16px; } .mhs-auth__title { font-size: 22px; } }

/* ---- hover / focus / press states --------------------------------------
   The theme paints every button terracotta on hover, which made outline
   buttons (terracotta text) unreadable. Each control here states its own
   background and text colour for every state, scoped high and !important so
   the theme's generic button rules cannot win. */
html body .mhs-cbtn--solid:hover, html body .mhs-cbtn--solid:focus, html body .mhs-cbtn--solid:active,
html body .mhs-cardadd:hover, html body .mhs-cardadd:focus, html body .mhs-cardadd:active,
html body .mhs-toast__btn:hover, html body .mhs-toast__btn:focus, html body .mhs-toast__btn:active,
html body .mhs-stickybar__buy:hover, html body .mhs-stickybar__buy:focus, html body .mhs-stickybar__buy:active {
  background: #a95c51 !important; color: #fff !important; border-color: transparent !important;
}
html body .mhs-cardadd.is-done, html body .mhs-cardadd.is-done:hover { background: #1c7c54 !important; }

html body .mhs-cbtn--dark:hover, html body .mhs-cbtn--dark:focus, html body .mhs-cbtn--dark:active {
  background: #c27266 !important; color: #fff !important; border-color: transparent !important;
}

html body .mhs-cbtn--line:hover, html body .mhs-cbtn--line:focus, html body .mhs-cbtn--line:active {
  background: #fdf7f5 !important; color: #a95c51 !important; border-color: #c27266 !important;
}
html body .mhs-buy__add.is-done, html body .mhs-buy__add.is-done:hover { background: #1c7c54 !important; color: #fff !important; border-color: #1c7c54 !important; }

html body .mhs-cbtn--wa-soft:hover, html body .mhs-cbtn--wa-soft:focus, html body .mhs-cbtn--wa-soft:active {
  background: #f3faf6 !important; color: #1c7c54 !important; border-color: #25a35a !important;
}
html body .mhs-cbtn--wa:hover, html body .mhs-cbtn--wa:focus, html body .mhs-cbtn--wa:active {
  background: #17864a !important; color: #fff !important;
}

/* text-style controls: never get a background block */
html body .mhs-cartdrawer__x:hover, html body .mhs-cartdrawer__x:active { background: #f6f0ee !important; color: #a95c51 !important; }
html body .mhs-cartdrawer__x:focus { background: transparent !important; color: #2c2825 !important; }
html body .mhs-cartdrawer__keep:hover, html body .mhs-cartdrawer__keep:focus, html body .mhs-cartdrawer__keep:active,
html body .mhs-buy__pinchange:hover, html body .mhs-buy__pinchange:focus, html body .mhs-buy__pinchange:active {
  background: none !important; color: #a95c51 !important;
}
html body .mhs-line__rm:hover, html body .mhs-line__rm:focus, html body .mhs-line__rm:active {
  background: none !important; color: #b3261e !important;
}
html body .mhs-step button:hover, html body .mhs-step button:focus, html body .mhs-step button:active {
  background: #f6f0ee !important; color: #a95c51 !important;
}
html body .mhs-cartlink:hover, html body .mhs-cartlink:focus { background: none !important; color: #c27266 !important; }
html body .mhs-cbtn:disabled, html body .mhs-cbtn:disabled:hover { opacity: .55; }
/* some theme buttons fill on hover with a ::before/::after layer; none of ours use one */
html body .mhs-cbtn::before, html body .mhs-cbtn::after,
html body .mhs-cardadd::before, html body .mhs-cardadd::after,
html body .mhs-toast__btn::before, html body .mhs-toast__btn::after,
html body .mhs-cartdrawer__x::before, html body .mhs-cartdrawer__x::after,
html body .mhs-cartdrawer__keep::before, html body .mhs-cartdrawer__keep::after,
html body .mhs-stickybar__buy::before, html body .mhs-stickybar__buy::after { content: none !important; display: none !important; }

@media (max-width: 991px) {
  .mhs-cartpage, .mhs-co { grid-template-columns: 1fr; }
  .mhs-cartpage__sum, .mhs-co__side { position: static; }
  .mhs-co__side { order: -1; }
}
@media (max-width: 575px) {
  .mhs-cshop__title { font-size: 24px; }
  .mhs-co__grid { grid-template-columns: 1fr; }
  .mhs-co__form { padding: 16px; }
  .mhs-buy__qtyrow { flex-wrap: wrap; }
  .mhs-line--page .mhs-line__img { width: 72px; height: 72px; }
}