a,
a:hover,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-header,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus,
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
.text-inverse a:not(.btn):hover,
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
.filter:not(.basic-filter) ul li a.active,
.filter:not(.basic-filter) ul li a:hover,
.filter.basic-filter ul li a.active,
.filter.basic-filter ul li a:hover,
.icon-list.bullet-primary i,
.icon-list.bullet-soft-primary i,
.link-primary,
.unordered-list.bullet-primary li:before,
.link-primary:focus,
.link-primary:hover,
.post-meta li a:hover,
.accordion-wrapper .card-header button,
.accordion-wrapper .card-header button:before,
.accordion-wrapper .card-header button:hover,
.collapse-link,
.collapse-link:hover,
.breadcrumb-item a:hover,
.plyr--full-ui input[type=range],
.progress-wrap:after,
.navbar-light.fixed .nav-link:focus,
.navbar-light.fixed .nav-link:hover,
.external:hover,
.external:hover:after,
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
.navbar-light .language-select .dropdown-toggle:after,
.text-inverse a:not(.btn):hover,
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
.bg-navy.text-inverse a:not(.btn):not([class*=link-]):hover,
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
.timeline .timeline-item .timeline-marker,
.nav-tabs.nav-tabs-basic .nav-link.active {
  color: #d32f2f;
  border-color: #d32f2f;
}
.link-dark:hover,
.text-primary,
.text-reset a:hover,
a.text-reset:hover,
.list-unstyled li a.active,
.icon-list.bullet-bg i[class*=bullet-soft-primary],
.icon-list.bullet-bg i.bullet-white,
.icon-list.bullet-white i,
.sidebar nav .nav-link.active,
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover,
.navbar.navbar-light.fixed .btn.btn-outline-primary:not(:hover) {
  color: #d32f2f !important;
}
.form-control:focus {
  border-color: #F2C9CC;
}
.text-line.text-primary:before,
.tooltip-inner,
.icon-list.bullet-primary.bullet-bg i,
.form-check-input:checked,
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient),
.text-line:before {
  background-color: #d32f2f;
}
.bg-primary,
.icon-list.bullet-bg i[class*=bullet-primary] {
  background-color: #d32f2f !important;
}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background: #d32f2f;
}
.swiper-container.nav-color .swiper-slide figure .item-link:hover,
.swiper-container.nav-color .swiper-navigation .swiper-button:hover {
  background: #d32f2f !important;
}
.text-inverse a:not(.btn):hover,
.form-check-input:checked,
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient),
blockquote,
.post-meta li a:hover,
.hero-slider:before,
.lg-outer .lg-item:after,
.loader,
.tp-loader.spinner,
.nav-tabs.nav-tabs-basic .nav-link:focus,
.nav-tabs.nav-tabs-basic .nav-link:hover {
  border-color: #d32f2f;
}
.border-primary {
  border-color: #d32f2f !important;
}
.btn-primary {
  --bs-btn-active-bg: $main-color;
  --bs-btn-active-border-color: $main-color;
  --bs-btn-color: #fff;
  --bs-btn-bg: #d32f2f;
  --bs-btn-border-color: #d32f2f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b71c1c;
  --bs-btn-hover-border-color: #b71c1c;
  --bs-btn-focus-shadow-rgb: 211, 47, 47;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b71c1c;
  --bs-btn-active-border-color: #b71c1c;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d32f2f;
  --bs-btn-disabled-border-color: #d32f2f;
}
.btn-primary.btn-expand {
  color: #d32f2f;
}
.btn-primary.btn-expand:before {
  background-color: #d32f2f;
}
.btn-primary.btn-circle.ripple::before,
.btn-primary.btn-circle.ripple::after {
  background-color: #d32f2f;
}
.btn-soft-primary {
  --bs-btn-color: #d32f2f;
  --bs-btn-bg: #FBE7E8;
  --bs-btn-border-color: #FBE7E8;
  --bs-btn-hover-color: #d32f2f;
  --bs-btn-hover-bg: #FBE7E8;
  --bs-btn-hover-border-color: #FBE7E8;
  --bs-btn-focus-shadow-rgb: 242, 201, 204;
  --bs-btn-active-color: #d32f2f;
  --bs-btn-active-bg: #FBE7E8;
  --bs-btn-active-border-color: #FBE7E8;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #d32f2f;
  --bs-btn-disabled-bg: #FBE7E8;
  --bs-btn-disabled-border-color: #FBE7E8;
}
.btn-soft-primary.btn-expand {
  color: #d32f2f;
}
.btn-soft-primary.btn-expand i,
.btn-soft-primary.btn-expand:before,
.btn-soft-primary.btn-expand:hover,
.btn-soft-primary.btn-expand:hover:before {
  color: #d32f2f;
}
.btn-soft-primary.btn-expand:before {
  background-color: #FBE7E8;
}
.btn-soft-primary.btn-circle.ripple::before,
.btn-soft-primary.btn-circle.ripple::after {
  background-color: #FBE7E8;
}
.btn-outline-primary {
  --bs-btn-active-bg: $main-color;
  --bs-btn-active-border-color: $main-color;
  --bs-btn-color: #d32f2f;
  --bs-btn-border-color: #d32f2f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d32f2f;
  --bs-btn-hover-border-color: #d32f2f;
  --bs-btn-focus-shadow-rgb: 211, 47, 47;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d32f2f;
  --bs-btn-active-border-color: #d32f2f;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #d32f2f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #d32f2f;
  --bs-gradient: none;
}
.btn-white.btn-play:hover {
  color: #d32f2f;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #d32f2f;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before,
.wrapper.bg-primary.angled.lower-end:after,
.wrapper.bg-primary.angled.upper-end:before {
  border-right-color: #d32f2f;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #d32f2f;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before,
.wrapper.bg-primary.angled.lower-start:after,
.wrapper.bg-primary.angled.upper-start:before {
  border-left-color: #d32f2f;
}
.progress-list .progressbar.primary svg path:last-child,
.progress-wrap svg.progress-circle path {
  stroke: #d32f2f;
}
.progress-list .progressbar.soft-primary svg path:last-child {
  stroke: #E89AA0;
}
.lineal-fill,
.text-primary .lineal-fill {
  fill: #E89AA0;
}
.shape .svg-fill {
  fill: #d32f2f;
}
.shape.soft-primary .svg-fill {
  fill: #FDF2F3;
}
.shape.pale-primary .svg-fill {
  fill: #FBE7E8;
}
::-moz-selection {
  background: rgba(211, 47, 47, 0.7);
}
::selection {
  background: rgba(211, 47, 47, 0.7);
}
.underline.primary:after,
.underline:after {
  background: rgba(211, 47, 47, 0.12);
}
.underline-2.primary:after,
.underline-2:not([class*=underline-gradient-]):after {
  background: #d32f2f;
}
.underline-3.primary.style-1:before,
.underline-3.primary.style-1:after {
  border-color: #d32f2f;
}
.underline-3.primary.style-2:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23C8202F' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
}
.underline-3.primary.style-3:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23C8202F' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
}
a.hover-2:before,
a.hover-3:before {
  background-color: #FBE7E8;
}
.bg-soft-primary {
  background-color: #FDF2F3 !important;
}
.text-soft-primary {
  color: #FDF2F3 !important;
}
.bg-pale-primary {
  background-color: #FBE7E8 !important;
}
.text-pale-primary {
  color: #FBE7E8 !important;
}
.bg-gradient-primary {
  background: linear-gradient(180deg, #FDF2F3, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-primary {
  background: linear-gradient(0deg, #FDF2F3, rgba(255, 255, 255, 0) 100%);
}
.border-soft-primary {
  border-color: #F2C9CC !important;
}
.wrapper.bg-soft-primary.angled.lower-start:after,
.wrapper.bg-soft-primary.angled.upper-start:before {
  border-left-color: #FDF2F3;
}
.wrapper.bg-soft-primary.angled.lower-end:after,
.wrapper.bg-soft-primary.angled.upper-end:before {
  border-right-color: #FDF2F3;
}
.wrapper.bg-pale-primary.angled.lower-start:after,
.wrapper.bg-pale-primary.angled.upper-start:before {
  border-left-color: #FBE7E8;
}
.wrapper.bg-pale-primary.angled.lower-end:after,
.wrapper.bg-pale-primary.angled.upper-end:before {
  border-right-color: #FBE7E8;
}
.icon-list.bullet-soft-primary.bullet-bg i {
  background-color: #FBE7E8;
}
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
  background-color: #FBE7E8 !important;
}
form.dark-fields .form-control:focus {
  border-color: rgba(211, 47, 47, 0.5);
}
.alert-dismissible.alert-primary .btn-close {
  color: #b71c1c;
}
.alert-dismissible.alert-primary .btn-close:hover {
  color: #8A1620;
}
.alert-primary {
  color: #8A1620;
  background-color: #FDF2F3;
  border-color: #F2C9CC;
}
.alert-primary .alert-link {
  color: #b71c1c;
}
.swiper-container.nav-color .swiper-slide figure .item-link,
.swiper-container.nav-color .swiper-navigation .swiper-button {
  background: rgba(211, 47, 47, 0.9) !important;
}
.swiper-container.nav-color .swiper-navigation .swiper-button-disabled {
  background: rgba(211, 47, 47, 0.7) !important;
}
.overlay.color span.bg {
  background: rgba(211, 47, 47, 0.7);
}
.itooltip-color.itooltip-inner,
.itooltip-primary.itooltip-inner {
  background: rgba(211, 47, 47, 0.9);
}
.bg-dot.primary {
  background-image: radial-gradient(#d32f2f 2px, transparent 2.5px);
}
.bg-line.primary {
  background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #d32f2f 1.6px, #d32f2f 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#d32f2f' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
}
.cursor-primary a {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23C8202F;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
}
.process-wrapper.arrow [class*=col-]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23C8202F' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23C8202F' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
}
@media (min-width: 576px) {
  .navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    color: #d32f2f;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    color: #d32f2f;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    color: #d32f2f;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    color: #d32f2f;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    color: #d32f2f;
  }
}
.navbar.navbar-light.fixed .btn.btn-outline-primary:not(:hover) {
  background: none !important;
}

/* =====================================================
   ALL BUTTONS: maroon background, white text
   ===================================================== */
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-yellow,
.btn-green,
.btn-blue,
.btn-aqua,
.btn-orange,
.btn-purple,
.btn-pink,
.btn-navy,
.btn-dark,
.btn-soft-primary,
.add_to_cart,
.add-to-cart,
.buy_now {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
  color: #fff !important;
}
.btn-primary i,
.btn-secondary i,
.btn-success i,
.btn-danger i,
.btn-warning i,
.btn-info i,
.btn-yellow i,
.btn-green i,
.btn-soft-primary i,
.add_to_cart i,
.add-to-cart i,
.buy_now i {
  color: #fff !important;
}

/* outline buttons: maroon outline, fill on hover */
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-dark {
  background-color: transparent !important;
  border-color: #d32f2f !important;
  color: #d32f2f !important;
}

/* add-to-cart / buy-now / view-products stay SOLID red even with .btn-outline-* */
.add_to_cart.btn-outline-primary,
.add-to-cart.btn-outline-primary,
.buy_now.btn-outline-primary,
.add_to_cart.btn-outline-secondary,
.view-products.btn-outline-primary,
a.add_to_cart,
a.add-to-cart,
a.buy_now,
a.view-products,
.btn.add_to_cart,
.btn.add-to-cart,
.btn.buy_now,
.btn.view-products {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
  color: #fff !important;
}
.add_to_cart.btn-outline-primary i,
a.add_to_cart i,
a.view-products i,
.btn.add_to_cart i,
.btn.add-to-cart i,
.btn.buy_now i,
.btn.view-products i {
  color: #fff !important;
}

/* hover / focus / active for every button: darker maroon */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-danger:hover, .btn-danger:focus, .btn-danger:active,
.btn-warning:hover, .btn-warning:focus, .btn-warning:active,
.btn-info:hover, .btn-info:focus, .btn-info:active,
.btn-yellow:hover, .btn-green:hover, .btn-blue:hover,
.btn-aqua:hover, .btn-orange:hover, .btn-purple:hover,
.btn-pink:hover, .btn-navy:hover, .btn-dark:hover,
.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active,
.add_to_cart:hover, .add-to-cart:hover, .buy_now:hover,
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active,
.btn-outline-secondary:hover, .btn-outline-success:hover,
.btn-outline-danger:hover, .btn-outline-warning:hover,
.btn-outline-info:hover, .btn-outline-dark:hover {
  background-color: #b71c1c !important;
  border-color: #b71c1c !important;
  color: #fff !important;
}
.btn:hover i,
.btn:focus i,
.btn:active i {
  color: #fff !important;
}

/* =====================================================
   SECTION TITLES: subtle elevated card with shadow
   (Most Buy, Deal of the Day, Best Seller, Featured, New, etc.)
   ===================================================== */
.featured-section-title {
  background: #ffffff !important;
  border-radius: 10px;
  padding: 10px 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  border: 0;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.featured-section-title:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}
