html.ug-lock{overflow:hidden;}
.ug-cart-toggle{
  position:fixed;right:20px;bottom:20px;z-index:10010;
  display:inline-flex;gap:8px;align-items:center;
  background:#8b1e1e;color:#fff;border:0;border-radius:999px;padding:10px 14px;
  box-shadow:0 8px 24px rgba(0,0,0,.2);cursor:pointer;
}
.ug-cart-toggle svg{width:20px;height:20px;display:block;}
.ug-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#fff;color:#8b1e1e;border-radius:999px;font-weight:700;font-size:12px;}

.ug-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:.25s;z-index:10000;}
.ug-cart-overlay.is-on{opacity:1;pointer-events:auto;}

.ug-drawer{
  position:fixed;top:0;right:0;height:100vh;width:min(420px,92vw);z-index:10020;
  background:#fff;transform:translateX(100%);transition:transform .28s ease;
  display:flex;flex-direction:column;box-shadow:-16px 0 32px rgba(0,0,0,.18);border-left:1px solid #eee;
}
.ug-drawer.is-open{transform:translateX(0);}

.ug-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee;}
.ug-drawer__title{text-transform:uppercase;font-family:"Iowan Old Style","Times New Roman",serif;font-size:25px;letter-spacing:.02em;color:#000;}
.ug-drawer__close{font-size:28px;line-height:1;background:transparent;border:0;cursor:pointer;color:#222;}

.ug-drawer__body{padding:14px 16px;overflow:auto;flex:1;}
.ug-empty{padding:24px 12px;color:#777;}

.ug-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.ug-item{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;border:1px solid #f0f0f0;border-radius:12px;padding:10px;}
.ug-item__thumb img{width:100%;height:72px;object-fit:cover;border-radius:10px;}

.ug-item__name{display:block;font-weight:600;color:#1c1c1c;text-decoration:none;margin:.5px 0 6px;}
.ug-item__name:hover{text-decoration:underline;}

.ug-item__price{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.ug-price--now{font-weight:700;}
.ug-price--old{color:#9b9b9b;text-decoration:line-through;}
.ug-price--off{color:#0a9855;font-weight:600;}

.ug-item__controls{display:flex;align-items:center;gap:10px;}
.ug-qty{display:inline-flex;align-items:center;gap:6px;background:#fafafa;border:1px solid #e9e9e9;border-radius:999px;padding:0px2px;}
.ug-qty__btn{width:28px;height:28px;border-radius:999px;border:0;background:#fff;cursor:pointer;font-weight:700;}
.ug-qty__input{width:42px;text-align:center;border:0;background:transparent;font-weight:600;}

.ug-in-cart{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid #e9e9e9;background:#fff;}
.ug-in-cart svg{width:18px;height:18px;color:#8b1e1e;}

.ug-remove{margin-left:auto;font-size:20px;color:#b6b6b6;text-decoration:none;display:inline-flex;}
.ug-remove:hover{color:#8b1e1e;}

.ug-drawer__footer{border-top:1px solid #eee;padding:14px 16px;}
.ug-btn{display:block;width:100%;text-align:center;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700;}
.ug-btn--primary{background:#8b1e1e;color:#fff;}
.widget_shopping_cart_content .total{display:none!important;}

/* — Заголовок: Iowan Old Style 25 — */
.ug-drawer__title{
  text-transform: uppercase;
  font-family: "Iowan Old Style","Times New Roman",serif;
  font-size: 25px;
  letter-spacing:.02em;
  color:#000;
}

/* — Drawer — */
.ug-drawer{
  position:fixed; top:0; right:0; height:100vh; width:min(420px,92vw);
  background:#fff; transform:translateX(100%); transition:transform .28s ease;
  z-index:10020; display:flex; flex-direction:column; box-shadow:-16px 0 32px rgba(0,0,0,.18);
  border-left:1px solid #eee;
}

/* — Тіло та футер: футер завжди внизу — */
.ug-drawer__body{ padding:14px 16px; overflow:auto; flex:1 1 auto; min-height:0; }
.ug-drawer__footer{ border-top:1px solid #eee; padding:14px 16px; margin-top:auto; }

/* — Радіуси: всюди 2px, ОКРІМ блоку вибору кількості — */
.ug-item{ display:grid; grid-template-columns:72px 1fr; gap:12px; align-items:start;
  border:1px solid #f0f0f0; border-radius:2px; padding:10px; }
.ug-item__thumb img{ width:100%; height:72px; object-fit:cover; border-radius:2px; }
.ug-btn{ display:block; width:100%; text-align:center; padding:12px 16px; border-radius:2px; text-decoration:none; font-weight:700; }
.ug-in-cart{ width:36px; height:36px; border-radius:2px; border:1px solid #e9e9e9; background:#fff; }
.ug-remove{ margin-left:auto; font-size:20px; color:#b6b6b6; text-decoration:none; display:inline-flex; border-radius:2px; }
.ug-cart-toggle{ border-radius:2px; } /* якщо хочеш теж 2пкс */

/* — Контент товару — */
.ug-item__name{ display:block; font-weight:600; color:#1c1c1c; text-decoration:none; margin:0 0 6px; }
.ug-item__price{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.ug-price--now{ font-weight:700; }
.ug-price--old{ color:#9b9b9b; text-decoration:line-through; }
.ug-price--off{ color:#0a9855; font-weight:600; }

/* — Контроли: рівні, не «роз’їжджаються» — */
.ug-item__controls{
  display:flex; align-items:center; gap:8px; flex-wrap:nowrap;
}

/* — Вибір кількості: єдиний з округленням «таблеткою» — */
.ug-qty{
  display:inline-flex; align-items:center; gap:6px;
  background:#fafafa; border:1px solid #e9e9e9; border-radius:999px; padding:0px 2px;
}
.ug-qty__btn{
  width:28px; height:28px; border-radius:999px; border:0; background:#fff; cursor:pointer; font-weight:700;
  display:inline-flex; align-items:center; justify-content:center; line-height:1;
}
.ug-qty__input{
  width:48px; text-align:center; border:0; background:transparent; font-weight:600; padding:0;
}

/* Сховати «Разом» якщо десь з’явиться стандартний */
.widget_shopping_cart_content .total{ display:none !important; }

.ug-in-cart{ display:none !important; }

/* Ховаємо спіннери у number-полі тільки в нашому кошику */
.ug-qty__input::-webkit-outer-spin-button,
.ug-qty__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ug-qty__input {
  -moz-appearance: textfield;     /* Firefox */
  appearance: textfield;          /* нові браузери */
}
.ug-qty__input::-webkit-outer-spin-button,
.ug-qty__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.ug-qty__input{ -moz-appearance:textfield; appearance:textfield; }
.ug-item.is-loading{ opacity:.6; pointer-events:none; }
/* Скидаємо стилі теми для інпуту кількості всередині дровера */
.ug-drawer .ug-qty__input{
  padding: 0 !important;
  height: 28px;            /* або 30/32 — як хочеш */
  line-height: 28px;
  width: 40px;             /* зроби 36–52px під свій макет */
  background: transparent;
  border: 0;
  box-shadow: none !important;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: textfield;
}

/* щоб «таблетка» лишилась охайною */
.ug-drawer .ug-qty{
  padding: 0px 0px;        /* зменши/збільши за потреби */
}
.ug-drawer .ug-qty__btn{
  width: 28px;
  height: 28px;
  line-height: 28px;
  border: 0;
}

/* якщо браузер все ще малює спіннери — сховати */
.ug-drawer .ug-qty__input::-webkit-outer-spin-button,
.ug-drawer .ug-qty__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }