/* ==========================================================================
   Global UI Components
   Auth-style visual system applied site-wide.
   Scope: inputs, buttons, cards, selects, textareas and common form controls.
   ========================================================================== */

:root {
    --ui-primary: var(--primary);
    --primary: var(--primary);
    --ui-primary-dark: color-mix(in srgb, var(--primary) 80%, black);
    --primary-dark: color-mix(in srgb, var(--primary) 80%, black);
    --ui-primary-light: var(--primary-light, #fff0eb);
    --ui-primary-fade: var(--primary-fade, rgba(241, 90, 36, .10));
    --ui-text: var(--text-primary, #1a1a1a);
    --ui-muted: var(--text-secondary, #6c757d);
    --ui-border: var(--border-medium, #d6d9e6);
    --ui-border-light: var(--border-light, #e7e9f1);
    --ui-bg: #ffffff;
    --ui-shadow: 0 4px 18px rgba(20, 21, 26, .07);
    --ui-shadow-hover: 0 8px 24px rgba(20, 21, 26, .10);
    --ui-radius-sm: 8px;
    --ui-radius: 12px;
    --ui-transition: all .2s ease;
}

/* ==========================================================================
   Global Form Controls
   ========================================================================== */

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
select,
textarea,
.form-control {
    font-family: "Inter", sans-serif;
    color: var(--ui-text);
    background: var(--ui-bg);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-sm);
    box-shadow: none;
    transition: var(--ui-transition);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
select,
.form-control {
    min-height: 48px;
}

textarea {
    min-height: 120px;
    padding: .75rem 1rem;
    resize: vertical;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
select,
.form-control {
    padding-left: 1rem;
    padding-right: 1rem;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
    color: var(--text-muted, #93959f);
    opacity: 1;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):hover,
select:hover,
textarea:hover,
.form-control:hover {
    border-color: #b9bdca;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):focus,
select:focus,
textarea:focus,
.form-control:focus {
    outline: none;
    border-color: var(--ui-primary);
    box-shadow: 0 0 0 3px var(--ui-primary-fade) !important;
}

input:disabled,
select:disabled,
textarea:disabled,
.form-control:disabled {
    background: #f5f6f8;
    color: var(--ui-muted);
    cursor: not-allowed;
}

/* Keep native checkbox/radio controls functional and compact. */
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--ui-primary);
}

/* Labels */
label,
.form-label {
    font-family: "Inter", sans-serif;
    color: var(--ui-text);
    font-weight: 500;
}

.form-group,
.form-check {
    margin-bottom: 1rem;
}

/* ==========================================================================
   Global Buttons
   ========================================================================== */

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.btn,
.primary-btn {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    border-radius: var(--ui-radius-sm);
    transition: var(--ui-transition);
}

button:not(.close):not(.navbar-toggler),
input[type="submit"],
input[type="button"],
input[type="reset"],
.btn,
.primary-btn {
    min-height: 48px;
}

.btn,
.primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .75rem 1.25rem;
    border-width: 1px;
}

.btn-primary,
.primary-btn,
button[type="submit"],
input[type="submit"] {
    color: #fff;
    background: var(--ui-primary);
    border-color: var(--ui-primary);
}

.btn-primary:hover,
.primary-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    color: #fff;
    background: var(--ui-primary-dark);
    border-color: var(--ui-primary-dark);
    box-shadow: 0 4px 12px rgba(241, 90, 36, .25);
}

.btn-primary:active,
.primary-btn:active,
button[type="submit"]:active,
input[type="submit"]:active {
    transform: translateY(0);
}

.btn:focus,
.primary-btn:focus,
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--ui-primary-fade);
}

/* Bootstrap semantic buttons keep their own semantic colors. */
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-dark {
    min-height: 48px;
    border-radius: var(--ui-radius-sm);
}

/* Outline primary */
.btn-outline-primary {
    color: var(--ui-primary);
    border-color: var(--ui-primary);
    background: #fff;
}

.btn-outline-primary:hover {
    color: #fff;
    background: var(--ui-primary);
    border-color: var(--ui-primary);
}

/* ==========================================================================
   Global Cards / Panels
   ========================================================================== */

.card,
.card-body,
.card-header,
.card-footer {
    border-color: var(--ui-border-light);
}

.card {
    background: #fff;
    border: 1px solid var(--ui-border-light);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow);
    overflow: hidden;
}

.card:hover {
    box-shadow: var(--ui-shadow-hover);
}

.card-header {
    background: #fff;
    padding: 1rem 1.25rem;
    font-family: "Figtree", sans-serif;
    font-weight: 600;
}

.card-body {
    padding: 1.25rem;
}

.card-footer {
    background: #fff;
    padding: 1rem 1.25rem;
}

/* Common project panel/card patterns */
.login_form_inner,
.checkout_area .order_box,
.billing_details,
.shipping_details,
.order_details_table,
.single-product,
.product-details,
.dashboard-card,
.panel,
.widget {
    border-radius: var(--ui-radius);
}

/* ==========================================================================
   Links and common form feedback
   ========================================================================== */

a {
    transition: color .2s ease;
}

.invalid-feedback,
.form-error,
.errorlist {
    font-family: "Inter", sans-serif;
    font-size: .85rem;
    color: #dc3545;
}

.is-invalid,
.form-control.is-invalid {
    border-color: #dc3545 !important;
}

.is-invalid:focus,
.form-control.is-invalid:focus {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, .10) !important;
}