.featured-section-title .section-title {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1f2937 !important;
  text-shadow: none;
}
.featured-section-title .title-sm,
.featured-section-title .text-muted {
  margin-top: 4px;
  color: #6b7280 !important;
}
.featured-section-title .hover,
.featured-section-title a {
  font-weight: 600;
  color: #d32f2f !important;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.featured-section-title .hover:hover,
.featured-section-title a:hover {
  opacity: 0.85;
  color: #b71c1c !important;
  transform: translateX(2px);
}
.featured-section-title .hover i,
.featured-section-title a i {
  color: inherit !important;
}

/* =====================================================
   LAYOUT: prevent horizontal overflow on tablet/mobile
   ===================================================== */
body {
  overflow-x: hidden;
}

/* =====================================================
   "View More" header link  ->  styled as a clear button
   (Best Seller / Most Buy / Deal of the Day / Featured / etc.)
   ===================================================== */
.featured-section-title .hover {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #d32f2f !important;
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  box-shadow: none;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.featured-section-title .hover:hover {
  background: rgba(211, 47, 47, 0.08);
  color: #b71c1c !important;
  transform: translateY(-1px);
}
.featured-section-title .hover i {
  color: inherit !important;
  font-size: 14px;
}

/* =====================================================
   FOOTER: flat top (no angle) + black background
   ===================================================== */
footer .angled.bg-navy,
footer .bg-navy,
footer .angled {
  background-color: #000000 !important;
  background-image: none !important;
}
footer .angled.upper-end:before,
footer .angled.upper-start:before,
footer .angled.lower-end:after,
footer .angled.lower-start:after,
footer .wrapper.angled:before,
footer .wrapper.angled:after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}
footer .angled {
  padding-top: 0 !important;
}

/* =====================================================
   TOP BAR (header utility strip): solid maroon, white text
   ===================================================== */
header .bg-gradient-reverse-primary,
header .bg-gradient-primary {
  background: #d32f2f !important;
  color: #fff !important;
}
header .bg-gradient-reverse-primary a,
header .bg-gradient-reverse-primary span,
header .bg-gradient-reverse-primary i,
header .bg-gradient-reverse-primary .dropdown-toggle,
header .bg-gradient-reverse-primary .text-primary,
header .bg-gradient-reverse-primary .text-dark,
header .bg-gradient-reverse-primary .text-green {
  color: #fff !important;
}
header .bg-gradient-reverse-primary a:hover,
header .bg-gradient-reverse-primary span:hover {
  color: #ffd9dd !important;
}

/* =====================================================
   MODERN DESIGN POLISH  (storefront-wide)
   ===================================================== */
html {
  scroll-behavior: smooth;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Headings: tighter, more contemporary --- */
h1, h2, h3, .h1, .h2, .h3 {
  line-height: 1.3;
  letter-spacing: -0.01em;
}

/* --- Buttons: softer corners, refined hover --- */
.btn {
  border-radius: 0.55rem;
  border-width: 1.5px;
  transition: all 0.2s ease;
}
.btn:not(.rounded-pill):not(.btn-circle):hover {
  transform: translateY(-1px);
}
.btn-primary {
  box-shadow: 0 4px 12px rgba(211, 47, 47, 0.18);
}
.btn-primary:hover {
  box-shadow: 0 6px 18px rgba(211, 47, 47, 0.28);
}

/* --- Cards & content sections: soft shadow + hover lift --- */
.card,
.article,
.product-bg {
  border-radius: 14px !important;
  border: 1px solid rgba(20, 20, 20, 0.07);
  box-shadow: 0 2px 12px rgba(20, 20, 20, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.card:hover,
.article:hover {
  box-shadow: 0 10px 28px rgba(20, 20, 20, 0.1);
  transform: translateY(-3px);
}

/* --- Forms: rounded, clean border, maroon focus ring --- */
.form-control,
.form-select {
  border-radius: 10px;
  border: 1px solid #e6e6e9;
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.form-control:focus,
.form-select:focus {
  border-color: #d32f2f;
  box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.12);
}

/* --- Misc polish --- */
hr {
  border-color: rgba(20, 20, 20, 0.08);
  opacity: 1;
}
.badge {
  border-radius: 7px;
  letter-spacing: 0.01em;
}
.alert {
  border-radius: 12px;
}
figure.rounded,
.product-bg,
.swiper-navigation .swiper-button {
  border-radius: 14px !important;
}

/* Brand & category labels under the round tiles — always readable black */
.brand_image_div,
.brand_image_div h6,
.swiper-slide-category .brand_image_div h6 {
  color: #000000 !important;
}
.brand_image_div:hover h6 {
  color: #000000 !important;
}