/**
 * Layout1 BEM – Global layout and hero slider
 * Block: layout-page, hero, hero__slider, hero__slide, etc.
 * Prevents overflow and ensures Swiper works with multiple slides.
 */

/* ===== Main content: below fixed/absolute header (no overlap) ===== */
.layout-page__main {
  padding-top: 130px;
  min-height: 50vh;
}
@media (min-width: 768px) {
  .layout-page__main {
    padding-top: 140px;
  }
}
@media (min-width: 992px) {
  .layout-page__main {
    padding-top: 150px;
  }
}

/* Home: hero first — no gap; hero starts at top so it sits under the header menu */
.layout-page__main > .hero:first-child,
.layout-page__main > .saf_hero_wrapper:first-child,
/* Also handle when hero is wrapped in theme-layout div */
.layout-page__main > [class^="theme-layout"]:first-child > .hero:first-child,
.layout-page__main > [class^="theme-layout"]:first-child > .saf_hero_wrapper:first-child,
.layout-page__main > .theme-layout2:first-child > .hero:first-child,
.layout-page__main > .theme-layout3:first-child > .hero:first-child,
.layout-page__main > .theme-layout2:first-child > .saf_hero_wrapper:first-child,
.layout-page__main > .theme-layout3:first-child > .saf_hero_wrapper:first-child {
  margin-top: 0;
  padding-top: 0;
}

/* Theme layout wrappers should start at top */
.layout-page__main > [class^="theme-layout"]:first-child,
.layout-page__main > .theme-layout2:first-child,
.layout-page__main > .theme-layout3:first-child {
  margin-top: 0;
  padding-top: 0;
}

@media (min-width: 768px) {
  .layout-page__main > .hero:first-child,
  .layout-page__main > .saf_hero_wrapper:first-child,
  .layout-page__main > [class^="theme-layout"]:first-child > .hero:first-child,
  .layout-page__main > [class^="theme-layout"]:first-child > .saf_hero_wrapper:first-child {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .layout-page__main > .hero:first-child,
  .layout-page__main > .saf_hero_wrapper:first-child,
  .layout-page__main > [class^="theme-layout"]:first-child > .hero:first-child,
  .layout-page__main > [class^="theme-layout"]:first-child > .saf_hero_wrapper:first-child {
    margin-top: 0;
  }
}
/* When supported: remove main padding on home so hero truly starts at top */
@supports selector(:has(*)) {
  .layout-page:has(.layout-page__main > .hero:first-child) .layout-page__main,
  .layout-page:has(.layout-page__main > .saf_hero_wrapper:first-child) .layout-page__main,
  .layout-page:has(.layout-page__main > [class^="theme-layout"]:first-child .hero) .layout-page__main,
  .layout-page:has(.layout-page__main > [class^="theme-layout"]:first-child .saf_hero_wrapper) .layout-page__main {
    padding-top: 0;
  }
  .layout-page__main > .hero:first-child,
  .layout-page__main > .saf_hero_wrapper:first-child,
  .layout-page__main > [class^="theme-layout"]:first-child > .hero:first-child,
  .layout-page__main > [class^="theme-layout"]:first-child > .saf_hero_wrapper:first-child {
    margin-top: 0;
  }
}

/* ===== Section spacing (stable layout) ===== */
.layout-page__main .hero,
.layout-page__main .saf_hero_wrapper {
  margin-top: 0;
  margin-bottom: 0;
}

/* Theme layout wrapper should not add extra spacing */
[class^="theme-layout"],
.theme-layout2,
.theme-layout3 {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}

/* Ensure inline script/style tags don't affect layout */
[class^="theme-layout"] > script,
[class^="theme-layout"] > style,
.layout-page__main > script,
.layout-page__main > style {
  display: none !important;
}

/* Section directly under hero: no gap so it sits flush with hero bottom */
.layout-page__main > .hero + *,
.layout-page__main > .saf_hero_wrapper + *,
/* Also for hero inside theme wrapper */
[class^="theme-layout"] > .hero + *,
[class^="theme-layout"] > .saf_hero_wrapper + * {
  margin-top: 0;
}

/* First section after hero: less top padding so no gap between hero and content */
.layout-page__main > .hero + .saf_about_wrapper,
.layout-page__main > .saf_hero_wrapper + .saf_about_wrapper,
.layout-page__main > .hero + .saf_products_wrapper,
.layout-page__main > .saf_hero_wrapper + .saf_products_wrapper,
.layout-page__main > .hero + .women-banner,
.layout-page__main > .saf_hero_wrapper + .women-banner,
.layout-page__main > .hero + .latest-blog,
.layout-page__main > .saf_hero_wrapper + .latest-blog,
/* Also for hero inside theme wrapper */
[class^="theme-layout"] > .hero + .saf_about_wrapper,
[class^="theme-layout"] > .saf_hero_wrapper + .saf_about_wrapper,
[class^="theme-layout"] > .hero + .saf_products_wrapper,
[class^="theme-layout"] > .saf_hero_wrapper + .saf_products_wrapper,
[class^="theme-layout"] > .hero + .women-banner,
[class^="theme-layout"] > .saf_hero_wrapper + .women-banner,
[class^="theme-layout"] > .hero + .latest-blog,
[class^="theme-layout"] > .saf_hero_wrapper + .latest-blog {
  padding-top: 1.5rem;
}
/* Vertical rhythm: clear separation between subsequent sections and module rows */
.layout-page__main > *:not(:first-child) {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .layout-page__main > *:not(:first-child) {
    margin-top: 3rem;
  }
}
.layout-page__main .saf_about_wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.layout-page__main .latest-blog.spad,
.layout-page__main section.spad {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.layout-page__main .women-banner.spad {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.layout-page__main .benefit-main {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
/* Body_2 / Body_3 two-column row (only output when modules exist) */
.layout-page__main .layout-page__module-row {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
/* Module blocks: consistent spacing */
.layout-page__main .row + .row,
.layout-page__main .container .row + .row {
  margin-top: 0;
}
.layout-page__main .module_body_2,
.layout-page__main .module_body_3 {
  margin-bottom: 1.5rem;
}
.layout-page__main .content-module--body-1 {
  margin-bottom: 0;
}

/* ===== Global layout (no horizontal overflow) ===== */
.layout-page {
  box-sizing: border-box;
  overflow-x: hidden;
  width: 100%;
}

.layout-page *,
.layout-page *::before,
.layout-page *::after {
  box-sizing: border-box;
}

body.layout-page,
html.layout-page body {
  overflow-x: hidden;
  max-width: 100vw;
}

/* ===== Hero block (BEM: .hero) ===== */
.hero,
.saf_hero_wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.hero__slider,
.saf_hero_slider {
  width: 100%;
  height: 100%;
  /* Critical: give Swiper a height so slides can slide */
  min-height: 220px;
  position: relative;
  overflow: hidden;
}

.hero__slider .swiper-wrapper {
  align-items: stretch;
}

.hero__slider .swiper-slide {
  height: auto;
  min-height: 220px;
}

.hero__slide {
  width: 100%;
  min-height: 220px;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center;
  position: relative;
}

/* Dark gradient overlay — makes text readable on any background photo */
.hero__slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.30) 55%, rgba(0,0,0,0.08) 100%);
  z-index: 1;
  pointer-events: none;
}

.hero__slide-inner {
  width: 100%;
  position: relative;
  z-index: 2;
}

.hero__title {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.hero__desc {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.hero__btn {
  display: inline-block;
}

/* Pagination & nav */
.hero__pagination {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  z-index: 2;
}

/* Direction arrows: icon always visible, background appears on hover only */
.hero .hero__next,
.hero .hero__prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  background-size: 18px 28px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: background-color 0.2s;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}
/* White arrows (Swiper default is blue) – match hero slides */
.hero .hero__prev.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22z' fill='%23ffffff'/%3E%3C/svg%3E");
  left: 0.75rem;
  right: auto;
}
.hero .hero__next.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22z' fill='%23ffffff'/%3E%3C/svg%3E");
  right: 0.75rem;
  left: auto;
}
.hero .hero__next:hover,
.hero .hero__prev:hover {
  background-color: rgba(0,0,0,0.42);
}

/* ===== CRITICAL: Navigation positioned inside swiper-container ===== */
/* The navigation elements are children of .hero__slider/.saf_hero_slider, not .hero */
.hero__slider,
.saf_hero_slider {
  position: relative !important;
}

/* Pagination dots - positioned at bottom of slider */
.hero__slider .hero__pagination,
.hero__slider .swiper-pagination,
.saf_hero_slider .hero__pagination,
.saf_hero_slider .swiper-pagination,
#home-hero-swiper .hero__pagination,
#home-hero-swiper .swiper-pagination {
  position: absolute !important;
  bottom: 1.5rem !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  z-index: 20 !important;
  width: 100% !important;
  text-align: center !important;
}

/* Navigation arrows - positioned at sides of slider */
.hero__slider .hero__next,
.hero__slider .hero__prev,
.hero__slider .swiper-button-next,
.hero__slider .swiper-button-prev,
.saf_hero_slider .hero__next,
.saf_hero_slider .hero__prev,
.saf_hero_slider .swiper-button-next,
.saf_hero_slider .swiper-button-prev,
#home-hero-swiper .hero__next,
#home-hero-swiper .hero__prev,
#home-hero-swiper .swiper-button-next,
#home-hero-swiper .swiper-button-prev {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  cursor: pointer !important;
  width: 44px !important;
  height: 44px !important;
  margin-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Icon always visible; background only on hover */
  background-color: transparent !important;
  background-size: 18px 28px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 50% !important;
  transition: background-color 0.2s !important;
}

/* Hide arrows on single-slide hero */
.hero--single-slide .hero__next,
.hero--single-slide .hero__prev,
.hero--single-slide .swiper-button-next,
.hero--single-slide .swiper-button-prev {
  display: none !important;
}

/* Left arrow */
.hero__slider .hero__prev,
.hero__slider .swiper-button-prev,
.saf_hero_slider .hero__prev,
.saf_hero_slider .swiper-button-prev,
#home-hero-swiper .hero__prev,
#home-hero-swiper .swiper-button-prev {
  left: 1rem !important;
  right: auto !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}

/* Right arrow */
.hero__slider .hero__next,
.hero__slider .swiper-button-next,
.saf_hero_slider .hero__next,
.saf_hero_slider .swiper-button-next,
#home-hero-swiper .hero__next,
#home-hero-swiper .swiper-button-next {
  right: 1rem !important;
  left: auto !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}

/* Arrow hover — show background on mouse-over, icon always visible */
.hero__slider .hero__next:hover,
.hero__slider .hero__prev:hover,
.hero__slider .swiper-button-next:hover,
.hero__slider .swiper-button-prev:hover,
.saf_hero_slider .hero__next:hover,
.saf_hero_slider .hero__prev:hover,
.saf_hero_slider .swiper-button-next:hover,
.saf_hero_slider .swiper-button-prev:hover,
#home-hero-swiper .hero__next:hover,
#home-hero-swiper .hero__prev:hover,
#home-hero-swiper .swiper-button-next:hover,
#home-hero-swiper .swiper-button-prev:hover {
  background-color: rgba(0,0,0,0.42) !important;
}

/* Hide default Swiper arrow text/icon */
.hero__next::after,
.hero__prev::after,
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none !important;
  content: '' !important;
}

/* Responsive hero heights (same as legacy saf_hero_*) */
@media (min-width: 576px) {
  .hero__slider { min-height: 320px; }
  .hero__slider .swiper-slide { min-height: 320px; }
  .hero__slide { min-height: 320px; }
}

@media (min-width: 768px) {
  .hero__slider { min-height: 400px; }
  .hero__slider .swiper-slide { min-height: 400px; }
  .hero__slide { min-height: 400px; }
  .hero__title { font-size: 2rem; }
  .hero__desc { font-size: 1.125rem; }
}

@media (min-width: 992px) {
  .hero__slider { min-height: 580px; }
  .hero__slider .swiper-slide { min-height: 580px; }
  .hero__slide { min-height: 580px; }
  .hero__title { font-size: 2.75rem; }
  .hero__desc { font-size: 1.25rem; }
}

@media (min-width: 1200px) {
  .hero__slider { min-height: 650px; }
  .hero__slider .swiper-slide { min-height: 650px; }
  .hero__slide { min-height: 650px; }
  .hero__title { font-size: 3rem; }
}

/* Legacy class compatibility (keep .saf_hero_* working) */
.saf_hero_wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.saf_hero_slider {
  width: 100%;
  height: 100%;
  min-height: 220px;
}

.saf_hero_slider .swiper-wrapper {
  align-items: stretch;
}

.saf_hero_slider .swiper-slide {
  height: auto;
  min-height: 220px;
}

.saf_hero_slide {
  width: 100%;
  min-height: 220px;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center;
  position: relative;
}

@media (min-width: 576px) {
  .saf_hero_slider,
  .saf_hero_slider .swiper-slide,
  .saf_hero_slide { min-height: 320px; }
}

@media (min-width: 768px) {
  .saf_hero_slider,
  .saf_hero_slider .swiper-slide,
  .saf_hero_slide { min-height: 400px; }
}

@media (min-width: 992px) {
  .saf_hero_slider,
  .saf_hero_slider .swiper-slide,
  .saf_hero_slide { min-height: 580px; }
}

@media (min-width: 1200px) {
  .saf_hero_slider,
  .saf_hero_slider .swiper-slide,
  .saf_hero_slide { min-height: 650px; }
}

/* Gradient overlay for legacy saf_hero_slide */
.saf_hero_slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.30) 55%, rgba(0,0,0,0.08) 100%);
  z-index: 1;
  pointer-events: none;
}

/* ===== About section (BEM) ===== */
.about {
  width: 100%;
  overflow: hidden;
}

.about__inner {
  max-width: 100%;
}

.about__title {
  word-wrap: break-word;
}

.about__text {
  max-width: 100%;
  overflow-wrap: break-word;
}

/* ===== Section / container overflow ===== */
.saf_products_wrapper,
.saf_category_wrapper,
.saf_class_data_wrapper,
.saf_class_data_5_wrapper,
.saf_classification_wrapper,
.latest-blog,
.latest-blog .container,
.benefit-main,
.saf_footer_wrapper .container,
.content-module {
  max-width: 100%;
  overflow-x: hidden;
}