/* ==========================================================================
   Auth visual language for existing login/register containers
   ========================================================================== */

.login_form_inner {
    background: #fff;
    border: 1px solid var(--ui-border-light);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow);
}

.login_form .form-group {
    margin-bottom: 1.25rem;
}

.login_form .form-control {
    height: 48px;
    min-height: 48px;
}

.login_form .primary-btn {
    width: 100%;
    height: 48px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
    .card-body {
        padding: 1rem;
    }

    .card-header,
    .card-footer {
        padding: .875rem 1rem;
    }

    .btn,
    .primary-btn {
        min-height: 46px;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
    select,
    .form-control {
        min-height: 46px;
    }
}




















































/* ============================================================
   PREMIUM PRODUCT CARD — COMPLETE FORCE-APPLIED CSS
   Scope: .home-page
   Every rule uses !important where Bootstrap could interfere.
   ============================================================ */

/* ------------------------------------------------------------
   0. CARD WRAPPER — outer column
   ------------------------------------------------------------ */
.home-page .all-cart {
  padding: 6px !important;
  margin: 0 !important;
  background: transparent !important;
  float: none !important;
  display: block !important;
}

.home-page .all-cart .home-product-card {
  display: block !important;
  height: 100% !important;
  color: inherit !important;
  text-decoration: none !important;
  outline: none !important;
}
.home-page .all-cart .home-product-card:hover,
.home-page .all-cart .home-product-card:focus,
.home-page .all-cart .home-product-card:active {
  color: inherit !important;
  text-decoration: none !important;
  outline: none !important;
}

/* ------------------------------------------------------------
   1. CARD BODY — the actual product tile
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #f3f4f6 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  will-change: transform !important;
  margin: 0 !important;
  padding: 0 !important;
  transition:
    transform .4s cubic-bezier(.22, 1, .36, 1),
    box-shadow .4s cubic-bezier(.22, 1, .36, 1),
    border-color .3s ease !important;
}

.home-page .all-cart .single-product.pro-cart:hover {
  transform: translateY(-6px) !important;
  border-color: transparent !important;
  box-shadow:
    0 2px 4px rgba(0, 0, 0, .04),
    0 12px 28px rgba(0, 0, 0, .09),
    0 24px 48px -16px rgba(0, 0, 0, .12) !important;
}

/* ------------------------------------------------------------
   2. IMAGE MEDIA
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart .product-media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: linear-gradient(135deg, #f8f9fc 0%, #eef0f6 100%) !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.home-page .all-cart .single-product.pro-cart .product-media .img-cart {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  filter: brightness(1) saturate(1) !important;
  transition:
    transform .8s cubic-bezier(.22, 1, .36, 1),
    filter .5s ease !important;
  will-change: transform !important;
}

.home-page .all-cart .single-product.pro-cart:hover .product-media .img-cart {
  transform: scale(1.08) !important;
  filter: brightness(1.04) saturate(1.08) !important;
}

/* ------------------------------------------------------------
   3. PRODUCT DETAILS BODY
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart .product-details {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: .9rem .9rem 1rem !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* ------------------------------------------------------------
   4. PRODUCT NAME
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart .product-details .proname {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.5em !important;
  margin: 0 0 .5rem !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .88rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #111827 !important;
  text-overflow: ellipsis !important;
  transition: color .25s ease !important;
}

.home-page .all-cart .single-product.pro-cart:hover .product-details .proname {
  color: #f15a24 !important;
}

/* ------------------------------------------------------------
   5. PRICE ROW
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart .product-details .price_div {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: .4rem !important;
  margin: auto 0 0 !important;
  padding: .3rem 0 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* current price */
.home-page .all-cart .single-product.pro-cart .product-details .price_div .pc-price {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Figtree', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
  color: #111827 !important;
}

/* strikethrough original price */
.home-page .all-cart .single-product.pro-cart .product-details .price_div .sprice {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  color: #9ca3af !important;
  text-decoration: line-through !important;
}
.home-page .all-cart .single-product.pro-cart .product-details .price_div .sprice small {
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* discount % badge */
.home-page .all-cart .single-product.pro-cart .product-details .price_div .dis-show {
  display: inline-block !important;
  margin: 0 !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  background: #fee2e2 !important;
  color: #dc2626 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

/* ------------------------------------------------------------
   6. FLASH PROGRESS
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart .product-details .price_div .flash-progress-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  width: 100% !important;
  margin-top: .55rem !important;
  padding: 0 !important;
}

.home-page .all-cart .single-product.pro-cart .product-details .price_div .flash-progress-wrap .pc-bs-progress {
  position: relative !important;
  flex: 1 1 auto !important;
  height: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f1f2f4 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.home-page .all-cart .single-product.pro-cart .product-details .price_div .flash-progress-wrap .pc-bs-progress .progress-bar {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ef4444, #f59e0b) !important;
  transition: width .6s cubic-bezier(.22, 1, .36, 1) !important;
  animation: none !important;
}

.home-page .all-cart .single-product.pro-cart .product-details .price_div .flash-progress-wrap .sold {
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  color: #dc2626 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
}

/* ------------------------------------------------------------
   7. META ROW (rating + flash timer)
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart .product-details .product-meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  min-height: 18px !important;
  margin: .35rem 0 0 !important;
  padding: 0 !important;
}

.home-page .all-cart .single-product.pro-cart .product-details .product-meta-row .view {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .72rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #6b7280 !important;
  letter-spacing: .02em !important;
}

.home-page .all-cart .single-product.pro-cart .product-details .product-meta-row .flash-timer {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #e90040 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  text-align: right !important;
}

/* ------------------------------------------------------------
   8. OFFER TAG
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart > .offer_tag {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 10 !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 4px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f15a24, #c94216) !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 16px rgba(241, 90, 36, .4) !important;
  pointer-events: none !important;
}

/* ------------------------------------------------------------
   9. OUT-OF-STOCK BADGE
   ------------------------------------------------------------ */
.home-page .all-cart .single-product.pro-cart > .pc_sole_out {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 11 !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 5px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(17, 24, 39, .9) !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  pointer-events: none !important;
}

/* if out-of-stock AND offer tag, push offer tag down */
.home-page .all-cart .single-product.pro-cart:has(.pc_sole_out) > .offer_tag {
  top: 52px !important;
}

/* ------------------------------------------------------------
   10. GRID HELPERS — force card to fill its grid/flex cell
   ------------------------------------------------------------ */

/* Just For You flex row */
.home-page .all-cart-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin: 0 -8px !important;
  row-gap: 18px !important;
  padding: 0 !important;
}
.home-page .all-cart-row > .all-cart {
  display: block !important;
  float: none !important;
  flex: 0 0 calc(16.6667% - 16px) !important;
  max-width: calc(16.6667% - 16px) !important;
  width: auto !important;
  margin: 0 8px 12px !important;
  padding: 0 !important;
}
.home-page .all-cart-row > .all-cart > .home-product-card {
  height: 100% !important;
}

/* Flash sale grid */
.home-page .flash_items_container {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.home-page .flash_items_container > .all-cart,
.home-page .flash_items_container > div.all-cart,
.home-page .flash_items_container > div.current-product {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.home-page .flash_items_container > .all-cart > .home-product-card,
.home-page .flash_items_container > div.all-cart > .home-product-card {
  height: 100% !important;
}

/* Top Trending carousel */
.home-page .top_tranding_carousel_perant_div .all-cart {
  display: block !important;
  float: none !important;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.home-page .top_tranding_carousel_perant_div .all-cart > .home-product-card {
  height: 100% !important;
}
.home-page .top_tranding_carousel_perant_div .owl-item {
  padding: 0 6px !important;
}

/* ------------------------------------------------------------
   11. RESPONSIVE — tablet
   ------------------------------------------------------------ */
@media (max-width: 1199.98px) {
  .home-page .flash_items_container {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .home-page .all-cart-row > .all-cart {
    flex-basis: calc(20% - 16px) !important;
    max-width: calc(20% - 16px) !important;
  }
}

@media (max-width: 991.98px) {
  .home-page .flash_items_container {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .home-page .all-cart-row > .all-cart {
    flex-basis: calc(25% - 16px) !important;
    max-width: calc(25% - 16px) !important;
  }
}

/* ------------------------------------------------------------
   12. RESPONSIVE — mobile
   ------------------------------------------------------------ */
@media (max-width: 767.98px) {
  .home-page .flash_items_container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .home-page .all-cart-row > .all-cart {
    flex-basis: calc(33.3333% - 16px) !important;
    max-width: calc(33.3333% - 16px) !important;
  }

  /* card refinements */
  .home-page .all-cart .single-product.pro-cart .product-details {
    padding: .75rem .75rem .85rem !important;
  }
  .home-page .all-cart .single-product.pro-cart .product-details .proname {
    font-size: .82rem !important;
    min-height: 2.4em !important;
  }
  .home-page .all-cart .single-product.pro-cart .product-details .price_div .pc-price {
    font-size: .98rem !important;
  }
  .home-page .all-cart .single-product.pro-cart .product-details .price_div .sprice {
    font-size: .76rem !important;
  }
  .home-page .all-cart .single-product.pro-cart > .offer_tag,
  .home-page .all-cart .single-product.pro-cart > .pc_sole_out {
    top: 8px !important;
    left: 8px !important;
    padding: 3px 9px !important;
    font-size: .62rem !important;
  }
}

@media (max-width: 575.98px) {
  .home-page .flash_items_container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .home-page .all-cart-row {
    margin: 0 -6px !important;
    row-gap: 12px !important;
  }
  .home-page .all-cart-row > .all-cart {
    flex-basis: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    margin: 0 6px 10px !important;
  }
  .home-page .all-cart {
    padding: 4px !important;
  }
  .home-page .all-cart .single-product.pro-cart {
    border-radius: 14px !important;
  }
  .home-page .all-cart .single-product.pro-cart .product-details {
    padding: .65rem .65rem .75rem !important;
  }
  .home-page .all-cart .single-product.pro-cart .product-details .proname {
    font-size: .78rem !important;
  }
  .home-page .all-cart .single-product.pro-cart .product-details .price_div .pc-price {
    font-size: .92rem !important;
  }
  .home-page .all-cart .single-product.pro-cart .product-details .price_div .dis-show {
    font-size: .62rem !important;
    padding: 2px 6px !important;
  }
  .home-page .all-cart .single-product.pro-cart .product-details .product-meta-row .view,
  .home-page .all-cart .single-product.pro-cart .product-details .product-meta-row .flash-timer {
    font-size: .66rem !important;
  }
}

/* ------------------------------------------------------------
   13. ACCESSIBILITY — reduced motion
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  .home-page .all-cart .single-product.pro-cart,
  .home-page .all-cart .single-product.pro-cart *,
  .home-page .all-cart .single-product.pro-cart .product-media .img-cart {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

/* ------------------------------------------------------------
   14. SAFETY OVERRIDES — beat Bootstrap defaults
   ------------------------------------------------------------ */
.home-page .all-cart.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.home-page .all-cart .single-product.pro-cart.mt-0 { margin-top: 0 !important; }
.home-page .all-cart .product-details.px-2 { padding-left: 0 !important; padding-right: 0 !important; }
.home-page .all-cart .proname.mb-1 { margin-bottom: .5rem !important; }
.home-page .all-cart .pc-price.mb-0 { margin-bottom: 0 !important; }
.home-page .all-cart .dis-show.ml-1 { margin-left: 0 !important; }
.home-page .all-cart .flash-timer.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.home-page .all-cart .flash-timer.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.home-page .all-cart .flash-timer.text-right { text-align: right !important; }