/* Homepage Best Sellers "ADD TO CART" is a <button> (2026-10-08); give it the same flat outline look as the
   old <a class="sw-btn-outline"> link instead of the browser's grey button face. */
html body button.sw-btn-outline {
  background: transparent; font-family: inherit; font-weight: 700; cursor: pointer;
  border-style: solid; border-color: var(--sw-ink, #1d1d1b); color: var(--sw-ink, #1d1d1b);
  -webkit-appearance: none; appearance: none; border-radius: 0; line-height: 1.2; width: auto;
}
html body button.sw-btn-outline:hover { background: var(--sw-ink, #1d1d1b); color: #fff; }
html body button.sw-btn-outline:disabled { opacity: .7; cursor: default; }
/* The site-wide .add-to-cart rule paints these red; keep it, with white text so it reads clearly. */
html body .sw-best .sw-best-btn.add-to-cart { background: var(--sw-red, #c8102e) !important; border-color: var(--sw-red, #c8102e) !important; color: #fff !important; }
html body .sw-best .sw-best-btn.add-to-cart:hover { background: #a00d25 !important; border-color: #a00d25 !important; color: #fff !important; }

/* ---- Daily deal card, phone/tablet layout (2026-10-08, Brad: "looks bad"). The desktop board (>820px) is untouched.
   Order: photo, name, price + saving, countdown, specs, then Add to cart and View all deals. ---- */
@media (min-width: 821px) { html body .swc-mob-only { display: none !important; } }
@media (max-width: 820px) {
  html body .sw-corral { padding: 14px 12px !important; background: #fff; }
  html body .sw-corral .sw-corral-card {
    display: flex !important; flex-direction: column; align-items: stretch; gap: 10px !important;
    background: #fbf7ef !important; border: 1px solid #e2d8c4 !important; border-radius: 8px; padding: 16px !important; text-align: center;
  }
  html body .sw-corral .swc-shot-slot { order: 1; display: flex; justify-content: center; background: #fff; border-radius: 6px; padding: 10px !important; }
  html body .sw-corral .swc-shot { max-height: 190px !important; width: auto; }
  html body .sw-corral .swc-name { order: 2; display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 17px !important;
    line-height: 1.3; text-transform: none !important; letter-spacing: 0 !important; font-weight: 700; }
  html body .sw-corral .swc-name .swc-brand { font-size: 12px !important; letter-spacing: 1.5px !important; text-transform: uppercase; color: #8a7a5c; font-weight: 600; }
  html body .sw-corral .swc-name .swc-cal { display: inline-block; font-size: 12px !important; padding: 2px 10px; border-radius: 999px;
    background: #f3e3e5; color: var(--sw-red, #c8102e); text-transform: uppercase; letter-spacing: 1px !important; }
  html body .sw-corral .swc-price { order: 3; display: flex !important; flex-direction: row; justify-content: center; align-items: baseline; gap: 10px; flex-wrap: wrap; }
  html body .sw-corral .swc-price .swc-mob-lbl { display: none !important; }
  html body .sw-corral .swc-was { font-size: 15px !important; color: #8a7a5c; }
  html body .sw-corral .swc-now { font-size: 32px !important; line-height: 1; }
  html body .sw-corral .swc-save-slot { order: 4; display: flex !important; justify-content: center; }
  html body .sw-corral .swc-save-slot .swc-mob-lbl { display: none !important; }
  html body .sw-corral .swc-save { display: inline-block; font-size: 14px !important; font-weight: 700; color: #fff !important;
    background: var(--sw-red, #c8102e); border-radius: 999px; padding: 4px 12px; line-height: 1.3; }
  html body .sw-corral .swc-save::before { content: "Save "; }
  html body .sw-corral .swc-clockrow { order: 5; display: flex !important; justify-content: center; align-items: baseline; gap: 6px; font-size: 14px; color: #5b5142; }
  html body .sw-corral .swc-clockrow .swc-slot { display: inline-flex !important; align-items: baseline; }
  html body .sw-corral .swc-ends { margin-right: 4px; }
  html body .sw-corral .swc-dig { font-size: 16px !important; font-weight: 700; font-variant-numeric: tabular-nums; }
  html body .sw-corral .swc-unit { font-size: 13px; margin-left: 1px; }
  html body .sw-corral .swc-detail { order: 6; }
  html body .sw-corral .swc-detail dl { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 6px !important; }
  html body .sw-corral .swc-detail dt { display: none; }
  html body .sw-corral .swc-detail dd { margin: 0; font-size: 12px !important; padding: 4px 10px; border: 1px solid #e2d8c4; border-radius: 999px; background: #fff; text-transform: none; }
  html body .sw-corral .swc-atc { order: 7; display: block; width: 100%; min-height: 46px; border: 0; border-radius: 6px; cursor: pointer;
    background: var(--sw-red, #c8102e) !important; color: #fff !important; font: 700 15px/1 'Oswald', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; }
  html body .sw-corral .swc-deals { order: 8; position: static !important; display: flex !important; justify-content: center; align-items: center; width: 100%;
    min-height: 44px; background: transparent !important; color: var(--sw-ink, #1d1d1b) !important; border: 1px solid var(--sw-ink, #1d1d1b); border-radius: 6px; padding: 0 !important; }
  html body .sw-corral .swc-deals .swc-mob-lbl { color: inherit !important; font-size: 14px !important; letter-spacing: 1.4px; }
}