/* Fix saf_about_wrapper: block flow, no overflow clipping — prevents isolated scroll context */
.saf_about_wrapper {
  display: block;
  width: 100%;
  overflow: visible;
  max-width: 100%;
}

/* Bootstrap row negative-margin fix: only top-level rows (not inside containers)
   prevent page-level horizontal overflow without breaking nested Bootstrap grid */
.layout-page__main > .row,
.content-module > .row {
  margin-left: 0;
  margin-right: 0;
}

.container,
.container-fluid {
  box-sizing: border-box;
}

/* Swiper containers must not overflow page */
.swiper-container,
.swiper-wrapper {
  max-width: 100%;
}

/* ===== Order status badges (orders list) ===== */
.order-status-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	white-space: nowrap;
}
.order-status-badge--placed    { background: #e0f0ff; color: #1a5fa8; }
.order-status-badge--accepted  { background: #d1fae5; color: #065f46; }
.order-status-badge--rejected  { background: #fee2e2; color: #991b1b; }
.order-status-badge--cancelled { background: #fef3c7; color: #92400e; }
.order-status-badge--transit   { background: #ede9fe; color: #5b21b6; }
.order-status-badge--delivered { background: #dcfce7; color: #166534; }

/* ===== Footer BEM ===== */
.footer {
  width: 100%;
  overflow: hidden;
}

.footer__row {
  max-width: 100%;
}

.footer__widgets ul {
  list-style: none;
  padding-left: 0;
}

/* ===== Header / nav ===== */
.saf_header_wrapper,
.saf_main_menu {
  max-width: 100%;
}

.saf_nav_items ul {
  flex-wrap: wrap;
  max-width: 100%;
}

/* ===== Utility ===== */
.u-overflow-hidden {
  overflow: hidden;
}

.u-max-width-100 {
  max-width: 100%;
}

/* ===== Latest blog image placeholder (no image) ===== */
.latest-blog__img-placeholder {
  display: block;
  width: 100%;
  height: 200px;
  background: var(--main-gray-version18, #f0f0f0);
  min-height: 200px;
}

/* ===== User auth (login / register) — BEM + responsive ===== */
.user-auth.user-auth--login .user-auth__inner,
.user-auth.user-auth--register .user-auth__inner,
.user-auth.user-auth--forgot .user-auth__inner,
.user-auth.user-auth--reset .user-auth__inner,
.user-auth.user-auth--thanks .user-auth__inner {
  max-width: 100%;
}
.user-auth__intro {
  margin-bottom: 1rem;
}
.user-auth--thanks .user-auth__title {
  font-size: 1.35rem;
  margin-bottom: 1rem;
}
.user-auth--thanks .user-auth__text:last-child {
  margin-bottom: 0;
}
.user-auth__alerts {
  margin-bottom: 1rem;
}
.user-auth__alert:last-child {
  margin-bottom: 0;
}
.user-auth__row {
  overflow: hidden;
}
.user-auth__footer-text {
  margin-bottom: 0;
}
.user-auth__spacer {
  margin: 0;
  padding: 0;
  height: 1rem;
}
@media (max-width: 767px) {
  .user-auth-wrap {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

/* ===== User account page container (layout1/template/user.php) ===== */
.sunilclasscont {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.profile-content {
  width: 100%;
}

/* ===== Customer account area (My account / orders / profile) ===== */
.user-panel {
  max-width: 100%;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  padding: 24px 28px;
}
.user-panel__alerts {
  margin-bottom: 1rem;
}
.user-panel__alert:last-child {
  margin-bottom: 0;
}
.user-panel__heading {
  font-size: 1.35rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0.5rem;
}
.user-panel__rule {
  width: 100%;
  margin: 0 0 1.25rem 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.user-panel__section {
  margin-bottom: 1.5rem;
}
.user-panel__fields {
  max-width: 640px;
}
.user-panel--orders .user-panel__fields,
.user-panel--orderview .user-panel__fields {
  max-width: 100%;
}
.user-panel__static {
  padding-top: 0.25rem;
  font-size: 0.9375rem;
  color: #495057;
}
.user-panel__submit {
  margin-top: 0.5rem;
}
.user-panel--orders .table-responsive {
  margin-bottom: 0.5rem;
}
.user-panel__section-heading {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1a1a1a;
  margin: 1rem 0 0.75rem 0;
}
.user-panel--orderview .table-responsive {
  margin-bottom: 0.5rem;
}
/* Form field spacing in user panel */
.user-panel .form-group {
  margin-bottom: 1rem;
}
.user-panel .user-auth__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.35rem;
  display: block;
}
.user-panel .user-auth__input,
.user-panel .form-control {
  border-radius: 8px;
  border: 1px solid #dee2e6;
  padding: 0.5rem 0.85rem;
  font-size: 0.9375rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.user-panel .user-auth__input:focus,
.user-panel .form-control:focus {
  border-color: var(--main-color, #cf7400);
  box-shadow: 0 0 0 3px rgba(207, 116, 0, 0.12);
  outline: none;
}

/* Dashboard top bar: breadcrumb area */
.sunilclasscont .row.profile {
  align-items: flex-start;
}

/* Orders table */
.user-panel--orders .table {
  font-size: 0.875rem;
}
.user-panel--orders .table thead th {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  border-bottom-width: 2px;
  padding: 10px 12px;
}
.user-panel--orders .table tbody td {
  padding: 12px;
  vertical-align: middle;
}
.user-panel--orders .table tbody tr:hover {
  background: #f8f9fa;
}

/* ===== Content module wrapper (CMS modules) ===== */
.content-module {
  max-width: 100%;
}
.content-module--body-1,
.content-module--body-2,
.content-module--body-3,
.content-module--body-4,
.content-module--body-5,
.content-module--body-6,
.content-module--body-7,
.content-module--body-8 {
  margin-bottom: 1rem;
}

/* ===== User account sidebar (.user-sidebar BEM — replaces .profile-sidebar) ===== */
.profile-sidebar,
.user-sidebar {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  overflow: hidden;
  float: none;
  width: 100%;
  margin-bottom: 1.5rem;
  text-align: left;
}

/* Avatar + identity block */
.user-sidebar__avatar-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 20px 20px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-bottom: 1px solid #dee2e6;
  text-align: center;
}
.user-sidebar__avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12);
  margin-bottom: 12px;
  background: #e9ecef;
  flex-shrink: 0;
}
.user-sidebar__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.user-sidebar__identity {
  text-align: center;
}
.user-sidebar__name {
  font-size: 1rem;
  font-weight: 600;
  color: #212529;
  line-height: 1.3;
  margin-bottom: 4px;
  word-break: break-word;
}
.user-sidebar__email {
  font-size: 0.8rem;
  color: #6c757d;
  word-break: break-all;
}

/* Navigation */
.user-sidebar__nav {
  padding: 8px 0;
}
.user-sidebar__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  float: none;
}
.user-sidebar__nav-item {
  width: 100%;
  float: none;
  border-bottom: 1px solid #f1f3f5;
}
.user-sidebar__nav-item:last-child {
  border-bottom: none;
}
.user-sidebar__nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  color: #495057;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
  width: 100%;
  float: none;
}
.user-sidebar__nav-link:hover,
.user-sidebar__nav-link:focus {
  background: #f8f9fa;
  color: var(--main-color, #cf7400);
  text-decoration: none;
}
.user-sidebar__nav-item--active .user-sidebar__nav-link {
  background: #fff8f0;
  color: var(--main-color, #cf7400);
  font-weight: 600;
  border-left: 3px solid var(--main-color, #cf7400);
}
.user-sidebar__nav-icon {
  width: 18px;
  text-align: center;
  flex-shrink: 0;
  font-size: 0.95rem;
}
.user-sidebar__nav-link--logout {
  color: #dc3545;
}
.user-sidebar__nav-link--logout:hover {
  background: #fff5f5;
  color: #c82333;
}

/* Override crude old styles */
.profile-sidebar .profile-userpic,
.profile-sidebar .profile-usertitle,
.profile-sidebar .profile-usermenu,
.profile-usertitle,
.profile-usermenu {
  display: none !important;
}

/* ===== User dashboard content area ===== */
.user-dashboard {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  padding: 24px 28px;
}
.user-dashboard__alerts {
  margin-bottom: 1.25rem;
}
.user-dashboard__alerts .alert:last-child {
  margin-bottom: 0;
}
.user-dashboard__section {
  margin-bottom: 1.75rem;
}
.user-dashboard__section-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #212529;
  margin-bottom: 0.5rem;
}
.user-dashboard__divider {
  border: 0;
  border-top: 1px solid #dee2e6;
  margin: 0 0 1.25rem 0;
  width: 100%;
}
.user-dashboard__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
}
.user-dashboard__actions {
  padding-top: 0.5rem;
  border-top: 1px solid #f1f3f5;
  text-align: left;
}
.user-dashboard__submit {
  min-width: 160px;
}

/* Profile form fields */
.user-profile__field {
  flex: 0 0 calc(50% - 0.75rem);
  max-width: calc(50% - 0.75rem);
  margin-bottom: 1rem;
}
.user-profile__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin-bottom: 5px;
}
.user-profile__value {
  display: block;
  color: #212529;
  font-weight: 500;
  padding: 0.375rem 0;
}
.user-profile__input {
  width: 100%;
}
.user-profile__required {
  color: #dc3545;
  font-size: 0.85rem;
}

/* Orders table */
.user-orders {
  margin-top: 0.5rem;
}
.user-orders__table-wrap {
  margin-bottom: 1rem;
}
.user-orders__table {
  width: 100%;
}
.user-orders__status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.78rem;
  font-weight: 600;
  background: #e9ecef;
  color: #495057;
}
.user-orders__view-link {
  color: var(--main-color, #cf7400);
  font-size: 1.1rem;
}
.user-orders__view-link:hover {
  opacity: 0.75;
}
.user-orders__pagination {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.5rem;
}

/* ===== Order Detail View (orderview.php) ===== */

/* Helper utilities used inline in orderview.php */
.orderview-product-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
  margin-right: 12px;
}
.orderview-fs-12 {
  font-size: 0.8125rem;
}
.orderview-old-price {
  color: #adb5bd;
  font-weight: 400;
  margin-right: 4px;
}
.orderview-color-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--orderview-color, transparent);
  border: 1px solid rgba(0,0,0,0.15);
  vertical-align: middle;
  margin-left: 4px;
}
.orderview-row-full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.orderview-hr-full {
  width: 100%;
}
/* Cancel order */
.orderview-cancel-btn {
  display: inline-block;
  padding: 6px 18px;
  border: 1px solid #dc3545;
  border-radius: 6px;
  color: #dc3545;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
  cursor: pointer;
  background: transparent;
  margin-bottom: 1rem;
}
.orderview-cancel-btn:hover {
  background: #dc3545;
  color: #fff;
  text-decoration: none;
}

/* ===== Order Status Timeline (.shop-tracking-status) ===== */
.shop-tracking-status {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.shop-tracking-status .form-horizontal { margin-bottom: 50px; }
.shop-tracking-status .order-status {
  margin-top: 150px;
  position: relative;
  margin-bottom: 150px;
  min-width: 360px;
}
.shop-tracking-status .order-status-timeline {
  height: 12px;
  border: 1px solid #aaa;
  border-radius: 7px;
  background: #eee;
  box-shadow: 0 0 5px 0 #c2c2c2 inset;
}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion {
  height: 8px;
  margin: 1px;
  border-radius: 7px;
  background: var(--skin-accent, #cf7400);
  width: 0;
}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c1 { width: 22%; }
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c2 { width: 46%; }
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c3 { width: 70%; }
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c4 { width: 100%; }

.shop-tracking-status .image-order-status {
  border: 1px solid #ddd;
  padding: 7px;
  box-shadow: 0 0 10px 0 #999;
  background-color: #fdfdfd;
  position: absolute;
  margin-top: -35px;
}
.shop-tracking-status .image-order-status.disabled {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.shop-tracking-status .image-order-status.active {
  box-shadow: 0 0 10px 0 var(--skin-accent, #cf7400);
}
.shop-tracking-status .image-order-status.active .status {
  color: var(--skin-accent, #cf7400);
  text-shadow: 0 0 1px #777;
}
.shop-tracking-status .image-order-status .icon {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}
.shop-tracking-status .image-order-status .status {
  position: absolute;
  text-shadow: 1px 1px #eee;
  color: #333;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  width: 180px;
  top: -50px;
  left: 50px;
}
.shop-tracking-status .image-order-status .status::before {
  font-family: FontAwesome;
  content: "\f053";
  padding-right: 5px;
}
.shop-tracking-status .image-order-status-new { left: 0; }
.shop-tracking-status .image-order-status-new .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAA+JJREFUWIXtll+I1FUUxz/n3vv7/WZmZ/+OphuWlliQZn8f2igxyCSIRMgeFNrUDVlUCIoeit4KeujN1CxZN5HAkiCo6CUq0NRU1KUgoqhlFcvd1f0z7Tgzv9+9PfyG2dl1Vpsa8KH9wuHec+/9nfu9557fORdmMYv/O+Rak70vpJcaP3gzDPNrnLg8DjvlS4cCgupGBS1yxFl56bn3xo7XRGDflqYlfpA6qJS+c/mja1LNbe1EUYggGD8A5aNMAtEBykyK6ATKC1A6ILTO/fB1j/Sf+ugvG3HRin2lc1f20HUJ7O9qvk0S/ollKzpb5y26Q40MnHVnD38mTgDncFEeowSjwdOC0YKnwUzrJ5ItZB57w104vteFg6fVz+dGc0XLto3vjvdU7qcrlQNdyQUkk8fvXd3dtviB1Xr8Qh+nv/lYCoUr2CjE2ggloERQCrQSlBK0AjWtLy5P4fJPclPHi5L/4xStidAbHsuvevpBM/DpyWLfVR54v6thXjKVPLls5ab29iUd2o39ihc0UIwmnWSdBWtBGUR7sahYKLWiDYguG042z6eQG6evdy2iNL9dGJtw1m7q3JM9WCbQszE9N2hMHWtbsHShOHJDA33pR555jea5t5IbOTd5X6JANIiKBQ1K4g1FynMSBygAQUOGyMGXO9bjbCGXDPxENpcPcazv3JM9JHs3N7UZY4cB/CB1Pizmv7v9vifX3bN6G9HIL+AszllwLrbqXKyX+v9kzM/cRXbkIl998PJFXHgmsvYJALFsVcZEbwOgZM2VYn5F0Jh5avmqrUSjv2OLE9hiDhdeKYsNp+nF3HXH8n+epXHOIu5euaFFtB62Si8WOOoUO6f8BQe2zzn8+ObdD6czC6+ZH/4Lvt2/PTd0/seNnbsqYgBgX3fTQ2LtUaV1UUR5ojTORjWYdjPOiMS2HC5voygAeH5PVqYQcCAfdje3ABRtdKlj7asMHOupbrFG3Hz/Or7/fAee0m0AnvjFZ3cNZgFMmSU4do9eBujdkiaRSpNMpetCIEg2ArChZL8S5qrVJSht8JMNdSGgjTfj3IwEtPHwE/XxgDZ+7QSM9ggS9fGA+fceuJEEPI+gTjFg/PIV+EDhWgQCoBXiimf8FLhackEViEKpctG9BRgDLgFRNQLNQMYpb3C4/8zczMKO0nBFknGVCceVdVd1TdwO9fdhxRsC5pf2jEokphDQJd374vTEW9idrwthS43nrQqHGfnkxMQ7QALwqHiHTM/5rUCm1AbEd1YPFAAFZIlPfh4oViMAkARaSpvPGKQ1IiS+j1FgHCYft9erevWqijNXqlncaPwNorOPpsGntkIAAAAASUVORK5CYII=); }
.shop-tracking-status .image-order-status-active { left: 22%; }
.shop-tracking-status .image-order-status-active .icon { background-image: url(data:image/png;base64,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); }
.shop-tracking-status .image-order-status-intransit { left: 45%; }
.shop-tracking-status .image-order-status-intransit .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjMmY4Njc2Mi02MmNkLTExZGYtOGJjNS1hMWFiNzQ2MTIxODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODI0OTQ1MTJFRTdCMTFERkFGNjZCMDk0NkMyREY1QUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODI0OTQ1MTFFRTdCMTFERkFGNjZCMDk0NkMyREY1QUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDAxODVEODIxQUJEREYx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); }
.shop-tracking-status .image-order-status-delivered { left: 70%; }
.shop-tracking-status .image-order-status-delivered .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOEY2MkQyNTFFNDI0N0U3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzFCN0QwOUE1QUIxMUUwQjY1QUI1MUU1QzI1OUYyNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzFCN0QwOEE1QUIxMUUwQjY1QUI1MUU1QzI1OUYyNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCN0YxMTc0MDcyMDY4MTE4NzFDREEyRkNEOTI0OThCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4RjYyRDI1MUU0MjQ3RTc1Ii8+IDwvcmRmOkRlc2NyaXB0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); }
.shop-tracking-status .image-order-status-delivered .status {
  top: 85px;
  left: -180px;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  text-align: right;
}
.shop-tracking-status .image-order-status-delivered .status::before { display: none; }
.shop-tracking-status .image-order-status-delivered .status::after {
  font-family: FontAwesome;
  content: "\f054";
  padding-left: 5px;
  vertical-align: middle;
}
.shop-tracking-status .image-order-status-completed { right: 0; }
.shop-tracking-status .image-order-status-completed .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABulJREFUeNqcV1lsXNUZ/u4yi2ccjyfxEjuOx06sJG5CUiiygowxWFAViFHSUNKgqqAQUMsDlUjLIuAFQZ4ipL5UVQUPCKGmUaMmWDYgCBICnlDSkNhphMfLjJexPV5m7PFsd+v/n1mYcSZecq3/Xs+95/zf92/n/EfCOq/2l1DhqsFJyHjGkrA/916SCsTCNcnAh0vTeP/bv2JxPXqltb4/+Bp2KBW44LRjX8fPOtBc68P2qjpYZhqxdBSJVIQkimhyAWPhEGaiUYTmkjBN9CcjOPzVaQyTHutOCCgPv4u/ORx44Y+Pvoz2Pe1Y1MahIUKz0rAsE4ZpwDAMIgOktRTmFmcQmh1GcPYmgjMxTM4Bpo5/9L2KF0mfsRECtq7TCBzcfU/dW79+D0vwI24GMRG+hun5AcxFh5FMGsLtOS0Omw0e13ZUlO+EU63H0OQV3Bi/TnOAxThCfX+Bj0Zq6yFge+gdjD73yO/rD7cdw4J5FVML13H1x3NIaSZkOTNJKjHTyt5sqopaz0PkITuuDH+JydkUJmYx+ekraFpJYqUa28OnETzeeXTrY/c+jqQygv6R/2B0sh+KAshSaeBbiFgZMpWuFnhdv8D3/l4EOCRhTPW9gsZCEkpRzN/G3/c2Nz/wm/anYDkn8N/Bf2F85ibIIChyFnwdkquKhDYPkwK4s7aLwuBHLGGUN7Sj3v8VenMOyxGQ2k5id0UdPvjDr55HuVfHQOACxsP/y1u+kcsqKNGUFqV/UmjY3IZIfJAE91Q24uzEFczxGDnnek8OnP/l3Q+gfBMwvzSIwPT1DLi8PqtZaH0giwGdbno2DBLNjyT8UNQUdm3bi/oqoKoF5xkzT6DpflTZ7Wht3e5DWZmMH0bO3Rk4Iaao2Lr39qCj+Qy0AhIzsa/RWLUP1R4Jig2tzYSZI6A0d+LE7m3bRKynIzeQ1qnElDsAJ8sPtZ5Fo+cQ9m89hS1lPuERHqNZGpELobrCBy95eceDOIFMasFuc+HpzZvccDodmCICIok2EG9a9TKW7/kndm4+lv92dN9lQYwHsb6YNooqTyPcTvK/G08zNhNwyuQSj1uGy+lGNBEULltpobWG5d2tDP7bInKh2DeZsVl9SS0Eb/lWQYAxBTbdVB6sGwlRvylDKyIgksrKCP9vlQJny73F4EMLZ3Hx5hGRS7my1OhPVRwZv2dKRc1BIUEbi27oRbXOgJxIHY1n0L2rR7iZQYvAd5cG7/nxOOxqiUdesRLLuXpNpJega3p+kIgt3ba4fNhfe0ok1qFdZ0FbADQSfnbvuj24I1tFa+WSnFuPU1pmZ1vpgaN7LucH7/QeI9CPENMhnreARwh8kMDZcuU2K2cpAsi6NJFaphjZiiaIRCq4Wry/w2v3WeK5EXAOm41064aKNqmfyIh0MJIYjCWB2eg4XGpdfj3nBLo4eEQoX+0S4H4Ct61iOYlTqcNCbArLhMWYjM0E9Ng0euL0ciY6hnK1Kb+W8x5gJ4WsfChamgS/F+C53XIVom7SHY4EBQHGZGwmkLzxCT5eWALCSwE4UCdcZWW9wBaxW0uRyIOrq1vOuji0rHuWMBiLMRmbCaQXApjWEhgORywE5vpRY+/M17sRieHjGImeF+D85N9rgecIVJHOIOlmDMZiTMZWs73a8sAn+JPtGHrKXQOoqWhCpdqCiOHPLWIZEvSjd/RJUR38XoCv4XYe61FaYKYd8E8MiD6RsRiTsXP9gLk4gXjdz9Fs2bBHN4Joqe6CIS0hZUXzxjAY17YqZXaRtcA5lzYpjfDKbbjs78PIlIG5CVy8dg4f0qeFIgL8I/AdrjZ04ClJNlzxdAAtW7oIJYUE5m89A6zhcnZRBVkuwId6qWVPYGYec5fexrO8TXD8V7ZkHArTfwmfVh/EYQtp1yI1Ets8bfDYfTR6DKZk5jvJUnWe23hU2mlq1C4oWi2B9wnwsWnMfv46umnEGMli1ugiAuyxNC//Q5fwWc1BHFlOGWVRaqMcchka3J0oU7aI448pxSk8Zn6XFIuMZINLboBXOQAv2qgdH6bG5juMhAy2fJ7AnyDdoyTsTn3VtpyEuxVf55/xJvWJj9cTbnWlhKpNPupoKKbldVRW9qLjjmGkaZEJIRwNilLjbOeEWwyh9+szeIeGBEhm12rLC0l4SbbWH8C+u57Eu3YXmriT4b2cRZGLJ/DyygsMC9d5Oo7R6//GG5M/oJ8+T2WTTtvQ0YzERUL2o9pdjdq9h9FduR2PqC4033LaI016HCORMXwxcAE9y2FR57QuEt1vfKNHs8LvtiwRN0kFl1VJWUFHXVjyCZJoNsmWs8DanR5OS3nEzm1UtouSSpS9ni2v9O0sXnn9X4ABAFUK+nNCM645AAAAAElFTkSuQmCC); }
.shop-tracking-status .image-order-status-completed .status {
  top: 85px;
  left: -180px;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  text-align: right;
}
.shop-tracking-status .image-order-status-completed .status::before { display: none; }
.shop-tracking-status .image-order-status-completed .status::after {
  font-family: FontAwesome;
  content: "\f054";
  padding-left: 5px;
  vertical-align: middle;
}

/* ===== Footer (from template inline) ===== */
.saf_footer_address ul li span {
  width: 50% !important;
}
@media only screen and (max-width: 991px) {
  ul li.has_submenu a {
    width: 75%;
  }
}

/* ===== Spacer utility ===== */
.page-spacer--top { height: 25px; }