@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg-1: #0d1110;
  --bg-2: #121816;
  --bg-3: #18201d;
  --surface-1: #141a18;
  --surface-2: #1b2521;
  --surface-3: #233129;
  --brand-1: #315f43;
  --brand-2: #4e7f5e;
  --brand-3: #6f9e77;
  --brand-4: #8fb493;
  --gold: #b8925e;
  --gold-soft: #d5bc93;
  --text-1: #f2f4f1;
  --text-2: #d8ddd8;
  --text-3: #aab5ac;
  --line: #2a3630;
  --success: #7eb184;
  --danger: #c46c64;
  --radius-xl: 1.6rem;
  --radius-lg: 1.2rem;
  --radius-md: .95rem;
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, .28);
  --shadow-md: 0 12px 35px rgba(0, 0, 0, .22);
  --container-pad: clamp(12px, 2vw, 24px);
}

* {
  box-sizing: border-box
}

html {
  scroll-behavior: smooth
}

body {
  margin: 0;
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  background:
    radial-gradient(circle at top right, rgba(184, 146, 94, .08), transparent 18%),
    radial-gradient(circle at bottom left, rgba(111, 158, 119, .08), transparent 22%),
    linear-gradient(180deg, var(--bg-1), var(--bg-2) 40%, #0f1412 100%);
  color: var(--text-2);
  line-height: 1.9;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit
}

img {
  max-width: 100%;
  display: block
}

.container,
.container-fluid {
  padding-right: var(--container-pad);
  padding-left: var(--container-pad)
}

.text-brand {
  color: var(--brand-4) !important
}

.text-gold {
  color: var(--gold-soft) !important
}

.text-soft {
  color: var(--text-3) !important
}

.bg-brand {
  background: linear-gradient(135deg, var(--brand-1), var(--brand-2)) !important
}

.bg-sand {
  background: linear-gradient(180deg, rgba(184, 146, 94, .08), rgba(17, 23, 20, .2))
}

.btn-brand {
  background: linear-gradient(135deg, var(--brand-2), var(--brand-1));
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: .9rem 1.45rem;
  font-weight: 700;
  box-shadow: var(--shadow-md)
}

.btn-brand:hover {
  filter: brightness(1.07);
  color: #fff
}

.btn-outline-brand {
  border: 1px solid rgba(143, 180, 147, .5);
  color: var(--text-1);
  background: rgba(255, 255, 255, .02);
  border-radius: 999px;
  padding: .9rem 1.45rem
}

.btn-outline-brand:hover {
  background: rgba(143, 180, 147, .08);
  color: #fff;
  border-color: var(--brand-4)
}

.btn-gold {
  background: linear-gradient(135deg, var(--gold), #8c6b3f);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: .9rem 1.45rem;
  font-weight: 700
}

.badge-soft {
  background: rgba(255, 255, 255, .08);
  color: var(--text-1);
  border: 1px solid rgba(255, 255, 255, .08);
  padding: .5rem .9rem;
  border-radius: 999px;
  font-size: .86rem
}

.topbar {
  background: linear-gradient(90deg, #0f1412, #16211d);
  color: var(--text-2);
  border-bottom: 1px solid rgba(255, 255, 255, .04);
  font-size: .93rem
}

.topbar a {
  color: var(--text-2)
}

.navbar {
  backdrop-filter: saturate(160%) blur(12px);
  background: rgba(13, 17, 16, .78);
  border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.navbar-brand {
  font-weight: 900;
  color: var(--text-1) !important;
  letter-spacing: .2px
}

.navbar-toggler {
  border: 1px solid rgba(255, 255, 255, .1) !important;
  background: rgba(255, 255, 255, .04);
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.navbar-toggler:focus {
  box-shadow: none
}

.navbar-toggle-glyph {
  color: #f5f3ee;
  font-size: 2rem;
  line-height: 1;
}

.navbar-toggler:hover .navbar-toggle-glyph,
.navbar-toggler[aria-expanded="true"] .navbar-toggle-glyph {
  color: #ffffff;
}

.nav-link {
  color: var(--text-2) !important;
  font-weight: 700;
  padding: .8rem 1rem !important;
  border-radius: 999px
}

.nav-link:hover,
.nav-link.active {
  color: #fff !important;
  background: rgba(143, 180, 147, .08)
}

.hero {
  background:
    radial-gradient(circle at 80% 15%, rgba(184, 146, 94, .18), transparent 18%),
    radial-gradient(circle at 20% 80%, rgba(111, 158, 119, .12), transparent 20%),
    linear-gradient(135deg, #122019 0%, #173124 45%, #0f1714 100%);
  color: #fff;
  border-radius: 0 0 2.25rem 2.25rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.hero::before {
  content: "";
  position: absolute;
  inset: auto auto -140px -120px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(184, 146, 94, .09), transparent 68%);
  pointer-events: none;
}

.hero .container {
  position: relative
}

.hero-card,
.glass-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(12px);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

.page-hero {
  background:
    radial-gradient(circle at 85% 20%, rgba(184, 146, 94, .12), transparent 16%),
    linear-gradient(135deg, #122019 0%, #173124 45%, #101614 100%);
  color: #fff;
  border-radius: 0 0 2rem 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.section-title h1,
.section-title h2,
.section-title h3,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-1);
  line-height: 1.45;
}

.section-title h2 {
  font-size: clamp(1.7rem, 2.4vw, 2.55rem);
  font-weight: 900;
}

.section-title p,
.small-muted,
.text-white-50,
.lead,
.breadcrumb-item,
.form-label,
.form-check-label {
  color: var(--text-3) !important
}

.card-clean,
.category-tile,
.feature-box,
.info-box,
.testimonial,
.filter-card,
.sidebar-card,
.summary-card {
  border: 1px solid rgba(255, 255, 255, .06) !important;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: linear-gradient(180deg, rgba(30, 39, 35, .95), rgba(20, 26, 24, .98));
  box-shadow: var(--shadow-md);
  color: var(--text-2);
}

.card-clean:hover,
.category-tile:hover {
  transform: translateY(-5px);
  transition: .28s ease;
  border-color: rgba(143, 180, 147, .18) !important
}

.product-thumb {
  height: 280px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .09), transparent 28%),
    linear-gradient(160deg, #20392b 0%, #4e7f5e 55%, #2b4435 100%);
  position: relative;
  overflow: hidden;
}

.product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.product-tag {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(13, 17, 16, .75);
  color: var(--gold-soft);
  border: 1px solid rgba(184, 146, 94, .25);
  padding: .42rem .76rem;
  border-radius: 999px;
  font-size: .8rem;
  font-weight: 800
}

.price {
  font-weight: 900;
  color: var(--gold-soft);
  font-size: 1.1rem
}

.old-price {
  text-decoration: line-through;
  color: #7f8a82;
  font-size: .9rem
}

.category-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(143, 180, 147, .12), rgba(184, 146, 94, .12));
  color: var(--gold-soft);
  font-size: 1.25rem;
  border: 1px solid rgba(255, 255, 255, .05)
}

.stats-box {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--radius-lg);
  padding: 1rem 1.2rem;
}

.feature-box i,
.info-box i {
  font-size: 1.35rem;
  color: var(--gold-soft)
}

.testimonial {
  padding: 1.5rem
}

.avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand-2), var(--brand-1));
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800
}

.footer {
  background: linear-gradient(180deg, #0d1110, #0a0e0d);
  color: var(--text-2);
  border-top: 1px solid rgba(255, 255, 255, .05)
}

.footer a {
  color: var(--text-2)
}

.footer a:hover {
  color: #fff
}

.breadcrumb-item+.breadcrumb-item::before {
  color: rgba(255, 255, 255, .45)
}

.form-control2 {
  width: 60px;
  height: 40px;
  border-radius: 1rem;
  padding: .95rem 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .03);
  color: var(--text-1)
}

.form-control,
.form-select {
  width: 100%;
  border-radius: 1rem;
  padding: .95rem 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .03);
  color: var(--text-1)
}

.form-control1 {
  width: 265px;
  height: 50px;
  border-radius: 1rem;
  padding: .95rem 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .03);
  color: var(--text-1)
}

.form-control::placeholder {
  color: #829086
}

.form-control:focus,
.form-select:focus {
  background: rgba(255, 255, 255, .04);
  color: #fff;
  border-color: rgba(143, 180, 147, .42);
  box-shadow: 0 0 0 .25rem rgba(78, 127, 94, .16);
}

.form-select option {
  color: #fff;
  background: #18201d;
}

.quantity-control {
  display: flex;
  align-items: center;
  gap: .6rem
}

.quantity-btn {
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-weight: 800
}

.table,
.table th,
.table td {
  color: var(--text-2) !important;
  border-color: rgba(255, 255, 255, .05) !important
}

.table-clean tr td,
.table-clean tr th {
  padding: 1rem
}

.profile-nav .list-group-item {
  border: none;
  border-radius: 1rem;
  margin-bottom: .5rem;
  color: var(--text-2);
  font-weight: 700;
  background: rgba(255, 255, 255, .02)
}

.profile-nav .list-group-item.active {
  background: linear-gradient(135deg, var(--brand-2), var(--brand-1))
}

.faq-item {
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(30, 39, 35, .95), rgba(20, 26, 24, .98))
}

.accordion-button {
  background: transparent !important;
  color: var(--text-1) !important;
  box-shadow: none !important
}

.accordion-button:not(.collapsed) {
  background: rgba(255, 255, 255, .02) !important;
}

.accordion-button::after {
  filter: invert(1)
}

.empty-state {
  min-height: 55vh;
  display: grid;
  place-items: center;
  text-align: center
}

.rating {
  color: var(--gold-soft)
}

.product-gallery-main {
  height: 480px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: linear-gradient(145deg, #233c2d, #456b52)
}

.thumb-small {
  cursor: pointer;
  border-radius: 1rem;
  overflow: hidden;
  height: 110px;
  border: 2px solid transparent
}

.thumb-small.active,
.thumb-small:hover {
  border-color: var(--gold)
}

.sticky-top-soft {
  position: sticky;
  top: 96px
}

.whatsapp-fab {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 1030;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--brand-2), var(--brand-1));
  color: #fff;
  box-shadow: var(--shadow-lg)
}

.placeholder-img,
.blog-cover,
.mini-cover {
  background: linear-gradient(145deg, #486f56, #1d2b23)
}

.blog-cover {
  height: 280px;
  border-radius: var(--radius-xl);
  position: relative;
  overflow: hidden
}

.blog-cover::after,
.mini-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, .1), transparent 30%);
}

.mini-cover {
  width: 88px;
  height: 88px;
  border-radius: 1rem;
  position: relative
}

.object-cover {
  object-fit: cover
}

hr.soft {
  border-top: 1px solid rgba(255, 255, 255, .07);
  opacity: 1
}

.pagination .page-link {
  background: rgba(255, 255, 255, .03);
  color: var(--text-2);
  border-color: rgba(255, 255, 255, .06);
}

.pagination .page-item.active .page-link {
  color: #fff;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--brand-2), var(--brand-1)) !important;
}

.list-group-item {
  border-color: rgba(255, 255, 255, .05) !important
}

.text-danger {
  color: #e38a80 !important
}

.badge.text-bg-success {
  background: rgba(126, 177, 132, .16) !important;
  color: #cfead2 !important;
  border: 1px solid rgba(126, 177, 132, .26)
}

.badge.text-bg-warning {
  background: rgba(184, 146, 94, .16) !important;
  color: #efd6ae !important;
  border: 1px solid rgba(184, 146, 94, .26)
}

@media (max-width:1199.98px) {
  .product-thumb {
    height: 250px
  }

  .hero .display-5 {
    font-size: clamp(2rem, 4vw, 3.2rem)
  }
}

@media (max-width:991.98px) {
  body {
    line-height: 1.85
  }

  .hero {
    border-radius: 0 0 1.35rem 1.35rem
  }

  .page-hero {
    border-radius: 0 0 1.35rem 1.35rem
  }

  .sticky-top-soft {
    position: static
  }

  .product-gallery-main {
    height: 360px
  }

  .navbar .btn-sm {
    padding: .7rem 1rem
  }

  .navbar-collapse {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1.2rem;
    background: rgba(16, 22, 20, .92);
    border: 1px solid rgba(255, 255, 255, .06)
  }
}

@media (max-width:767.98px) {
  :root {
    --container-pad: 14px
  }

  .hero {
    padding-top: 1rem
  }

  .hero-card,
  .glass-card,
  .card-clean,
  .category-tile,
  .feature-box,
  .info-box,
  .testimonial,
  .filter-card,
  .sidebar-card,
  .summary-card {
    border-radius: 1.2rem
  }

  .display-5 {
    font-size: 2rem
  }

  .lead {
    font-size: 1rem
  }

  .product-thumb {
    height: 230px
  }

  .blog-cover {
    height: 220px
  }

  .product-gallery-main {
    height: 300px
  }

  .stats-box {
    padding: .95rem
  }

  .btn-brand,
  .btn-outline-brand,
  .btn-gold {
    width: 100%;
    justify-content: center;
    text-align: center
  }

  .hero .d-flex.flex-wrap.gap-3,
  .d-flex.flex-wrap.gap-2,
  .d-flex.flex-wrap.gap-3 {
    width: 100%
  }

  .table-responsive {
    border-radius: 1rem;
  }

  .quantity-control input {
    min-width: 74px
  }
}

@media (max-width:575.98px) {
  body {
    font-size: .97rem
  }

  .topbar .container,
  .footer .d-flex,
  .page-hero .container,
  .hero .container {
    padding-right: 14px;
    padding-left: 14px
  }

  .product-thumb {
    height: 210px
  }

  .whatsapp-fab {
    width: 52px;
    height: 52px
  }

  .thumb-small {
    height: 86px
  }

  .stats-box .fs-4 {
    font-size: 1.25rem !important
  }

  .card-clean .p-3,
  .summary-card,
  .sidebar-card,
  .filter-card,
  .feature-box,
  .info-box,
  .testimonial,
  .category-tile {
    padding: 1rem !important
  }
}


/* --- Mobile hero cleanup v3 --- */
@media (max-width: 991.98px) {
  .hero .row.align-items-center {
    row-gap: 1.25rem !important;
  }

  .hero-card {
    padding: .9rem !important;
  }

  .hero-card .row {
    --bs-gutter-x: .8rem;
    --bs-gutter-y: .8rem;
  }

  .hero-card .glass-card {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .hero {
    padding-top: .35rem;
  }

  .hero .badge-soft {
    margin-bottom: 1rem !important;
  }

  .hero h1 {
    font-size: 2.15rem !important;
    line-height: 1.35 !important;
    margin-bottom: 1rem !important;
  }

  .hero .lead {
    font-size: 1rem !important;
    line-height: 2 !important;
    margin-bottom: 1.25rem !important;
  }

  .hero .stats-box {
    text-align: center;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .hero-card {
    border-radius: 1.2rem !important;
    overflow: hidden;
  }

  .hero-card>.row {
    --bs-gutter-x: .75rem;
    --bs-gutter-y: .75rem;
  }

  .hero-card .col-7,
  .hero-card .col-5 {
    width: 100%;
    flex: 0 0 auto;
  }

  .hero-card .product-thumb {
    height: 220px !important;
    border-radius: 1rem;
  }

  .hero-card .card-clean {
    border-radius: 1rem !important;
  }

  .hero-card .glass-card {
    min-height: auto;
    padding: 1rem !important;
    border-radius: 1rem !important;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .hero .container {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .hero h1 {
    font-size: 1.95rem !important;
    line-height: 1.32 !important;
  }

  .hero .lead {
    font-size: .96rem !important;
    line-height: 1.95 !important;
  }

  .hero .d-grid.d-sm-flex.gap-3 {
    gap: .85rem !important;
  }

  .hero .btn {
    min-height: 56px;
    font-size: 1rem;
  }

  .hero .stats-box {
    min-height: 96px;
    padding: .85rem .7rem;
    border-radius: 1rem;
  }

  .hero-card {
    padding: .8rem !important;
    margin-top: .35rem;
  }

  .hero-card .product-thumb {
    height: 180px !important;
  }

  .hero-card .glass-card .fs-5 {
    font-size: 1.15rem !important;
  }
}

/* --- Minimal hero + slider v4 --- */
.hero {
  border-radius: 0 0 1.6rem 1.6rem !important;
}

.hero .display-5 {
  letter-spacing: -.4px;
}

.hero-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  padding: 1rem !important;
}

.hero-slider {
  position: relative;
  overflow: hidden;
  border-radius: 1.2rem;
  background: linear-gradient(135deg, rgba(20, 28, 24, .92), rgba(30, 45, 36, .92));
  border: 1px solid rgba(255, 255, 255, .06);
  min-height: 420px;
}

.hero-slide {
  display: none;
  min-height: 420px;
}

.hero-slide.active {
  display: block;
}

.hero-visual {
  height: 100%;
  min-height: 420px;
  padding: 1rem;
}

.hero-visual-image {
  height: 100%;
  min-height: 250px;
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(145deg, #20392b, #456b52);
}

.hero-visual-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-slide-content {
  padding: 1.15rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-kicker {
  color: var(--gold-soft);
  font-size: .92rem;
  margin-bottom: .75rem;
}

.hero-slide-content h3 {
  font-size: 1.8rem;
  line-height: 1.45;
  margin-bottom: .8rem;
}

.hero-slide-content p {
  color: var(--text-3);
  margin-bottom: 1rem;
}

.hero-slider-nav {
  position: absolute;
  inset: auto 0 16px 0;
  display: flex;
  justify-content: center;
  gap: .45rem;
  z-index: 3;
}

.hero-slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 0;
  background: rgba(255, 255, 255, .22);
}

.hero-slider-dot.active {
  width: 28px;
  background: var(--gold);
}

.hero-slider-arrows {
  position: absolute;
  inset: 14px 14px auto 14px;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 3;
}

.hero-slider-arrow {
  pointer-events: auto;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(10, 14, 13, .45);
  color: #fff;
  backdrop-filter: blur(6px);
}

.hero-minimal-stats {
  margin-top: 1.25rem;
}

.hero-minimal-stats .stats-box {
  min-height: 88px !important;
}

@media (max-width: 1199.98px) {

  .hero-slider,
  .hero-slide {
    min-height: 390px;
  }

  .hero-visual {
    min-height: 390px;
  }
}

@media (max-width: 767.98px) {
  .hero {
    border-radius: 0 0 1.2rem 1.2rem !important;
  }

  .hero-card {
    padding: .75rem !important;
  }

  .hero-slider,
  .hero-slide,
  .hero-visual {
    min-height: auto;
  }

  .hero-slide-content {
    padding: 1rem .95rem 3.2rem;
    text-align: center;
  }

  .hero-slide-content h3 {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-bottom: .5rem;
  }

  .hero-slide-content p {
    font-size: .93rem;
    line-height: 1.95;
    margin-bottom: .9rem;
  }

  .hero-visual {
    padding: .75rem .75rem 0;
  }

  .hero-visual-image {
    min-height: 190px;
    height: 190px;
    border-radius: .95rem;
  }

  .hero-slider-arrow {
    width: 36px;
    height: 36px;
  }

  .hero-slider-nav {
    bottom: 12px;
  }

  .hero-minimal-stats {
    margin-top: 1rem;
  }
}

@media (max-width: 575.98px) {
  .hero .display-5 {
    font-size: 1.75rem !important;
    line-height: 1.45 !important;
  }

  .hero .lead {
    font-size: .92rem !important;
  }

  .hero-slide-content {
    padding: .9rem .85rem 3rem;
  }

  .hero-slide-content h3 {
    font-size: 1.16rem;
    line-height: 1.8;
  }

  .hero-visual {
    padding: .7rem .7rem 0;
  }

  .hero-visual-image {
    min-height: 170px;
    height: 170px;
  }

  .hero-minimal-stats .stats-box {
    min-height: 78px !important;
    padding: .7rem .5rem !important;
  }

  .hero-minimal-stats .small {
    font-size: .78rem;
  }
}

/* --- Clean minimal hero v5 --- */
.hero {
  padding-bottom: 2.25rem !important;
}

.hero .display-5 {
  font-size: clamp(2rem, 4.2vw, 3.45rem) !important;
  line-height: 1.28 !important;
  max-width: 10ch;
}

.hero .lead {
  max-width: 38rem;
}

.hero .badge-soft {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(255, 255, 255, .05) !important;
}

.hero-minimal-stats .stats-box {
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid rgba(255, 255, 255, .05) !important;
  box-shadow: none !important;
}

.hero-card {
  padding: .65rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-slider {
  min-height: auto !important;
  background: rgba(255, 255, 255, .03) !important;
  border-radius: 1.15rem !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  box-shadow: none !important;
}

.hero-slide,
.hero-slide.active {
  min-height: auto !important;
}

.hero-slide .row {
  margin: 0 !important;
}

.hero-visual {
  min-height: auto !important;
  padding: .8rem !important;
}

.hero-visual-image {
  min-height: 315px !important;
  height: 315px !important;
  border-radius: .95rem !important;
}

.hero-slide-content {
  padding: 1.2rem 1.1rem 3rem !important;
}

.hero-slide-content h3 {
  font-size: 1.2rem !important;
  line-height: 1.75 !important;
  margin-bottom: .5rem !important;
}

.hero-slide-content p {
  font-size: .95rem !important;
  line-height: 1.9 !important;
  max-width: 34ch;
}

.hero-slide-content .btn {
  min-width: 160px;
}

.hero-kicker {
  font-size: .82rem !important;
  letter-spacing: 0 !important;
}

.hero-slider-arrows {
  inset: auto 14px 14px 14px !important;
}

.hero-slider-arrow {
  width: 38px !important;
  height: 38px !important;
  background: rgba(9, 14, 11, .62) !important;
}

.hero-slider-nav {
  bottom: 24px !important;
}

.hero-slider-dot {
  width: 8px !important;
  height: 8px !important;
}

.hero-slider-dot.active {
  width: 20px !important;
}

@media (max-width: 991.98px) {
  .hero {
    padding-bottom: 1.6rem !important;
  }

  .hero .display-5 {
    max-width: none !important;
    font-size: 2.35rem !important;
  }

  .hero .lead {
    max-width: none !important;
  }

  .hero-card {
    margin-top: .25rem !important;
  }

  .hero-slider {
    max-width: 520px;
    margin: 0 auto;
  }

  .hero-minimal-stats {
    row-gap: .7rem !important;
  }
}

@media (max-width: 767.98px) {
  .hero {
    padding-top: .3rem !important;
    padding-bottom: 1.2rem !important;
  }

  .hero .display-5 {
    font-size: 1.95rem !important;
    line-height: 1.42 !important;
    text-align: center;
  }

  .hero .lead,
  .hero .badge-soft {
    text-align: center;
  }

  .hero .d-grid.d-sm-flex.gap-3 {
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
  }

  .hero-minimal-stats {
    margin-top: .9rem !important;
  }

  .hero-minimal-stats>div {
    width: 33.333333% !important;
  }

  .hero-minimal-stats .stats-box {
    min-height: 76px !important;
    padding: .7rem .45rem !important;
    border-radius: .95rem !important;
  }

  .hero-minimal-stats .fs-4 {
    font-size: 1.15rem !important;
  }

  .hero-minimal-stats .small {
    font-size: .76rem !important;
    line-height: 1.5;
  }

  .hero-slider {
    border-radius: 1rem !important;
  }

  .hero-visual {
    padding: .7rem .7rem 0 .7rem !important;
  }

  .hero-visual-image {
    min-height: 180px !important;
    height: 180px !important;
    border-radius: .85rem !important;
  }

  .hero-slide-content {
    padding: .85rem .9rem 2.6rem !important;
    text-align: center;
  }

  .hero-slide-content h3 {
    font-size: 1rem !important;
    line-height: 1.8 !important;
  }

  .hero-slide-content p {
    font-size: .86rem !important;
    line-height: 1.9 !important;
    max-width: none !important;
    margin-bottom: .75rem !important;
  }

  .hero-slide-content .btn {
    min-width: 0 !important;
    width: auto !important;
    padding: .7rem 1rem !important;
    min-height: 44px !important;
    font-size: .9rem !important;
  }

  .hero-slider-arrows {
    inset: auto 10px 10px 10px !important;
  }

  .hero-slider-arrow {
    width: 34px !important;
    height: 34px !important;
  }

  .hero-slider-nav {
    bottom: 20px !important;
  }
}

@media (max-width: 575.98px) {
  .hero .container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .hero .display-5 {
    font-size: 1.7rem !important;
  }

  .hero .lead {
    font-size: .88rem !important;
    line-height: 1.85 !important;
    margin-bottom: 1rem !important;
  }

  .hero .btn {
    min-height: 50px !important;
    font-size: .95rem !important;
  }

  .hero-minimal-stats {
    --bs-gutter-x: .45rem !important;
  }

  .hero-minimal-stats>div {
    width: 33.333333% !important;
  }

  .hero-slider {
    margin-top: .15rem !important;
  }

  .hero-visual-image {
    min-height: 156px !important;
    height: 156px !important;
  }

  .hero-slide-content {
    padding: .8rem .8rem 2.5rem !important;
  }
}

/* ===== Hero redesign v7 ===== */
.hero-v7 {
  padding-bottom: 1.4rem !important
}

.hero-shell {
  max-width: 1380px;
  margin: 0 auto
}

.hero-stage {
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 1.4rem;
  background: linear-gradient(135deg, rgba(8, 16, 13, .30), rgba(21, 42, 31, .18));
  overflow: hidden
}

.hero-media {
  padding: 1rem
}

.hero-slider-v7 {
  position: relative;
  border-radius: 1.15rem;
  overflow: hidden;
  min-height: 470px;
  border: 1px solid rgba(255, 255, 255, .06);
  background: linear-gradient(135deg, rgba(26, 49, 36, .96), rgba(80, 113, 87, .92))
}

.hero-slider-v7 .hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(28px) scale(.985);
  transition: opacity .55s ease, transform .55s ease, visibility .55s ease
}

.hero-slider-v7 .hero-slide.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1);
  position: relative
}

.hero-slide-grid {
  min-height: 470px
}

.hero-slide-copy {
  padding: 2.1rem 1.8rem 2.1rem 2.1rem
}

.hero-chip {
  display: inline-block;
  padding: .42rem .8rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: var(--gold-soft);
  font-size: .86rem;
  margin-bottom: 1rem
}

.hero-slide-copy h2 {
  font-size: clamp(1.8rem, 2.6vw, 2.7rem);
  line-height: 1.35;
  margin-bottom: .7rem
}

.hero-slide-copy p {
  color: rgba(242, 244, 241, .82);
  font-size: 1rem;
  line-height: 1.95;
  max-width: 28rem;
  margin-bottom: 1.25rem
}

.hero-slide-actions {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap
}

.btn-hero-main,
.btn-hero-alt {
  min-height: 48px !important;
  padding: .78rem 1.25rem !important;
  font-size: .95rem !important;
  min-width: 150px;
  box-shadow: none !important
}

.hero-image-wrap {
  height: 100%;
  min-height: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3rem
}

.hero-image-wrap img {
  width: 100%;
  max-width: 560px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .18))
}

.hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: rgba(10, 18, 14, .55);
  color: #fff;
  backdrop-filter: blur(6px)
}

.hero-arrow-prev {
  right: 16px
}

.hero-arrow-next {
  left: 16px
}

.hero-dots {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 16px;
  z-index: 4;
  display: flex;
  justify-content: center;
  gap: .42rem
}

.hero-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  border: 0;
  background: rgba(255, 255, 255, .28);
  transition: all .28s ease
}

.hero-dot.active {
  width: 26px;
  background: var(--gold)
}

.hero-side-copy {
  padding: 1.8rem 1.5rem 1.8rem 1rem
}

.hero-side-copy h1 {
  font-size: clamp(2rem, 3.2vw, 3.4rem);
  line-height: 1.28;
  margin-bottom: .8rem;
  color: var(--text-1)
}

.hero-side-copy p {
  font-size: 1rem;
  line-height: 1.95;
  color: var(--text-3);
  margin-bottom: 1.25rem;
  max-width: 30rem
}

.hero-side-actions {
  display: flex;
  gap: .8rem;
  flex-wrap: wrap;
  margin-bottom: 1rem
}

.btn-side-main,
.btn-side-alt {
  min-height: 50px !important;
  padding: .85rem 1.5rem !important;
  min-width: 170px;
  font-size: .98rem !important;
  box-shadow: none !important
}

.hero-mini-stats {
  max-width: 360px
}

.hero-mini-box {
  border: 1px solid rgba(255, 255, 255, .06);
  background: rgba(255, 255, 255, .035);
  border-radius: 1rem;
  min-height: 86px;
  padding: .9rem .85rem;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.hero-mini-box strong {
  color: var(--text-1);
  font-size: 1.25rem;
  line-height: 1.2
}

.hero-mini-box span {
  color: var(--text-3);
  font-size: .84rem;
  margin-top: .35rem
}

@media (max-width:1199.98px) {

  .hero-slide-grid,
  .hero-slider-v7,
  .hero-image-wrap {
    min-height: 430px
  }

  .hero-side-copy h1 {
    font-size: 2.6rem
  }
}

@media (max-width:991.98px) {
  .hero-stage {
    display: block
  }

  .hero-media {
    padding: .8rem .8rem 0
  }

  .hero-slider-v7,
  .hero-slide-grid,
  .hero-image-wrap {
    min-height: auto
  }

  .hero-slider-v7 {
    border-radius: 1rem
  }

  .hero-slider-v7 .hero-slide {
    transform: translateX(18px) scale(.99)
  }

  .hero-slide-copy {
    padding: 1rem 1rem .7rem 1rem;
    text-align: center
  }

  .hero-slide-copy p {
    max-width: none;
    margin-right: auto;
    margin-left: auto
  }

  .hero-slide-actions {
    justify-content: center
  }

  .hero-image-wrap {
    padding: .6rem 1rem 2.3rem
  }

  .hero-image-wrap img {
    max-width: 430px
  }

  .hero-arrow {
    width: 40px;
    height: 40px;
    top: auto;
    bottom: 66px;
    transform: none
  }

  .hero-arrow-prev {
    right: 12px
  }

  .hero-arrow-next {
    left: 12px
  }

  .hero-dots {
    bottom: 22px
  }

  .hero-side-copy {
    padding: 1rem 1rem 1.2rem;
    text-align: center
  }

  .hero-side-copy p {
    max-width: none
  }

  .hero-side-actions {
    justify-content: center
  }

  .hero-mini-stats {
    max-width: 360px;
    margin: 0 auto
  }
}

@media (max-width:767.98px) {
  .hero-v7 {
    padding-top: .15rem !important
  }

  .hero-shell {
    max-width: 540px
  }

  .hero-stage {
    border-radius: 1rem
  }

  .hero-media {
    padding: .55rem .55rem 0
  }

  .hero-slider-v7 {
    min-height: 255px
  }

  .hero-slide-grid {
    min-height: 255px
  }

  .hero-slide-copy {
    padding: .75rem .85rem .35rem
  }

  .hero-chip {
    font-size: .74rem;
    margin-bottom: .55rem
  }

  .hero-slide-copy h2 {
    font-size: 1rem !important;
    line-height: 1.6;
    margin-bottom: .28rem
  }

  .hero-slide-copy p {
    font-size: .78rem !important;
    line-height: 1.7;
    margin-bottom: .55rem
  }

  .hero-slide-actions {
    gap: .45rem
  }

  .btn-hero-main,
  .btn-hero-alt {
    min-height: 36px !important;
    padding: .45rem .78rem !important;
    font-size: .78rem !important;
    min-width: 110px
  }

  .hero-image-wrap {
    min-height: 150px;
    padding: .2rem .8rem 2rem
  }

  .hero-image-wrap img {
    max-width: 250px
  }

  .hero-arrow {
    width: 32px;
    height: 32px;
    bottom: 50px
  }

  .hero-dots {
    bottom: 14px
  }

  .hero-dot {
    width: 7px;
    height: 7px
  }

  .hero-dot.active {
    width: 18px
  }

  .hero-side-copy {
    padding: .8rem .8rem 1rem
  }

  .hero-side-copy h1 {
    font-size: 1.18rem !important;
    line-height: 1.65;
    max-width: 13ch;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: .42rem
  }

  .hero-side-copy p {
    font-size: .76rem !important;
    line-height: 1.65;
    margin-bottom: .7rem;
    max-width: 24rem;
    margin-right: auto;
    margin-left: auto
  }

  .hero-side-actions {
    gap: .45rem;
    margin-bottom: .75rem
  }

  .btn-side-main,
  .btn-side-alt {
    min-height: 38px !important;
    padding: .5rem .8rem !important;
    min-width: 118px;
    font-size: .8rem !important
  }

  .hero-mini-stats {
    max-width: 270px
  }

  .hero-mini-stats .col-6 {
    width: 50%
  }

  .hero-mini-box {
    min-height: 60px;
    padding: .55rem .45rem;
    border-radius: .85rem
  }

  .hero-mini-box strong {
    font-size: .95rem
  }

  .hero-mini-box span {
    font-size: .66rem;
    margin-top: .2rem;
    line-height: 1.35
  }
}

@media (max-width:575.98px) {
  .hero-shell {
    max-width: 390px
  }

  .hero-slider-v7 {
    min-height: 235px
  }

  .hero-slide-grid {
    min-height: 235px
  }

  .hero-slide-copy {
    padding: .65rem .7rem .2rem
  }

  .hero-slide-copy h2 {
    font-size: .92rem !important
  }

  .hero-slide-copy p {
    font-size: .72rem !important;
    line-height: 1.6
  }

  .hero-image-wrap {
    min-height: 138px;
    padding: .15rem .65rem 1.9rem
  }

  .hero-image-wrap img {
    max-width: 225px
  }

  .hero-side-copy h1 {
    font-size: 1.02rem !important;
    max-width: 12ch
  }

  .hero-side-copy p {
    font-size: .7rem !important;
    max-width: 20rem
  }

  .btn-side-main,
  .btn-side-alt {
    min-width: 110px;
    font-size: .76rem !important
  }

  .hero-mini-stats {
    max-width: 250px
  }
}

/* ===== Hero v10 image-only slider ===== */
.hero-v10 .hero-slider-v10 {
  position: relative;
  min-height: 470px;
  border-radius: 1.15rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .06);
  background: rgba(255, 255, 255, .03);
}

.hero-v10 .hero-slider-v10 .hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(28px) scale(.985);
  transition: opacity .55s ease, transform .55s ease, visibility .55s ease;
}

.hero-v10 .hero-slider-v10 .hero-slide.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1);
}

.hero-image-only-link {
  display: block;
  width: 100%;
  height: 470px;
  background: linear-gradient(135deg, rgba(26, 49, 36, .96), rgba(80, 113, 87, .92));
}

.hero-image-only-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (max-width:1199.98px) {
  .hero-v10 .hero-slider-v10 {
    min-height: 430px
  }

  .hero-image-only-link {
    height: 430px
  }
}

@media (max-width:991.98px) {
  .hero-v10 .hero-slider-v10 {
    min-height: 360px;
    border-radius: 1rem
  }

  .hero-image-only-link {
    height: 360px
  }
}

@media (max-width:767.98px) {
  .hero-v10 .hero-slider-v10 {
    min-height: 220px
  }

  .hero-image-only-link {
    height: 220px
  }
}

@media (max-width:575.98px) {
  .hero-v10 .hero-slider-v10 {
    min-height: 190px
  }

  .hero-image-only-link {
    height: 190px
  }
}

/* ===== Mobile/Tablet hero cleanup v11 ===== */
@media (max-width: 991.98px) {
  .hero-v10 .hero-stage {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
  }

  .hero-v10 .col-lg-7,
  .hero-v10 .col-lg-5 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .hero-v10 .hero-media {
    padding: .7rem .7rem 0 !important;
  }

  .hero-v10 .hero-slider-v10 {
    min-height: 330px !important;
    height: 330px !important;
    border-radius: .95rem !important;
  }

  .hero-v10 .hero-image-only-link {
    height: 330px !important;
  }

  .hero-v10 .hero-image-only-link img {
    object-fit: cover !important;
    object-position: center center !important;
  }

  .hero-v10 .hero-side-copy {
    padding: 1rem .9rem 1rem !important;
    text-align: center !important;
  }

  .hero-v10 .hero-side-copy h1 {
    max-width: 15ch !important;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: 1.45rem !important;
    line-height: 1.55 !important;
    margin-bottom: .45rem !important;
  }

  .hero-v10 .hero-side-copy p {
    max-width: 32rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: .84rem !important;
    line-height: 1.8 !important;
    margin-bottom: .8rem !important;
  }

  .hero-v10 .hero-side-actions {
    justify-content: center !important;
    gap: .55rem !important;
    margin-bottom: .8rem !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    min-width: 132px !important;
    min-height: 40px !important;
    padding: .55rem .9rem !important;
    font-size: .82rem !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  .hero-v10 .hero-mini-box {
    min-height: 64px !important;
    padding: .6rem .5rem !important;
    border-radius: .85rem !important;
  }

  .hero-v10 .hero-mini-box strong {
    font-size: .98rem !important;
  }

  .hero-v10 .hero-mini-box span {
    font-size: .68rem !important;
    line-height: 1.35 !important;
  }

  .hero-v10 .hero-arrow {
    width: 34px !important;
    height: 34px !important;
  }

  .hero-v10 .hero-arrow-prev {
    right: 10px !important;
  }

  .hero-v10 .hero-arrow-next {
    left: 10px !important;
  }

  .hero-v10 .hero-dots {
    bottom: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .hero-v10 {
    padding-top: .15rem !important;
    padding-bottom: .65rem !important;
  }

  .hero-v10 .hero-shell {
    max-width: 540px !important;
  }

  .hero-v10 .hero-stage {
    border-radius: .95rem !important;
  }

  .hero-v10 .hero-media {
    padding: .55rem .55rem 0 !important;
  }

  .hero-v10 .hero-slider-v10 {
    min-height: 235px !important;
    height: 235px !important;
    border-radius: .85rem !important;
  }

  .hero-v10 .hero-image-only-link {
    height: 235px !important;
  }

  .hero-v10 .hero-side-copy {
    padding: .8rem .75rem .9rem !important;
  }

  .hero-v10 .hero-side-copy .badge-soft {
    margin-bottom: .35rem !important;
    font-size: .66rem !important;
  }

  .hero-v10 .hero-side-copy h1 {
    font-size: 1.08rem !important;
    line-height: 1.65 !important;
    max-width: 14ch !important;
    margin-bottom: .35rem !important;
  }

  .hero-v10 .hero-side-copy p {
    font-size: .72rem !important;
    line-height: 1.65 !important;
    max-width: 24rem !important;
    margin-bottom: .65rem !important;
  }

  .hero-v10 .hero-side-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: .45rem !important;
    max-width: 270px !important;
    margin: 0 auto .7rem !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 36px !important;
    padding: .45rem .55rem !important;
    font-size: .74rem !important;
    border-radius: .8rem !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: 250px !important;
  }

  .hero-v10 .hero-mini-stats .col-6 {
    width: 50% !important;
  }

  .hero-v10 .hero-mini-box {
    min-height: 54px !important;
    padding: .45rem .35rem !important;
  }

  .hero-v10 .hero-mini-box strong {
    font-size: .84rem !important;
  }

  .hero-v10 .hero-mini-box span {
    font-size: .60rem !important;
  }

  .hero-v10 .hero-arrow {
    width: 30px !important;
    height: 30px !important;
  }

  .hero-v10 .hero-dot {
    width: 7px !important;
    height: 7px !important;
  }

  .hero-v10 .hero-dot.active {
    width: 18px !important;
  }
}

@media (max-width: 575.98px) {
  .hero-v10 .hero-shell {
    max-width: 390px !important;
  }

  .hero-v10 .hero-media {
    padding: .45rem .45rem 0 !important;
  }

  .hero-v10 .hero-slider-v10 {
    min-height: 200px !important;
    height: 200px !important;
  }

  .hero-v10 .hero-image-only-link {
    height: 200px !important;
  }

  .hero-v10 .hero-side-copy {
    padding: .7rem .65rem .8rem !important;
  }

  .hero-v10 .hero-side-copy h1 {
    font-size: .96rem !important;
    max-width: 13ch !important;
  }

  .hero-v10 .hero-side-copy p {
    font-size: .66rem !important;
    max-width: 20rem !important;
  }

  .hero-v10 .hero-side-actions {
    max-width: 240px !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    font-size: .69rem !important;
    min-height: 34px !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: 220px !important;
  }

  .hero-v10 .hero-mini-box {
    min-height: 50px !important;
    border-radius: .75rem !important;
  }

  .hero-v10 .hero-mini-box strong {
    font-size: .78rem !important;
  }

  .hero-v10 .hero-mini-box span {
    font-size: .56rem !important;
  }
}

/* ===== Mobile/Tablet bigger text v12 ===== */
@media (max-width: 991.98px) {
  .hero-v10 .hero-side-copy {
    padding: 1.15rem 1rem 1.1rem !important;
  }

  .hero-v10 .hero-side-copy h1 {
    max-width: none !important;
    width: 100% !important;
    font-size: 1.7rem !important;
    line-height: 1.45 !important;
    margin-bottom: .55rem !important;
    text-wrap: balance;
  }

  .hero-v10 .hero-side-copy p {
    max-width: 38rem !important;
    font-size: .95rem !important;
    line-height: 1.85 !important;
    margin-bottom: 1rem !important;
  }

  .hero-v10 .hero-side-actions {
    gap: .7rem !important;
    margin-bottom: 1rem !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    min-width: 150px !important;
    min-height: 44px !important;
    padding: .65rem 1rem !important;
    font-size: .88rem !important;
    border-radius: .95rem !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: 360px !important;
  }

  .hero-v10 .hero-mini-box {
    min-height: 72px !important;
    padding: .7rem .6rem !important;
  }

  .hero-v10 .hero-mini-box strong {
    font-size: 1.05rem !important;
  }

  .hero-v10 .hero-mini-box span {
    font-size: .72rem !important;
  }
}

@media (max-width: 767.98px) {
  .hero-v10 .hero-slider-v10 {
    min-height: 250px !important;
    height: 250px !important;
  }

  .hero-v10 .hero-image-only-link {
    height: 250px !important;
  }

  .hero-v10 .hero-side-copy {
    padding: .95rem .9rem 1rem !important;
  }

  .hero-v10 .hero-side-copy .badge-soft {
    font-size: .74rem !important;
    margin-bottom: .45rem !important;
  }

  .hero-v10 .hero-side-copy h1 {
    max-width: none !important;
    width: 100% !important;
    font-size: 1.32rem !important;
    line-height: 1.5 !important;
    margin-bottom: .45rem !important;
    text-wrap: balance;
  }

  .hero-v10 .hero-side-copy p {
    max-width: 29rem !important;
    font-size: .82rem !important;
    line-height: 1.75 !important;
    margin-bottom: .8rem !important;
  }

  .hero-v10 .hero-side-actions {
    display: flex !important;
    grid-template-columns: none !important;
    justify-content: center !important;
    gap: .55rem !important;
    max-width: none !important;
    margin: 0 auto .8rem !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    min-width: 132px !important;
    width: auto !important;
    min-height: 40px !important;
    padding: .58rem .9rem !important;
    font-size: .8rem !important;
    border-radius: .9rem !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: 290px !important;
  }

  .hero-v10 .hero-mini-box {
    min-height: 60px !important;
    padding: .55rem .45rem !important;
  }

  .hero-v10 .hero-mini-box strong {
    font-size: .92rem !important;
  }

  .hero-v10 .hero-mini-box span {
    font-size: .64rem !important;
  }
}

@media (max-width: 575.98px) {
  .hero-v10 .hero-slider-v10 {
    min-height: 220px !important;
    height: 220px !important;
  }

  .hero-v10 .hero-image-only-link {
    height: 220px !important;
  }

  .hero-v10 .hero-side-copy {
    padding: .9rem .8rem .95rem !important;
  }

  .hero-v10 .hero-side-copy h1 {
    max-width: none !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
  }

  .hero-v10 .hero-side-copy p {
    max-width: 24rem !important;
    font-size: .76rem !important;
    line-height: 1.75 !important;
  }

  .hero-v10 .hero-side-actions {
    gap: .45rem !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    min-width: 120px !important;
    min-height: 38px !important;
    font-size: .76rem !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: 250px !important;
  }

  .hero-v10 .hero-mini-box {
    min-height: 56px !important;
  }

  .hero-v10 .hero-mini-box strong {
    font-size: .86rem !important;
  }

  .hero-v10 .hero-mini-box span {
    font-size: .60rem !important;
  }
}

/* ===== Mobile polish v13 ===== */
@media (max-width: 767.98px) {
  .hero-v10 .hero-side-copy {
    padding: 1rem .9rem 1rem !important;
  }

  .hero-v10 .hero-side-copy h1 {
    font-size: 1.28rem !important;
    line-height: 1.45 !important;
    max-width: none !important;
    margin-bottom: .5rem !important;
    letter-spacing: -.2px;
  }

  .hero-v10 .hero-side-copy p {
    font-size: .78rem !important;
    line-height: 1.7 !important;
    max-width: 26rem !important;
    margin-bottom: .85rem !important;
    color: #c7d0c9 !important;
  }

  .hero-v10 .hero-side-actions {
    display: flex !important;
    justify-content: center !important;
    gap: .55rem !important;
    max-width: 100% !important;
    margin: 0 auto .85rem !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    min-width: 138px !important;
    min-height: 40px !important;
    padding: .58rem .9rem !important;
    font-size: .8rem !important;
    border-radius: 999px !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: 300px !important;
  }

  .hero-v10 .hero-mini-stats .row,
  .hero-v10 .hero-mini-stats {
    --bs-gutter-x: .5rem !important;
  }

  .hero-v10 .hero-mini-box {
    min-height: 62px !important;
    padding: .6rem .45rem !important;
    border-radius: .9rem !important;
  }
}

@media (max-width: 575.98px) {
  .hero-v10 .hero-side-copy {
    padding: .95rem .8rem 1rem !important;
  }

  .hero-v10 .hero-side-copy .badge-soft {
    font-size: .7rem !important;
    margin-bottom: .45rem !important;
  }

  .hero-v10 .hero-side-copy h1 {
    font-size: 1.16rem !important;
    line-height: 1.42 !important;
    margin-bottom: .45rem !important;
  }

  .hero-v10 .hero-side-copy p {
    font-size: .73rem !important;
    line-height: 1.65 !important;
    max-width: 22rem !important;
    margin-bottom: .8rem !important;
  }

  .hero-v10 .hero-side-actions {
    gap: .45rem !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    min-width: 126px !important;
    min-height: 38px !important;
    padding: .52rem .75rem !important;
    font-size: .76rem !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: 268px !important;
  }

  .hero-v10 .hero-mini-box strong {
    font-size: .9rem !important;
  }

  .hero-v10 .hero-mini-box span {
    font-size: .62rem !important;
  }
}

/* ===== Categories single-row on all devices v14 ===== */
#categories-row,
.categories-single-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  padding-bottom: .35rem;
}

#categories-row>*,
.categories-single-row>*,
#categories-row .col-sm-6,
#categories-row .col-lg-3,
.categories-single-row .col-sm-6,
.categories-single-row .col-lg-3 {
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: 320px !important;
  scroll-snap-align: start;
}

#categories-row .category-tile,
.categories-single-row .category-tile {
  min-height: 100%;
}

#categories-row::-webkit-scrollbar,
.categories-single-row::-webkit-scrollbar {
  height: 8px;
}

#categories-row::-webkit-scrollbar-thumb,
.categories-single-row::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .14);
  border-radius: 999px;
}

@media (max-width:991.98px) {

  #categories-row>*,
  .categories-single-row>*,
  #categories-row .col-sm-6,
  #categories-row .col-lg-3,
  .categories-single-row .col-sm-6,
  .categories-single-row .col-lg-3 {
    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: 280px !important;
  }
}

@media (max-width:767.98px) {

  #categories-row,
  .categories-single-row {
    gap: .8rem;
  }

  #categories-row>*,
  .categories-single-row>*,
  #categories-row .col-sm-6,
  #categories-row .col-lg-3,
  .categories-single-row .col-sm-6,
  .categories-single-row .col-lg-3 {
    flex: 0 0 235px !important;
    width: 235px !important;
    max-width: 235px !important;
  }
}

@media (max-width:575.98px) {

  #categories-row>*,
  .categories-single-row>*,
  #categories-row .col-sm-6,
  #categories-row .col-lg-3,
  .categories-single-row .col-sm-6,
  .categories-single-row .col-lg-3 {
    flex: 0 0 210px !important;
    width: 210px !important;
    max-width: 210px !important;
  }
}

/* ===== Categories smaller + not slider v15 ===== */
#categories-row,
.categories-single-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

#categories-row>*,
.categories-single-row>*,
#categories-row .col-sm-6,
#categories-row .col-lg-3,
.categories-single-row .col-sm-6,
.categories-single-row .col-lg-3 {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

#categories-row .category-tile,
.categories-single-row .category-tile {
  padding: 1rem !important;
  min-height: 100% !important;
  border-radius: 1.1rem !important;
}

#categories-row .category-icon,
.categories-single-row .category-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
}

#categories-row h5,
.categories-single-row h5 {
  font-size: 1.05rem !important;
  margin-bottom: .35rem !important;
}

#categories-row p,
.categories-single-row p {
  font-size: .84rem !important;
  line-height: 1.7 !important;
}

@media (max-width: 991.98px) {

  #categories-row,
  .categories-single-row {
    grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
    gap: .85rem !important;
  }

  #categories-row .category-tile,
  .categories-single-row .category-tile {
    padding: .9rem !important;
  }

  #categories-row h5,
  .categories-single-row h5 {
    font-size: .98rem !important;
  }

  #categories-row p,
  .categories-single-row p {
    font-size: .78rem !important;
  }
}

@media (max-width: 767.98px) {

  #categories-row,
  .categories-single-row {
    grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
    gap: .7rem !important;
  }

  #categories-row .category-tile,
  .categories-single-row .category-tile {
    padding: .8rem !important;
    border-radius: 1rem !important;
  }

  #categories-row .category-icon,
  .categories-single-row .category-icon {
    width: 42px !important;
    height: 42px !important;
  }

  #categories-row h5,
  .categories-single-row h5 {
    font-size: .9rem !important;
  }

  #categories-row p,
  .categories-single-row p {
    font-size: .72rem !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 575.98px) {

  #categories-row,
  .categories-single-row {
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
    gap: .55rem !important;
  }

  #categories-row .category-tile,
  .categories-single-row .category-tile {
    padding: .68rem !important;
  }

  #categories-row .category-icon,
  .categories-single-row .category-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  #categories-row h5,
  .categories-single-row h5 {
    font-size: .8rem !important;
  }

  #categories-row p,
  .categories-single-row p {
    font-size: .64rem !important;
    line-height: 1.45 !important;
  }
}

/* ===== Categories 2x2 on mobile v16 ===== */
@media (max-width: 767.98px) {

  #categories-row,
  .categories-single-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .75rem !important;
  }

  #categories-row>*,
  .categories-single-row>*,
  #categories-row .col-sm-6,
  #categories-row .col-lg-3,
  .categories-single-row .col-sm-6,
  .categories-single-row .col-lg-3 {
    width: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 575.98px) {

  #categories-row,
  .categories-single-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
  }

  #categories-row .category-tile,
  .categories-single-row .category-tile {
    padding: .78rem !important;
  }

  #categories-row h5,
  .categories-single-row h5 {
    font-size: .86rem !important;
  }

  #categories-row p,
  .categories-single-row p {
    font-size: .68rem !important;
    line-height: 1.5 !important;
  }
}

/* ===== Desktop categories polish v19 ===== */
@media (min-width: 992px) {

  #categories-row,
  .categories-single-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    overflow: visible !important;
  }

  #categories-row>*,
  .categories-single-row>*,
  #categories-row .col-sm-6,
  #categories-row .col-lg-3,
  .categories-single-row .col-sm-6,
  .categories-single-row .col-lg-3 {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }

  #categories-row .category-tile,
  .categories-single-row .category-tile {
    min-height: 188px !important;
    padding: 1.2rem !important;
    border-radius: 1.35rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
  }

  #categories-row .category-icon,
  .categories-single-row .category-icon {
    width: 58px !important;
    height: 58px !important;
    margin-bottom: 1rem !important;
    align-self: flex-end !important;
  }

  #categories-row h5,
  .categories-single-row h5 {
    font-size: 1.08rem !important;
    line-height: 1.45 !important;
    margin-bottom: .45rem !important;
  }

  #categories-row p,
  .categories-single-row p {
    font-size: .86rem !important;
    line-height: 1.7 !important;
    margin-bottom: 0 !important;
  }
}

/* ===== Desktop logo beside text v20 ===== */
@media (min-width: 992px) {

  #categories-row .category-tile,
  .categories-single-row .category-tile {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    min-height: 170px !important;
    text-align: right !important;
  }

  #categories-row .category-icon,
  .categories-single-row .category-icon {
    order: 2 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    width: 56px !important;
    height: 56px !important;
  }

  #categories-row .category-copy,
  .categories-single-row .category-copy {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #categories-row h5,
  .categories-single-row h5 {
    margin-bottom: .35rem !important;
    font-size: 1.08rem !important;
    line-height: 1.45 !important;
  }

  #categories-row p,
  .categories-single-row p {
    margin-bottom: 0 !important;
    font-size: .84rem !important;
    line-height: 1.7 !important;
  }
}

/* ===== Desktop category cards lower height v21 ===== */
@media (min-width: 992px) {

  #categories-row .category-tile,
  .categories-single-row .category-tile {
    min-height: 150px !important;
    padding: 1rem 1.05rem !important;
    gap: .85rem !important;
    border-radius: 1.15rem !important;
  }

  #categories-row .category-icon,
  .categories-single-row .category-icon {
    width: 52px !important;
    height: 52px !important;
  }

  #categories-row h5,
  .categories-single-row h5 {
    font-size: 1rem !important;
    margin-bottom: .25rem !important;
  }

  #categories-row p,
  .categories-single-row p {
    font-size: .8rem !important;
    line-height: 1.6 !important;
  }
}

/* ===== Luxury header + provided logo v22 ===== */
.topbar {
  background: linear-gradient(90deg, #050a09, #0b1612 45%, #08100d) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
}

.topbar .container {
  min-height: 42px;
}

.navbar {
  background: rgba(4, 8, 8, .88) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
}

.navbar-brand.luxury-brand {
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
}

.brand-logo-img {
  height: 46px;
  width: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .18));
}

.navbar-nav {
  align-items: center;
}

.nav-link {
  position: relative;
  padding: .75rem .95rem !important;
  border-radius: 999px !important;
  transition: all .22s ease;
}

.nav-link::after {
  content: "";
  position: absolute;
  right: 16px;
  left: 16px;
  bottom: 8px;
  height: 1.5px;
  background: linear-gradient(90deg, transparent, rgba(184, 146, 94, .9), transparent);
  opacity: 0;
  transform: scaleX(.4);
  transition: all .25s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.navbar .btn-sm {
  min-width: 42px;
  min-height: 42px;
  border-radius: 999px !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.navbar .btn-sm:hover {
  transform: translateY(-1px);
}

.navbar .btn-brand.btn-sm {
  min-width: 150px;
  padding-inline: 1.1rem !important;
}

@media (max-width: 991.98px) {
  .topbar {
    font-size: .82rem !important;
  }

  .topbar .container {
    justify-content: center !important;
    gap: .45rem !important;
    text-align: center;
    padding-top: .45rem;
    padding-bottom: .45rem;
  }

  .navbar {
    min-height: 72px;
  }

  .brand-logo-img {
    height: 40px;
  }

  .navbar-toggler {
    width: 46px;
    height: 46px;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .035) !important;
    display: grid;
    place-items: center;
  }

  .navbar-collapse {
    margin-top: .8rem !important;
    padding: .85rem !important;
    border-radius: 1rem !important;
    background: rgba(9, 14, 13, .97) !important;
    border: 1px solid rgba(255, 255, 255, .05) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
  }

  .navbar-nav {
    align-items: stretch !important;
    gap: .2rem !important;
  }

  .nav-link {
    padding: .82rem .9rem !important;
    border-radius: .9rem !important;
    background: transparent !important;
  }

  .nav-link::after {
    display: none !important;
  }

  .nav-link:hover,
  .nav-link.active {
    background: rgba(255, 255, 255, .04) !important;
  }

  .navbar .d-grid.d-lg-flex {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid !important;
    gap: .55rem !important;
    margin-top: .8rem;
    margin-right: 0 !important;
  }

  .navbar .btn-sm {
    width: 100%;
    min-width: 0 !important;
    min-height: 40px !important;
    border-radius: .85rem !important;
  }

  .navbar .btn-brand.btn-sm {
    grid-column: span 3;
    min-width: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .brand-logo-img {
    height: 36px;

  }

  .navbar {
    min-height: 66px;
  }

  .navbar-toggler {
    width: 42px;
    height: 42px;
    border-radius: 10px !important;
  }

  .navbar-collapse {
    padding: .7rem !important;
  }

  .nav-link {
    padding: .72rem .8rem !important;
    font-size: .9rem !important;
  }
}

/* ===== Header cleanup v23 ===== */
.navbar-brand.luxury-brand {
  min-width: 0 !important;
}

.brand-wordmark {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: .2px;
  color: var(--text-1);
  text-transform: lowercase;
}

.brand-logo-img {
  display: none !important;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: .65rem;
}

.header-mini-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .28rem;
  min-width: 58px;
  color: var(--text-2);
}

.header-mini-icon {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .09);
  background: rgba(255, 255, 255, .02);
  transition: all .22s ease;
}

.header-mini-label {
  font-size: .67rem;
  line-height: 1.1;
  color: var(--text-3);
}

.header-mini-action:hover .header-mini-icon {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(184, 146, 94, .35);
  transform: translateY(-1px);
}

.header-mini-action:hover .header-mini-label {
  color: var(--text-1);
}

.header-auth-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 42px;
  padding: .72rem 1rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand-2), var(--brand-1));
  color: #fff;
  font-weight: 800;
  font-size: .9rem;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
}

.header-auth-btn i {
  font-size: 1rem;
}

@media (max-width: 991.98px) {
  .brand-wordmark {
    font-size: 1.35rem;
  }

  .header-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .85rem;
  }

  .header-mini-action {
    flex-direction: row;
    justify-content: flex-start;
    min-width: 0;
    padding: .7rem .8rem;
    border-radius: .9rem;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .05);
  }

  .header-mini-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
  }

  .header-mini-label {
    font-size: .78rem;
    color: var(--text-2);
  }

  .header-auth-btn {
    grid-column: 1 / -1;
    justify-content: center;
    min-height: 40px;
    font-size: .84rem;
    padding: .72rem .9rem;
    border-radius: .9rem;
  }
}

@media (max-width: 575.98px) {
  .brand-wordmark {
    font-size: 1.12rem;
  }

  .header-actions {
    gap: .45rem;
  }

  .header-mini-action {
    padding: .62rem .68rem;
  }

  .header-mini-label {
    font-size: .72rem;
  }

  .header-auth-btn {
    min-height: 38px;
    font-size: .8rem;
  }
}

/* ===== Nav centered and closer to brand v24 ===== */
@media (min-width: 992px) {
  .navbar .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
  }

  .navbar-collapse {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    margin: 0 .75rem 0 0 !important;
  }

  .navbar-nav {
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
    gap: .1rem !important;
  }

  .navbar-nav .nav-item {
    display: flex !important;
    align-items: center !important;
  }

  .nav-link {
    padding: .72rem .82rem !important;
    font-size: 1rem !important;
  }

  .header-actions {
    margin-right: 1rem !important;
    flex: 0 0 auto !important;
  }

  .navbar-brand.luxury-brand {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
  }

  .brand-wordmark {
    font-size: 1.6rem !important;
  }
}

@media (min-width: 1200px) {
  .navbar-collapse {
    margin-right: .35rem !important;
  }

  .navbar-nav {
    gap: .25rem !important;
  }

  .nav-link {
    padding: .75rem .95rem !important;
  }

  .header-actions {
    margin-right: .7rem !important;
  }
}

/* ===== Header layout + soft gold nav v25 ===== */
@media (min-width: 992px) {
  .navbar .container {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 1rem !important;
  }

  .navbar-brand.luxury-brand {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  .navbar-collapse {
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .navbar-nav {
    margin: 0 !important;
    justify-content: center !important;
    gap: .1rem !important;
  }

  .header-actions {
    grid-column: 1 !important;
    justify-self: start !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: .8rem !important;
  }

  .nav-link {
    color: rgba(213, 188, 147, .92) !important;
  }

  .nav-link:hover,
  .nav-link.active {
    color: #f1dfbf !important;
    background: rgba(184, 146, 94, .06) !important;
  }

  .nav-link::after {
    background: linear-gradient(90deg, transparent, rgba(213, 188, 147, .9), transparent) !important;
  }

  .header-mini-label {
    color: rgba(213, 188, 147, .78) !important;
  }

  .header-mini-action:hover .header-mini-label {
    color: #f1dfbf !important;
  }

  .header-mini-icon {
    border-color: rgba(213, 188, 147, .18) !important;
  }

  .header-mini-action:hover .header-mini-icon {
    border-color: rgba(213, 188, 147, .4) !important;
  }
}

@media (max-width: 991.98px) {
  .nav-link {
    color: rgba(213, 188, 147, .9) !important;
  }

  .nav-link:hover,
  .nav-link.active {
    color: #f1dfbf !important;
  }
}

/* ===== Header fix v26 ===== */
@media (min-width: 992px) {
  .navbar .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.5rem !important;
  }

  .navbar-brand.luxury-brand {
    order: 3 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .navbar-collapse {
    order: 2 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .navbar-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    gap: .25rem !important;
    flex-wrap: nowrap !important;
  }

  .navbar-nav .nav-item {
    flex: 0 0 auto !important;
  }

  .nav-link {
    white-space: nowrap !important;
    padding: .72rem .82rem !important;
    font-size: .98rem !important;
  }

  .header-actions {
    order: 1 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    margin: 0 !important;
  }

  .header-mini-action {
    min-width: 52px !important;
  }

  .header-mini-label {
    white-space: nowrap !important;
    font-size: .64rem !important;
  }

  .header-auth-btn {
    white-space: nowrap !important;
    min-height: 40px !important;
    padding: .68rem .9rem !important;
    font-size: .86rem !important;
  }

  .brand-wordmark {
    font-size: 1.35rem !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1200px) {
  .brand-wordmark {
    font-size: 1.5rem !important;
  }

  .nav-link {
    padding: .76rem .9rem !important;
    font-size: 1rem !important;
  }

  .header-auth-btn {
    padding: .72rem 1rem !important;
  }
}

/* ===== Desktop brand pinned to the far right in RTL v29 ===== */
@media (min-width: 992px) {
  .navbar .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.5rem !important;
  }

  .navbar-brand.luxury-brand {
    order: 1 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
    flex: 0 0 auto !important;
    justify-self: auto !important;
  }

  .navbar-collapse {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  .header-actions {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .brand-wordmark {
    font-size: 1.45rem !important;
    white-space: nowrap !important;
    text-align: right !important;
    display: inline-block !important;
  }
}


/* ===== Mobile header layout v31 ===== */
.mobile-navbar-shell {
  position: relative;
}

.nav-actions-top {
  display: none;
}

.nav-actions-collapse {
  display: flex;
}

@media (min-width: 992px) {
  .mobile-navbar-shell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.5rem !important;
  }

  .mobile-navbar-shell>.navbar-toggler {
    display: none !important;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .mobile-navbar-shell>.nav-actions-top {
    display: flex !important;
    order: 3 !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: .75rem !important;
    margin: 0 !important;
  }

  .mobile-navbar-shell>.navbar-collapse {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  .nav-actions-collapse {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .mobile-navbar-shell {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: .75rem !important;
    min-height: 72px;
  }

  .mobile-navbar-shell>.navbar-toggler {
    grid-column: 1;
    justify-self: end;
    order: 1;
    margin: 0;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    grid-column: 2;
    justify-self: center;
    order: 2;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .mobile-navbar-shell>.nav-actions-top {
    grid-column: 3;
    justify-self: start;
    order: 3;
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .4rem;
    margin: 0 !important;
  }

  .mobile-navbar-shell>.navbar-collapse {
    grid-column: 1 / -1;
    order: 4;
  }

  .nav-actions-top .header-mini-action-wishlist,
  .nav-actions-top .header-mini-action {
    display: none !important;
  }

  .nav-actions-top .header-auth-btn {
    min-width: 48px;
    padding: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .22rem;
    color: var(--text-2) !important;
  }

  .nav-actions-top .header-auth-btn span {
    display: block !important;
    font-size: .6rem !important;
    line-height: 1.15;
    color: var(--text-3) !important;
    white-space: nowrap;
  }

  .nav-actions-top .header-auth-btn i {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .02);
    font-size: 1rem;
  }
}

@media (max-width: 575.98px) {
  .mobile-navbar-shell {
    gap: .5rem !important;
    min-height: 66px;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand .brand-wordmark {
    font-size: 1rem !important;
  }

  .nav-actions-top .header-auth-btn {
    min-width: 44px;
  }

  .nav-actions-top .header-auth-btn i {
    width: 32px;
    height: 32px;
  }

  .nav-actions-top .header-auth-btn span {
    font-size: .56rem !important;
  }
}


/* ===== Featured tab carousel ===== */
.featured-tabs-section {
  overflow: hidden
}

.category-switch-grid {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  margin-bottom: 1.2rem !important;
}

.category-switch-card {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .03);
  color: var(--text-2);
  padding: .66rem .95rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  text-align: center;
  min-height: 54px;
  transition: all .25s ease;
}

.category-switch-card strong {
  color: var(--text-1);
  font-size: .92rem;
  line-height: 1
}

.category-switch-card small {
  display: none
}

.category-switch-card:hover,
.category-switch-card.active {
  border-color: rgba(143, 180, 147, .38);
  background: linear-gradient(180deg, rgba(78, 127, 94, .18), rgba(255, 255, 255, .04));
  box-shadow: var(--shadow-md);
}

.category-switch-icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(143, 180, 147, .14), rgba(184, 146, 94, .14));
  color: var(--gold-soft);
  font-size: .95rem;
  flex: 0 0 auto;
}

.featured-carousel-shell {
  position: relative
}

.featured-carousel-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .5rem;
}

.featured-carousel-caption h3 {
  color: var(--text-1);
  font-size: 1.28rem
}

.featured-carousel-actions {
  display: flex;
  gap: .65rem;
  flex: 0 0 auto
}

.featured-nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(21, 30, 26, .92);
  color: var(--text-1);
  display: grid;
  place-items: center;
  transition: all .2s ease;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.featured-nav-btn:hover {
  background: rgba(32, 45, 40, .98);
  border-color: rgba(143, 180, 147, .3)
}

.featured-nav-btn:disabled {
  opacity: .45;
  cursor: not-allowed
}

.featured-track-wrap {
  position: relative;
  overflow: hidden
}

.featured-track {
  display: none;
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: .35rem 0 1rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.featured-track::-webkit-scrollbar {
  display: none
}

.featured-track.active {
  display: flex
}

.featured-product-card {
  flex: 0 0 calc((100% - 3rem) / 3.5);
  min-width: 0;
  scroll-snap-align: start;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 1.45rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(30, 39, 35, .96), rgba(19, 25, 23, .99));
  box-shadow: var(--shadow-md);
}

.featured-product-media {
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #16211d
}

.featured-product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.featured-product-body {
  padding: 1rem;
  text-align: right
}

.featured-product-body h4 {
  font-size: 1.18rem;
  margin: .75rem 0 .3rem;
  color: var(--text-1)
}

.featured-product-body p {
  color: var(--text-3);
  min-height: 3rem;
  margin-bottom: .85rem;
  font-size: .95rem;
  line-height: 1.8
}

.featured-product-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem
}

.featured-progress {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  overflow: hidden;
}

.featured-progress span {
  display: block;
  width: 28%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold-soft), var(--brand-4));
  transition: width .25s ease, transform .25s ease;
}

@media (min-width: 768px) {
  .featured-carousel-shell {
    padding-inline: 2.75rem
  }

  .featured-carousel-actions {
    position: absolute;
    inset-inline: 0;
    top: 50%;
    transform: translateY(-50%);
    justify-content: space-between;
    pointer-events: none;
    z-index: 4;
  }

  .featured-nav-btn {
    pointer-events: auto
  }
}

@media (max-width: 991.98px) {
  .featured-product-card {
    flex-basis: calc((100% - 2rem) / 2.5)
  }
}

@media (max-width: 767.98px) {
  .category-switch-grid {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: .25rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: .5rem;
  }

  .category-switch-grid::-webkit-scrollbar {
    display: none
  }

  .category-switch-card {
    flex: 0 0 auto;
    min-width: 84px;
    min-height: 44px;
    padding: .45rem .68rem;
    border-radius: 18px;
    gap: .42rem;
  }

  .category-switch-card strong {
    font-size: .82rem
  }

  .category-switch-icon {
    width: 28px;
    height: 28px;
    font-size: .82rem
  }

  .featured-carousel-toolbar {
    align-items: flex-start;
    flex-direction: column
  }

  .featured-carousel-actions {
    display: none
  }

  .featured-product-card {
    flex-basis: calc((100% - .9rem) / 1.55)
  }

  .featured-product-body {
    padding: .85rem
  }

  .featured-product-body h4 {
    font-size: 1rem
  }

  .featured-product-body p {
    min-height: auto;
    font-size: .86rem;
    margin-bottom: .75rem
  }

  .featured-product-meta {
    flex-direction: column-reverse;
    align-items: stretch
  }

  .featured-product-meta .btn {
    width: 100%
  }
}

@media (max-width: 575.98px) {
  .featured-product-card {
    flex-basis: calc((100% - .8rem) / 1.45)
  }

  .featured-carousel-caption h3 {
    font-size: 1.08rem
  }
}

.featured-carousel-caption h3 {
  font-size: 1.08rem
}



/* ===== Featured carousel fixes v40 ===== */
.featured-tabs-section .product-tag {
  display: none !important;
}

.category-switch-grid {
  justify-content: center;
}

.featured-carousel-toolbar {
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.featured-carousel-caption {
  width: 100%;
  text-align: right;
}

.featured-track {
  direction: rtl;
  cursor: grab;
}

.featured-track.dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.featured-product-card {
  direction: rtl;
}

.featured-progress {
  padding-top: .15rem;
  background: transparent;
  height: auto;
  overflow: visible;
}

.featured-progress-range {
  -webkit-appearance: none;
  appearance: none;
  direction: ltr;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  --filled-px: 0px;
  background: linear-gradient(90deg, var(--gold-soft), var(--brand-4)) 0 0/var(--filled-px) 100% no-repeat, repeating-linear-gradient(90deg, rgba(255, 255, 255, .12) 0 18px, transparent 18px 28px);
  outline: none;
  border: none;
  display: block;
  cursor: pointer;
}

.featured-progress-range::-webkit-slider-runnable-track {
  height: 10px;
  border-radius: 999px;
  background: transparent;
}

.featured-progress-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  margin-top: -3px;
  border-radius: 50%;
  background: #f4e2bf;
  border: none;
  box-shadow: 0 0 0 4px rgba(184, 146, 94, .12);
}

.featured-progress-range::-moz-range-track {
  height: 10px;
  border-radius: 999px;
  background: transparent;
}

.featured-progress-range::-moz-range-progress {
  height: 10px;
  border-radius: 999px;
  background: transparent;
}

.featured-progress-range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f4e2bf;
  border: none;
  box-shadow: 0 0 0 4px rgba(184, 146, 94, .12);
}

@media (min-width:768px) {
  .featured-carousel-shell {
    padding-inline: 0;
  }

  .featured-track-wrap {
    padding-inline: 3.8rem;
    position: relative;
  }

  .featured-carousel-actions {
    position: absolute;
    inset-inline: 0;
    top: 64%;
    transform: translateY(-50%);
    justify-content: space-between;
    pointer-events: none;
    z-index: 4;
    display: flex;
  }

  .featured-nav-btn {
    pointer-events: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  [data-featured-prev] {
    right: 0;
  }

  [data-featured-next] {
    left: 0;
  }
}

@media (max-width:767.98px) {
  .category-switch-grid {
    gap: .38rem;
    justify-content: flex-start;
    padding-inline: .1rem;
  }

  .category-switch-card {
    min-width: 72px;
    min-height: 38px;
    padding: .34rem .52rem;
    border-radius: 15px;
    gap: .3rem;
  }

  .category-switch-card strong {
    font-size: .74rem;
  }

  .category-switch-icon {
    width: 24px;
    height: 24px;
    font-size: .72rem;
  }

  .featured-track-wrap {
    overflow: visible;
  }

  .featured-progress-range {
    height: 8px;
  }

  .featured-carousel-actions {
    display: none;
  }
}


/* ===== Featured carousel cleanup v43 ===== */
.featured-carousel-toolbar {
  position: static !important;
}

.featured-progress {
  display: none !important;
}

@media (min-width:768px) {
  .featured-carousel-shell {
    position: relative !important;
  }

  .featured-carousel-actions {
    position: absolute !important;
    inset-inline: 0 !important;
    top: 58% !important;
    transform: translateY(-50%) !important;
    justify-content: space-between !important;
    pointer-events: none !important;
    z-index: 5 !important;
    display: flex !important;
  }

  .featured-nav-btn {
    pointer-events: auto !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  [data-featured-prev] {
    right: 0 !important;
  }

  [data-featured-next] {
    left: 0 !important;
  }
}


/* ===== Request update pack v44 ===== */
.offcanvas.offcanvas-start.navbar-collapse {
  background: rgba(11, 16, 14, .98);
  border-left: 1px solid rgba(255, 255, 255, .06);
}

.offcanvas.offcanvas-start.navbar-collapse .offcanvas-header {
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  padding: 1rem 1rem .85rem;
}

.offcanvas.offcanvas-start.navbar-collapse .offcanvas-title {
  color: var(--text-1);
  font-weight: 900;
}

.offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

@media (min-width: 992px) {
  .offcanvas.offcanvas-start.navbar-collapse {
    position: static;
    visibility: visible !important;
    transform: none !important;
    border: none;
    background: transparent;
    width: auto !important;
    height: auto !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-header {
    display: none
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0;
    overflow: visible;
  }
}

.nav-cart-link .header-mini-icon,
.nav-cart-link .header-mini-label {
  position: relative
}

.nav-cart-link .header-mini-icon::after {
  content: attr(data-cart-count);
  position: absolute;
  top: -6px;
  left: -6px;
  min-width: 19px;
  height: 19px;
  padding: 0 4px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--gold), #8c6b3f);
  color: #fff;
  font-size: .65rem;
  font-weight: 800;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .18);
}

.nav-cart-link[data-cart-count="0"] .header-mini-icon::after {
  content: "0"
}

@media (max-width: 991.98px) {
  .nav-actions-top .nav-account-link {
    display: none !important
  }

  .nav-actions-top .header-mini-action-wishlist {
    display: none !important
  }

  .nav-actions-top .nav-cart-link {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    gap: .22rem;
    padding: 0;
    background: transparent !important;
    border: none !important;
  }

  .nav-actions-top .nav-cart-link .header-mini-label {
    display: block !important;
    font-size: .6rem !important;
    line-height: 1.15;
    color: var(--text-3) !important;
    white-space: nowrap;
  }

  .nav-actions-top .nav-cart-link .header-mini-icon {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .02);
  }
}

.amazing-section {
  position: relative
}

.amazing-timer-card,
.amazing-product-card {
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 1.45rem;
  background: linear-gradient(180deg, rgba(30, 39, 35, .96), rgba(18, 24, 22, .98));
  box-shadow: var(--shadow-md);
}

.amazing-timer-card {
  padding: 1.35rem;
  height: 100%;
  background:
    radial-gradient(circle at top right, rgba(184, 146, 94, .16), transparent 26%),
    linear-gradient(180deg, rgba(32, 42, 37, .98), rgba(16, 21, 19, .98));
}

.amazing-timer-card h2 {
  font-size: clamp(1.5rem, 2.3vw, 2.2rem);
  margin-bottom: .6rem
}

.amazing-timer-card p {
  color: var(--text-3);
  line-height: 1.9;
  margin-bottom: 0
}

.amazing-countdown {
  display: flex;
  gap: .65rem;
  margin-top: 1.2rem
}

.count-box {
  flex: 1 1 0;
  text-align: center;
  border-radius: 1.1rem;
  padding: .85rem .55rem;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .06);
}

.count-box span {
  display: block;
  color: var(--text-1);
  font-size: 1.3rem;
  font-weight: 900;
  line-height: 1.1
}

.count-box small {
  color: var(--text-3);
  font-size: .72rem
}

.amazing-product-card {
  position: relative;
  overflow: hidden;
  height: 100%
}

.discount-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  background: linear-gradient(135deg, #d75252, #aa3131);
  color: #fff;
  font-weight: 900;
  padding: .34rem .58rem;
  border-radius: 999px;
  font-size: .78rem;
}

.amazing-product-media {
  height: 170px;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: linear-gradient(160deg, #20392b 0%, #4e7f5e 55%, #2b4435 100%);
}

.amazing-product-media img {
  max-height: 120px;
  width: auto;
  object-fit: contain
}

.amazing-product-body {
  padding: 1rem
}

.amazing-product-body h3 {
  font-size: 1rem;
  margin-bottom: .35rem
}

.amazing-product-body p {
  color: var(--text-3);
  font-size: .82rem;
  line-height: 1.8;
  min-height: 48px
}

.amazing-price-row {
  display: flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
  margin-bottom: .85rem
}

.categories-visual-grid {
  row-gap: 1rem
}

.category-visual-card {
  position: relative;
  display: block;
  min-height: 320px;
  border-radius: 1.4rem;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(255, 255, 255, .06);
}

.category-visual-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

.category-visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 10, 10, .1), rgba(8, 10, 10, .76));
}

.category-visual-copy {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 1.15rem;
}

.category-visual-copy h5 {
  font-size: 1.08rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: .2rem
}

.category-visual-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: .83rem;
  line-height: 1.7
}

.category-visual-card:hover img {
  transform: scale(1.06)
}

.cart-drawer {
  width: min(360px, 88vw) !important;
  background: linear-gradient(180deg, rgba(18, 24, 22, .99), rgba(10, 14, 13, .99));
  border-right: 1px solid rgba(255, 255, 255, .06);
}

.cart-drawer-header {
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  padding: 1rem 1rem .9rem;
}

.cart-drawer-header .offcanvas-title {
  color: var(--text-1);
  font-weight: 900
}

.cart-drawer-body {
  display: flex;
  flex-direction: column;
  padding: 1rem
}

.cart-drawer-list {
  display: flex;
  flex-direction: column;
  gap: .8rem
}

.cart-drawer-item {
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: .75rem;
  align-items: center;
  padding: .8rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .05);
}

.cart-item-thumb {
  width: 72px;
  height: 72px;
  border-radius: .9rem;
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, #20392b 0%, #4e7f5e 55%, #2b4435 100%);
  padding: .6rem;
}

.cart-item-thumb img {
  max-height: 48px;
  width: auto;
  object-fit: contain
}

.cart-item-info h6 {
  font-size: .9rem;
  margin-bottom: .18rem;
  color: var(--text-1)
}

.cart-item-info .cart-item-price {
  font-size: .82rem;
  color: var(--gold-soft);
  font-weight: 800
}

.cart-item-meta {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-top: .35rem
}

.cart-item-qty {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  padding: .18rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .06);
}

.cart-item-qty button {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  color: var(--text-1);
}

.cart-item-qty span {
  min-width: 18px;
  text-align: center;
  color: var(--text-1);
  font-size: .78rem;
  font-weight: 700
}

.cart-item-remove {
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 999px;
  background: rgba(196, 108, 100, .14);
  color: #f3b8b3;
}

.cart-drawer-empty {
  display: grid;
  place-items: center;
  text-align: center;
  gap: .6rem;
  color: var(--text-3);
  min-height: 240px;
}

.cart-drawer-empty i {
  font-size: 2rem;
  color: var(--gold-soft)
}

.cart-drawer-summary {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.cart-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-2);
  margin-bottom: .35rem
}

.mobile-bottom-nav {
  position: fixed;
  right: 12px;
  left: 12px;
  bottom: 12px;
  z-index: 1040;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .35rem;
  padding: .45rem;
  background: rgba(255, 255, 255, .96);
  border-radius: 1.6rem;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

.mobile-bottom-link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  min-height: 66px;
  color: #252525;
  font-weight: 700;
  border-radius: 1.1rem;
}

.mobile-bottom-link i {
  font-size: 1.95rem;
  line-height: 1
}

.mobile-bottom-link span {
  font-size: .78rem;
  white-space: nowrap
}

.mobile-bottom-link.active {
  background: rgba(0, 0, 0, .04)
}

.mobile-cart-pill {
  position: absolute;
  top: 4px;
  right: 16px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #111;
  color: #fff;
  font-size: .62rem;
}

@media (max-width: 991.98px) {
  body {
    padding-bottom: 104px
  }

  .topbar {
    display: none
  }

  .amazing-row {
    flex-direction: column
  }
}

@media (max-width: 767.98px) {
  .amazing-timer-card {
    padding: 1rem
  }

  .amazing-countdown {
    gap: .45rem
  }

  .count-box {
    padding: .72rem .45rem
  }

  .count-box span {
    font-size: 1.05rem
  }

  .amazing-product-media {
    height: 140px
  }

  .amazing-product-body {
    padding: .85rem
  }

  .amazing-product-body h3 {
    font-size: .88rem
  }

  .amazing-product-body p {
    font-size: .72rem;
    min-height: 40px
  }

  .amazing-price-row {
    margin-bottom: .65rem
  }

  .category-visual-card {
    min-height: 220px;
    border-radius: 1.1rem
  }

  .category-visual-copy {
    padding: .85rem
  }

  .category-visual-copy h5 {
    font-size: .9rem
  }

  .category-visual-copy p {
    font-size: .7rem;
    line-height: 1.55
  }

  .cart-drawer-item {
    grid-template-columns: 64px 1fr auto;
    gap: .55rem;
    padding: .65rem
  }

  .cart-item-thumb {
    width: 64px;
    height: 64px
  }

  .mobile-bottom-nav {
    bottom: 10px;
    right: 10px;
    left: 10px;
    border-radius: 1.35rem
  }

  .mobile-bottom-link {
    min-height: 62px
  }

  .mobile-bottom-link i {
    font-size: 1.7rem
  }

  .mobile-bottom-link span {
    font-size: .72rem
  }
}

.offcanvas.offcanvas-start.navbar-collapse {
  width: min(320px, 88vw) !important;
  margin-top: 0 !important;
}

.offcanvas.offcanvas-start.navbar-collapse .navbar-nav {
  align-items: stretch !important;
}

.offcanvas.offcanvas-start.navbar-collapse .nav-link {
  display: block;
}

/* ===== Responsive hotfix v45 ===== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.pagination svg {
    width: 1rem !important;
    height: 1rem !important;
    flex-shrink: 0;
}

@media (max-width: 991.98px) {

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body {
    position: relative;
    padding-bottom: 98px;
  }

  .container,
  .container-fluid,
  .hero-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .row {
    --bs-gutter-x: 1rem;
  }

  .mobile-navbar-shell {
    grid-template-columns: 44px minmax(0, 1fr) 52px !important;
    gap: .5rem !important;
    min-height: 64px !important;
  }

  .mobile-navbar-shell>.navbar-toggler,
  .mobile-navbar-shell>.nav-actions-top,
  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    min-width: 0;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand .brand-wordmark {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center !important;
    font-size: 1rem !important;
  }

  .navbar-toggler,
  .nav-actions-top .nav-cart-link .header-mini-icon {
    width: 34px !important;
    height: 34px !important;
  }

  .nav-actions-top .nav-cart-link {
    min-width: 44px !important;
  }

  .hero,
  .hero-v10 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .hero-v10 .hero-shell,
  .hero-v10 .hero-stage,
  .hero-v10 .hero-media,
  .hero-v10 .hero-slider-v10,
  .hero-v10 .hero-image-only-link,
  .hero-v10 .hero-side-copy,
  .amazing-section,
  .categories-visual-section {
    max-width: 100% !important;
  }

  .hero-v10 .hero-stage {
    width: 100% !important;
  }

  .hero-v10 .hero-slider-v10,
  .hero-v10 .hero-image-only-link {
    width: 100% !important;
  }

  .hero-v10 .hero-side-copy h1,
  .hero-v10 .hero-side-copy p {
    max-width: none !important;
  }

  .amazing-row>[class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .amazing-section .row.g-3.g-md-4 {
    --bs-gutter-x: .8rem;
    --bs-gutter-y: .8rem;
  }

  .amazing-section .row.g-3.g-md-4>[class*="col-"] {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }

  .amazing-product-card,
  .amazing-timer-card,
  .category-visual-card,
  .hero-stage {
    border-radius: 1rem !important;
  }

  .amazing-product-media {
    height: 132px !important;
    padding: .85rem !important;
  }

  .amazing-product-body {
    padding: .8rem !important;
  }

  .amazing-product-body h3 {
    font-size: .84rem !important;
    line-height: 1.6 !important;
  }

  .amazing-product-body p {
    font-size: .68rem !important;
    line-height: 1.65 !important;
    min-height: 0 !important;
    margin-bottom: .55rem !important;
  }

  .amazing-price-row {
    gap: .35rem !important;
    margin-bottom: .55rem !important;
  }

  .amazing-price-row .price,
  .amazing-price-row .old-price {
    font-size: .72rem !important;
  }

  .discount-badge {
    top: 10px;
    right: 10px;
    font-size: .68rem;
    padding: .28rem .46rem;
  }

  .categories-visual-grid {
    --bs-gutter-x: .8rem;
    --bs-gutter-y: .8rem;
  }

  .categories-visual-grid>[class*="col-"] {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }

  .category-visual-card {
    min-height: 168px !important;
  }

  .category-visual-copy {
    padding: .75rem !important;
  }

  .category-visual-copy h5 {
    font-size: .82rem !important;
    margin-bottom: .12rem !important;
  }

  .category-visual-copy p {
    font-size: .64rem !important;
    line-height: 1.45 !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse {
    width: min(280px, 82vw) !important;
  }

  .cart-drawer {
    width: min(300px, 82vw) !important;
  }

  .cart-drawer-body {
    padding: .85rem !important;
  }

  .cart-drawer-item {
    grid-template-columns: 56px minmax(0, 1fr) 28px !important;
    gap: .45rem !important;
    padding: .55rem !important;
  }

  .cart-item-thumb {
    width: 56px !important;
    height: 56px !important;
    padding: .45rem !important;
  }

  .cart-item-info {
    min-width: 0;
  }

  .cart-item-info h6 {
    font-size: .8rem !important;
    line-height: 1.5 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cart-item-info .cart-item-price {
    font-size: .74rem !important;
  }

  .cart-item-qty button {
    width: 24px !important;
    height: 24px !important;
  }

  .cart-item-remove {
    width: 28px !important;
    height: 28px !important;
  }

  .mobile-bottom-nav {
    right: 10px !important;
    left: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    max-width: none !important;
    gap: .2rem !important;
    padding: .35rem !important;
    border-radius: 1.2rem !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .mobile-bottom-link {
    min-width: 0;
    min-height: 56px !important;
    gap: .16rem !important;
    border-radius: .95rem !important;
    padding: .2rem .1rem !important;
  }

  .mobile-bottom-link i {
    font-size: 1.22rem !important;
  }

  .mobile-bottom-link span {
    font-size: .62rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  .mobile-cart-pill {
    top: 2px !important;
    right: 50% !important;
    transform: translateX(14px) !important;
  }
}

@media (max-width: 575.98px) {

  .container,
  .container-fluid,
  .hero-shell {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .hero-v10 .hero-slider-v10,
  .hero-v10 .hero-image-only-link {
    height: 210px !important;
    min-height: 210px !important;
  }

  .hero-v10 .hero-side-copy {
    padding: .8rem .7rem .9rem !important;
  }

  .hero-v10 .hero-side-copy h1 {
    font-size: 1.06rem !important;
    line-height: 1.55 !important;
  }

  .hero-v10 .hero-side-copy p {
    font-size: .72rem !important;
    line-height: 1.7 !important;
  }

  .hero-v10 .hero-side-actions {
    flex-wrap: nowrap !important;
    gap: .4rem !important;
  }

  .hero-v10 .btn-side-main,
  .hero-v10 .btn-side-alt {
    min-width: 0 !important;
    flex: 1 1 0 !important;
    padding: .52rem .35rem !important;
    font-size: .72rem !important;
  }

  .hero-v10 .hero-mini-stats {
    max-width: none !important;
  }

  .hero-v10 .hero-mini-box {
    min-height: 56px !important;
  }

  .amazing-timer-card {
    padding: .9rem !important;
  }

  .amazing-timer-card h2 {
    font-size: 1.28rem !important;
  }

  .amazing-countdown {
    gap: .35rem !important;
  }

  .count-box {
    padding: .62rem .3rem !important;
    border-radius: .9rem !important;
  }

  .count-box span {
    font-size: .92rem !important;
  }

  .count-box small {
    font-size: .6rem !important;
  }

  .mobile-navbar-shell {
    grid-template-columns: 40px minmax(0, 1fr) 46px !important;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand .brand-wordmark {
    font-size: .92rem !important;
  }
}


/* ===== Amazing products slider v46 ===== */
.amazing-section {
  position: relative
}

.amazing-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 1.15rem;
  padding: 1.15rem;
  border-radius: 1.8rem;
  border: 1px solid rgba(255, 255, 255, .06);
  background:
    radial-gradient(circle at top right, rgba(184, 146, 94, .14), transparent 24%),
    linear-gradient(180deg, rgba(28, 36, 33, .98), rgba(14, 19, 17, .98));
  box-shadow: var(--shadow-md);
}

.amazing-side-panel {
  order: 2
}

.amazing-slider-panel {
  order: 1;
  min-width: 0
}

.amazing-timer-card {
  padding: 1.2rem;
  background: transparent;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.amazing-timer-card h2 {
  font-size: 1.1rem;
  line-height: 1.8;
  margin-bottom: .45rem
}

.amazing-timer-card p {
  font-size: .82rem;
  max-width: 20rem;
  color: var(--text-3)
}

.amazing-countdown {
  display: flex;
  gap: .6rem;
  margin-top: 1rem
}

.amazing-slider {
  position: relative;
  padding: 0 2.8rem
}

.amazing-track {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: .1rem;
}

.amazing-track::-webkit-scrollbar {
  display: none
}

.amazing-product-card {
  min-width: calc(25% - .75rem);
  flex: 0 0 calc(25% - .75rem);
  scroll-snap-align: start;
  position: relative;
  overflow: hidden;
  height: auto;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 1.5rem;
  background: linear-gradient(180deg, rgba(20, 27, 25, .98), rgba(13, 18, 17, .98));
}

.amazing-product-photo {
  display: block;
  height: 230px;
  background: #111;
}

.amazing-product-media img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
}

.amazing-product-body {
  padding: 1rem 1rem 1.1rem
}

.amazing-product-body h3 {
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: .3rem
}

.amazing-product-body p {
  font-size: .8rem;
  line-height: 1.85;
  min-height: 3rem;
  margin-bottom: .8rem
}

.amazing-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(13, 17, 16, .88);
  color: var(--text-1);
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
}

.amazing-arrow-prev {
  right: 0
}

.amazing-arrow-next {
  left: 0
}

.amazing-dots {
  display: flex;
  justify-content: center;
  gap: .4rem;
  margin-top: .95rem
}

.amazing-dot {
  width: 9px;
  height: 9px;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
}

.amazing-dot.active {
  width: 26px;
  background: var(--gold);
}

.mobile-bottom-nav {
  background: linear-gradient(180deg, rgba(20, 27, 25, .97), rgba(11, 15, 14, .98));
  border: 1px solid rgba(255, 255, 255, .08);
}

.mobile-bottom-link {
  color: rgba(255, 255, 255, .72)
}

.mobile-bottom-link.active {
  color: var(--text-1);
  background: linear-gradient(180deg, rgba(184, 146, 94, .22), rgba(184, 146, 94, .12));
}

.mobile-cart-pill {
  background: var(--gold);
  color: #1b1611
}

@media (max-width: 1199.98px) {
  .amazing-shell {
    grid-template-columns: minmax(0, 1fr) 280px
  }

  .amazing-product-card {
    min-width: calc(33.333% - .7rem);
    flex-basis: calc(33.333% - .7rem)
  }
}

@media (max-width: 991.98px) {
  .amazing-shell {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1rem
  }

  .amazing-side-panel,
  .amazing-slider-panel {
    order: initial
  }

  .amazing-slider {
    padding: 0 2.35rem
  }

  .amazing-product-card {
    min-width: calc(50% - .55rem);
    flex-basis: calc(50% - .55rem)
  }
}

@media (max-width: 575.98px) {
  .amazing-shell {
    padding: .8rem;
    border-radius: 1.35rem
  }

  .amazing-timer-card {
    padding: .8rem .2rem 0
  }

  .amazing-timer-card h2 {
    font-size: .94rem;
    line-height: 1.7
  }

  .amazing-timer-card p {
    font-size: .7rem;
    line-height: 1.7
  }

  .amazing-countdown {
    margin-top: .75rem;
    gap: .35rem
  }

  .amazing-slider {
    padding: 0 2rem
  }

  .amazing-arrow {
    width: 36px;
    height: 36px
  }

  .amazing-product-card {
    min-width: 100%;
    flex-basis: 100%;
    border-radius: 1.15rem
  }

  .amazing-product-photo {
    height: 176px
  }

  .amazing-product-body {
    padding: .82rem .82rem .9rem
  }

  .amazing-product-body h3 {
    font-size: .92rem
  }

  .amazing-product-body p {
    font-size: .72rem;
    min-height: auto;
    margin-bottom: .55rem
  }

  .mobile-bottom-nav {
    padding: .28rem;
    border-radius: 1rem
  }

  .mobile-bottom-link {
    color: rgba(255, 255, 255, .78)
  }
}


/* ===== v47 fixes ===== */
.amazing-shell {
  direction: ltr;
  grid-template-columns: 300px minmax(0, 1fr);
}

.amazing-shell>* {
  direction: rtl;
}

.amazing-side-panel {
  order: 1;
}

.amazing-slider-panel {
  order: 2;
}

.amazing-timer-card {
  align-items: flex-start;
  text-align: right;
  padding: 1rem 1rem 1rem 0;
  max-width: 260px;
}

.amazing-timer-card .btn {
  margin-top: 1rem !important;
}

.amazing-timer-card h2 {
  font-size: 1rem;
  line-height: 1.8;
}

.amazing-timer-card p {
  font-size: .76rem;
  line-height: 1.8;
  max-width: 17rem;
}

.amazing-badge {
  font-size: .8rem;
  padding: .42rem .85rem;
}

.amazing-countdown {
  width: 100%;
}

.count-box {
  min-width: 0;
  padding: .72rem .45rem;
}

.count-box span {
  font-size: 1.12rem;
}

.header-cart-pill {
  display: inline-grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--gold), #8c6b3f);
  color: #fff;
  font-size: .64rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .18);
}

.nav-cart-link {
  gap: .4rem;
}

.nav-cart-link .header-mini-icon::after {
  display: none !important;
  content: none !important;
}

.cart-drawer {
  width: min(320px, 76vw) !important;
  border-left: 1px solid rgba(255, 255, 255, .06);
  border-right: none;
}

.cart-drawer .btn {
  padding: .8rem 1rem;
  font-size: .96rem;
}

@media (max-width:1199.98px) {
  .amazing-shell {
    grid-template-columns: 270px minmax(0, 1fr);
  }
}

@media (max-width:991.98px) {
  .amazing-shell {
    grid-template-columns: 1fr;
    direction: rtl;
    padding: 1rem;
  }

  .amazing-side-panel,
  .amazing-slider-panel {
    order: initial;
  }

  .amazing-timer-card {
    max-width: none;
    padding: .2rem 0 .5rem;
  }

  .nav-actions-top .nav-cart-link {
    gap: .15rem;
  }

  .nav-actions-top .header-cart-pill {
    position: absolute;
    top: -2px;
    left: -4px;
    min-width: 17px;
    height: 17px;
    font-size: .58rem;
    padding: 0 4px;
  }

  .cart-drawer {
    width: min(268px, 74vw) !important;
  }

  .cart-drawer .btn {
    padding: .65rem .8rem;
    font-size: .84rem;
  }

  .cart-drawer-summary .d-grid {
    gap: .55rem !important;
  }
}

@media (max-width:575.98px) {
  .amazing-timer-card h2 {
    font-size: .9rem;
  }

  .amazing-timer-card p {
    font-size: .68rem;
  }

  .amazing-badge {
    font-size: .74rem;
  }

  .count-box {
    padding: .58rem .28rem;
    border-radius: .85rem;
  }

  .count-box span {
    font-size: .94rem;
  }

  .cart-drawer {
    width: min(248px, 70vw) !important;
  }

  .cart-item-qty button {
    width: 22px !important;
    height: 22px !important;
    font-size: .82rem;
  }

  .cart-item-remove {
    width: 26px !important;
    height: 26px !important;
  }

  .mobile-bottom-nav {
    background: linear-gradient(180deg, rgba(23, 31, 28, .98), rgba(11, 15, 14, .98));
  }

  .mobile-bottom-link.active {
    background: linear-gradient(180deg, rgba(78, 127, 94, .3), rgba(78, 127, 94, .14));
  }
}

/* v48 fixes */

.nav-cart-link .header-mini-icon::after {
  content: none !important;
  display: none !important;
}

.nav-cart-link {
  position: relative;
}

.header-cart-pill {
  position: absolute;
  top: -7px;
  left: -8px;
  min-width: 19px;
  height: 19px;
  padding: 0 4px;
  border-radius: 999px;
  display: grid !important;
  place-items: center;
  background: linear-gradient(135deg, var(--gold), #8c6b3f);
  color: #fff;
  font-size: .64rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .18);
  z-index: 3;
}

.nav-actions-collapse .nav-cart-link .header-cart-pill {
  left: -6px;
  top: -5px;
}

.amazing-shell {
  direction: rtl !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
}

.amazing-shell>* {
  direction: rtl;
}

.amazing-side-panel {
  order: 2 !important;
}

.amazing-slider-panel {
  order: 1 !important;
}

.amazing-timer-card {
  align-items: flex-start;
  text-align: right;
  padding: 1rem 0 1rem 1rem !important;
  max-width: 260px;
  margin-inline-start: auto;
}

.amazing-slider {
  padding: 0 2.45rem 0 0;
}

.amazing-arrow-prev {
  right: auto;
  left: 0;
}

.amazing-arrow-next {
  left: auto;
  right: 0;
}

.cart-drawer {
  width: min(320px, 84vw) !important;
}

@media (max-width:1199.98px) {
  .amazing-shell {
    grid-template-columns: minmax(0, 1fr) 270px !important;
  }
}

@media (max-width:991.98px) {
  .amazing-shell {
    grid-template-columns: 1fr !important;
    padding: 1rem !important;
  }

  .amazing-side-panel {
    order: 1 !important;
  }

  .amazing-slider-panel {
    order: 2 !important;
  }

  .amazing-timer-card {
    max-width: none;
    padding: .25rem 0 .6rem !important;
    margin-inline-start: 0;
  }

  .nav-actions-top .nav-cart-link {
    position: relative;
    min-width: 48px;
  }

  .nav-actions-top .header-cart-pill {
    top: -4px;
    left: -5px;
    min-width: 16px;
    height: 16px;
    font-size: .56rem;
    padding: 0 3px;
  }

  .cart-drawer {
    width: min(252px, 68vw) !important;
  }
}

@media (max-width:575.98px) {
  .amazing-slider {
    padding: 0 1.9rem;
  }

  .cart-drawer {
    width: min(238px, 64vw) !important;
  }

  .mobile-bottom-link[data-cart-open] {
    position: relative;
  }

  .mobile-cart-pill {
    position: absolute;
    top: 6px;
    right: calc(50% - 2px);
    transform: translateX(50%);
    min-width: 16px;
    height: 16px;
    font-size: .56rem;
    padding: 0 3px;
    display: grid;
    place-items: center;
    line-height: 1;
  }
}


/* v49 final fixes */
.amazing-shell {
  direction: rtl !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
}

.amazing-side-panel {
  order: 1 !important;
}

.amazing-slider-panel {
  order: 2 !important;
}

.amazing-timer-card {
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
  padding: 1rem 1rem 1rem 0 !important;
}

.amazing-slider {
  padding: 0 2.55rem 0 0 !important;
}

.amazing-arrow-prev {
  right: auto !important;
  left: 0 !important;
}

.amazing-arrow-next {
  left: auto !important;
  right: 0 !important;
}

.nav-cart-link {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav-cart-link .header-mini-icon {
  position: relative;
  display: grid;
  place-items: center;
}

.header-cart-pill {
  position: absolute !important;
  top: -7px !important;
  left: -7px !important;
  right: auto !important;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  display: grid !important;
  place-items: center;
  z-index: 5;
}

.nav-actions-top .nav-cart-link {
  padding-inline-start: .1rem;
}

.nav-actions-collapse .nav-cart-link .header-cart-pill {
  top: -6px !important;
  left: -6px !important;
}

.mobile-bottom-link[data-cart-open] {
  position: relative;
}

.mobile-bottom-link[data-cart-open] i {
  position: relative;
  z-index: 1;
}

.mobile-cart-pill {
  position: absolute !important;
  top: 9px !important;
  right: 18px !important;
  left: auto !important;
  transform: none !important;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  font-size: .54rem;
  line-height: 1;
  z-index: 2;
}

@media (max-width:1199.98px) {
  .amazing-shell {
    grid-template-columns: 270px minmax(0, 1fr) !important;
  }
}

@media (max-width:991.98px) {
  .amazing-shell {
    grid-template-columns: 1fr !important;
    padding: 1rem !important;
  }

  .amazing-side-panel {
    order: 1 !important;
  }

  .amazing-slider-panel {
    order: 2 !important;
  }

  .amazing-timer-card {
    padding: .2rem 0 .55rem !important;
    margin-inline-end: 0 !important;
  }

  .nav-actions-top .nav-cart-link {
    min-width: 48px;
    justify-content: center;
  }

  .nav-actions-top .nav-cart-link .header-mini-icon {
    width: 44px;
    height: 44px;
  }

  .nav-actions-top .header-cart-pill {
    top: 2px !important;
    left: 2px !important;
    min-width: 15px;
    height: 15px;
    font-size: .54rem;
    padding: 0 3px;
  }
}

@media (max-width:575.98px) {
  .amazing-slider {
    padding: 0 1.9rem !important;
  }

  .mobile-cart-pill {
    top: 8px !important;
    right: 17px !important;
    min-width: 14px;
    height: 14px;
    font-size: .5rem;
    padding: 0 2px;
  }
}

/* v50 mobile featured buttons + cart badge fix */
.featured-product-meta {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: .55rem;
}

.featured-product-meta .price {
  min-width: 0;
  font-size: 1rem;
}

.featured-product-meta .btn {
  min-width: 92px;
  padding: .48rem .8rem;
  border-radius: 999px;
  font-size: .82rem;
  line-height: 1.2;
  white-space: nowrap;
}

.nav-cart-link .header-mini-icon {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
}

.nav-cart-link .header-mini-icon i {
  display: inline-block !important;
  line-height: 1 !important;
}

.nav-cart-link .header-mini-label {
  display: inline-flex;
  align-items: center;
}

.nav-cart-link .header-cart-pill {
  position: absolute !important;
  top: -6px !important;
  left: -6px !important;
  right: auto !important;
  transform: none !important;
  margin: 0 !important;
}

@media (max-width: 991.98px) {
  .featured-product-meta {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: .5rem;
  }

  .featured-product-meta .price {
    grid-column: 1 / -1;
    font-size: .92rem;
    text-align: right;
  }

  .featured-product-meta .btn {
    min-width: 0;
    width: 100% !important;
    padding: .42rem .55rem;
    font-size: .74rem;
  }

  .featured-product-body {
    padding: .72rem;
  }

  .featured-product-body h4 {
    font-size: .92rem;
    line-height: 1.6;
  }

  .featured-product-body p {
    font-size: .74rem;
    line-height: 1.75;
    margin-bottom: .55rem;
  }

  .nav-actions-top .nav-cart-link {
    min-width: 54px !important;
    gap: .18rem !important;
  }

  .nav-actions-top .nav-cart-link .header-mini-icon {
    width: 40px !important;
    height: 40px !important;
  }

  .nav-actions-top .header-cart-pill {
    top: -1px !important;
    left: -1px !important;
    min-width: 15px !important;
    height: 15px !important;
  }
}

@media (max-width: 575.98px) {
  .featured-product-card {
    flex-basis: calc((100% - .65rem) / 2) !important;
    min-width: calc((100% - .65rem) / 2) !important;
  }

  .featured-product-media {
    aspect-ratio: 1 / 1;
  }

  .featured-product-media img {
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .featured-product-body {
    padding: .62rem;
  }

  .featured-product-body h4 {
    font-size: .85rem;
    margin: .25rem 0 .2rem;
  }

  .featured-product-body p {
    font-size: .68rem;
    margin-bottom: .48rem;
  }

  .featured-product-meta {
    gap: .42rem;
  }

  .featured-product-meta .price {
    font-size: .84rem;
  }

  .featured-product-meta .btn {
    padding: .38rem .4rem;
    font-size: .68rem;
    border-radius: .9rem;
  }
}

/* v51 amazing section repair */
.amazing-shell {
  direction: rtl !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

.amazing-shell>* {
  min-width: 0;
}

.amazing-side-panel {
  order: 2 !important;
}

.amazing-slider-panel {
  order: 1 !important;
  min-width: 0 !important;
}

.amazing-timer-card {
  max-width: none !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
  padding: 1rem 0 1rem 1rem !important;
  text-align: right !important;
  align-items: flex-start !important;
}

.amazing-timer-card p {
  max-width: none !important;
}

.amazing-slider {
  padding: 0 2.5rem !important;
}

[data-amazing-prev].amazing-arrow {
  right: auto !important;
  left: 0 !important;
}

[data-amazing-next].amazing-arrow {
  left: auto !important;
  right: 0 !important;
}

@media (max-width: 1199.98px) {
  .amazing-shell {
    grid-template-columns: minmax(0, 1fr) 270px !important;
  }
}

@media (max-width: 991.98px) {
  .amazing-shell {
    grid-template-columns: 1fr !important;
    padding: 1rem !important;
  }

  .amazing-side-panel {
    order: 1 !important;
  }

  .amazing-slider-panel {
    order: 2 !important;
  }

  .amazing-timer-card {
    padding: .25rem 0 .65rem !important;
    margin-inline-start: 0 !important;
    width: 100% !important;
  }

  .amazing-slider {
    padding: 0 2rem !important;
  }
}

@media (max-width: 575.98px) {
  .amazing-slider {
    padding: 0 1.85rem !important;
  }

  .amazing-timer-card h2 {
    font-size: .96rem !important;
  }

  .amazing-timer-card p {
    font-size: .7rem !important;
  }
}


/* ===== Clean responsive shop/category refresh ===== */
.shop-overview-shell,
.shop-toolbar-shell,
.shop-side-note,
.categories-cta-strip {
  border: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(180deg, rgba(31, 40, 36, .96), rgba(18, 24, 22, .98));
  border-radius: 1.75rem;
  box-shadow: var(--shadow-md);
}

.shop-overview-shell {
  padding: clamp(1.2rem, 2vw, 2rem)
}

.shop-overview-title {
  font-size: clamp(1.8rem, 2.8vw, 2.8rem);
  font-weight: 900;
  margin-bottom: .85rem
}

.shop-overview-text {
  color: var(--text-3);
  margin-bottom: 1.2rem;
  max-width: 40rem
}

.shop-overview-stats .shop-stat-card {
  border-radius: 1.15rem;
  padding: 1rem 1rem 1.1rem;
  min-height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
  border: 1px solid rgba(255, 255, 255, .06);
}

.shop-overview-stats .shop-stat-card strong {
  display: block;
  color: var(--text-1);
  font-size: 1.15rem;
  font-weight: 800;
  margin-bottom: .2rem
}

.shop-overview-stats .shop-stat-card span {
  color: var(--text-3);
  font-size: .92rem
}

.shop-visual-card {
  position: relative;
  display: block;
  height: 100%;
  min-height: 220px;
  overflow: hidden;
  border-radius: 1.35rem;
  border: 1px solid rgba(255, 255, 255, .07);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}

.shop-visual-card img,
.shop-side-note-media img,
.shop-product-media img,
.categories-showcase-card img,
.categories-image-media img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.shop-visual-card::after,
.categories-showcase-overlay,
.shop-product-media::after,
.categories-image-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .48));
}

.shop-visual-card span {
  position: absolute;
  inset: auto 1rem 1rem 1rem;
  z-index: 1;
  color: #fff;
  font-weight: 800;
  font-size: 1rem;
}

.shop-toolbar-shell {
  padding: 1rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.shop-toolbar-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap
}

.shop-count-pill {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  padding: .75rem 1rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .06);
}

.shop-count-pill strong {
  font-size: 1.1rem;
  color: var(--text-1)
}

.shop-count-pill span {
  color: var(--text-3);
  font-size: .9rem
}

.shop-filter-card {
  padding: 1.15rem !important
}

.shop-chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem
}

.shop-chip {
  border: none;
  border-radius: 999px;
  padding: .65rem 1rem;
  font-weight: 700;
  background: rgba(255, 255, 255, .05);
  color: var(--text-2);
  border: 1px solid rgba(255, 255, 255, .06);
}

.shop-chip.active,
.shop-chip:hover {
  background: rgba(143, 180, 147, .15);
  color: #fff;
  border-color: rgba(143, 180, 147, .32)
}

.shop-side-note {
  overflow: hidden
}

.shop-side-note-media {
  height: 220px;
  position: relative
}

.shop-side-note-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .42));
}

.shop-product-card {
  transition: transform .25s ease, border-color .25s ease
}

.shop-product-card:hover {
  transform: translateY(-6px);
  border-color: rgba(143, 180, 147, .18) !important
}

.shop-product-media {
  position: relative;
  display: block;
  height: 280px;
  overflow: hidden;
}

.shop-product-media img {
  transition: transform .45s ease
}

.shop-product-card:hover .shop-product-media img {
  transform: scale(1.04)
}

.shop-product-body {
  padding: 1.15rem 1.15rem 1.2rem
}

.product-eyebrow {
  color: var(--gold-soft);
  font-size: .84rem;
  font-weight: 700;
  margin-bottom: .4rem
}

.product-copy {
  color: var(--text-3);
  font-size: .95rem;
  line-height: 1.85;
  margin-bottom: .9rem
}

.product-feature-row {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: .2rem
}

.product-feature-row span {
  padding: .4rem .75rem;
  border-radius: 999px;
  font-size: .77rem;
  color: var(--text-2);
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .05);
}

.shop-product-card[data-stock="false"] .product-eyebrow {
  color: #c9a989
}

.shop-product-card[data-stock="false"] .product-tag {
  background: rgba(76, 55, 45, .8);
  color: #f4d7b8
}

.categories-hero-shell {
  padding-bottom: 1.3rem
}

.categories-showcase-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 1rem;
}

.categories-showcase-card {
  position: relative;
  display: block;
  min-height: 250px;
  overflow: hidden;
  border-radius: 1.5rem;
  border: 1px solid rgba(255, 255, 255, .07);
}

.categories-showcase-card-lg {
  grid-row: span 2;
  min-height: 520px
}

.categories-showcase-copy {
  position: absolute;
  inset: auto 1.2rem 1.2rem 1.2rem;
  z-index: 1;
}

.categories-showcase-copy strong {
  display: block;
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: .3rem
}

.categories-showcase-copy p {
  color: rgba(255, 255, 255, .78);
  margin: 0;
  font-size: .95rem
}

.categories-grid-clean .col-sm-6,
.categories-grid-clean .col-xl-4 {
  display: flex
}

.categories-image-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 1.45rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(180deg, rgba(31, 40, 36, .96), rgba(18, 24, 22, .98));
  box-shadow: var(--shadow-md);
  min-height: 100%;
}

.categories-image-media {
  height: 260px;
  position: relative;
  overflow: hidden
}

.categories-image-copy {
  padding: 1.2rem 1.2rem 1.3rem;
  display: flex;
  flex-direction: column;
  gap: .95rem;
  height: 100%
}

.categories-image-link {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  color: var(--gold-soft);
  font-weight: 800
}

.categories-cta-strip {
  padding: 1.2rem 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap
}

@media (max-width: 1199.98px) {
  .shop-product-media {
    height: 250px
  }
}

@media (max-width: 991.98px) {

  .shop-overview-shell,
  .shop-toolbar-shell,
  .categories-cta-strip {
    border-radius: 1.35rem
  }

  .shop-toolbar-shell {
    padding: 1rem
  }

  .shop-side-note-media {
    height: 190px
  }

  .categories-showcase-grid {
    grid-template-columns: 1fr
  }

  .categories-showcase-card-lg {
    grid-row: auto;
    min-height: 280px
  }
}

@media (max-width: 767.98px) {
  .shop-visual-card {
    min-height: 170px
  }

  .shop-product-media {
    height: 230px
  }

  .shop-product-body {
    padding: 1rem
  }

  .categories-image-media {
    height: 210px
  }

  .categories-cta-strip {
    padding: 1rem
  }
}

@media (max-width: 575.98px) {
  .shop-toolbar-meta {
    width: 100%;
    justify-content: space-between
  }

  .shop-visual-card {
    min-height: 150px
  }

  .shop-product-media {
    height: 210px
  }

  .product-feature-row span {
    font-size: .72rem
  }
}


/* v60 mobile header/menu fixes */
.mobile-menu-siteinfo {
  display: none;
}

@media (max-width:991.98px) {
  html[dir="rtl"] .offcanvas.offcanvas-start.navbar-collapse {
    right: 0 !important;
    left: auto !important;
    transform: translateX(100%);
  }

  html[dir="rtl"] .offcanvas.offcanvas-start.navbar-collapse.show,
  html[dir="rtl"] .offcanvas.offcanvas-start.navbar-collapse.showing {
    transform: none;
  }

  html[dir="rtl"] .offcanvas.offcanvas-start.navbar-collapse.hiding {
    transform: translateX(100%);
  }
}

@media (max-width:991.98px) {
  .mobile-navbar-shell {
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    direction: ltr !important;
  }

  .mobile-navbar-shell>.nav-actions-top {
    grid-column: 1 !important;
    justify-self: start !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mobile-navbar-shell>.navbar-toggler {
    grid-column: 3 !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  .navbar-brand.luxury-brand {
    padding: 0 !important;
  }

  .navbar-brand.luxury-brand .brand-logo-img {
    display: block !important;
    width: 132px !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .navbar-brand.luxury-brand .brand-wordmark {
    display: none !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse {
    right: auto !important;
    left: 0 !important;
    width: min(320px, 88vw) !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow-y: auto !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: .45rem !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link {
    width: 100% !important;
    padding: .95rem 1rem !important;
    border: 1px solid rgba(184, 146, 94, .18) !important;
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, .03) !important;
    color: var(--text-1) !important;
  }

  .mobile-menu-siteinfo {
    display: flex !important;
    flex-direction: column;
    gap: .9rem;
    width: 100%;
    padding: 1rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(184, 146, 94, .16);
    background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02));
  }

  .mobile-menu-brand {
    display: flex;
    align-items: center;
    gap: .8rem;
  }

  .mobile-menu-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
    border-radius: .9rem;
    background: rgba(255, 255, 255, .04);
    padding: .35rem;
    flex: 0 0 auto;
  }

  .mobile-menu-brand strong {
    display: block;
    font-size: 1rem;
    color: var(--text-1);
    margin-bottom: .3rem;
  }

  .mobile-menu-brand p {
    margin: 0;
    font-size: .78rem;
    line-height: 1.9;
    color: var(--text-2);
  }

  .mobile-menu-contact {
    display: grid;
    gap: .55rem;
  }

  .mobile-menu-contact a {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .78rem .9rem;
    border-radius: .95rem;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .06);
    color: var(--text-1);
  }

  .mobile-menu-contact i {
    color: var(--gold);
    font-size: 1rem;
  }

  .cart-drawer {
    border-right: 1px solid rgba(255, 255, 255, .06) !important;
    border-left: none !important;
  }
}

/* v63 final mobile header + menu cleanup */
@media (max-width:991.98px) {
  .navbar {
    min-height: 84px !important;
  }

  .mobile-navbar-shell {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) 56px !important;
    align-items: center !important;
    min-height: 84px !important;
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
    gap: .65rem !important;
    direction: ltr !important;
  }

  .mobile-navbar-shell>.nav-actions-top,
  .mobile-navbar-shell>.navbar-toggler,
  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    align-self: center !important;
  }

  .mobile-navbar-shell>.nav-actions-top {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  .navbar-brand.luxury-brand .brand-logo-img {
    display: block !important;
    height: 42px !important;
    width: auto !important;
    max-width: 164px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    filter: none !important;
  }

  .nav-actions-top .nav-cart-link {
    min-width: 56px !important;
    gap: .28rem !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .nav-actions-top .nav-cart-link .header-mini-icon {
    width: 40px !important;
    height: 40px !important;
  }

  .nav-actions-top .nav-cart-link .header-mini-label {
    font-size: .62rem !important;
  }

  .navbar-toggler {
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    place-items: center !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse {
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: min(320px, 86vw) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-header {
    min-height: 68px !important;
    padding: 1rem 1rem .85rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
    display: flex !important;
    flex-direction: column !important;
    gap: .85rem !important;
    min-height: 0 !important;
    height: calc(100vh - 68px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 1rem 1rem !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .navbar-nav {
    margin-bottom: 0 !important;
  }

  .mobile-menu-siteinfo {
    margin-top: .1rem !important;
    padding: .85rem !important;
  }

  .mobile-menu-logo {
    width: 54px !important;
    height: 54px !important;
    padding: .3rem !important;
  }
}

@media (max-width:575.98px) {
  .navbar {
    min-height: 76px !important;
  }

  .mobile-navbar-shell {
    grid-template-columns: 52px minmax(0, 1fr) 52px !important;
    min-height: 76px !important;
    padding-top: .55rem !important;
    padding-bottom: .55rem !important;
  }

  .navbar-brand.luxury-brand .brand-logo-img {
    height: 38px !important;
    max-width: 150px !important;
  }

  .nav-actions-top .nav-cart-link .header-mini-icon,
  .navbar-toggler {
    width: 38px !important;
    height: 38px !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse {
    width: min(300px, 88vw) !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-header {
    min-height: 64px !important;
    padding: .9rem .95rem .75rem !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
    height: calc(100vh - 64px) !important;
    padding: 0 .95rem .95rem !important;
  }
}

/* v64 mobile header single-row alignment */
@media (max-width:991.98px) {
  .mobile-navbar-shell {
    direction: ltr !important;
    display: grid !important;
    grid-template-columns: minmax(72px, auto) minmax(0, 1fr) minmax(48px, auto) !important;
    grid-template-areas: "cart brand menu" !important;
    align-items: center !important;
    column-gap: .75rem !important;
    row-gap: 0 !important;
    min-height: 78px !important;
  }

  .mobile-navbar-shell>.nav-actions-top {
    grid-area: cart !important;
    justify-self: start !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 72px !important;
    margin: 0 !important;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    grid-area: brand !important;
    justify-self: center !important;
    align-self: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .mobile-navbar-shell>.navbar-toggler {
    grid-area: menu !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
  }

  .mobile-navbar-shell>.navbar-collapse {
    grid-column: 1 / -1 !important;
  }

  .nav-actions-top .nav-cart-link {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .25rem !important;
    min-width: 56px !important;
    margin: 0 !important;
  }

  .nav-actions-top .nav-cart-link .header-mini-icon {
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
  }

  .nav-actions-top .nav-cart-link .header-mini-label {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
    font-size: .62rem !important;
    margin: 0 !important;
  }

  .navbar-brand.luxury-brand .brand-logo-img {
    display: block !important;
    height: 36px !important;
    max-width: 150px !important;
    width: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .navbar-toggler {
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media (max-width:575.98px) {
  .mobile-navbar-shell {
    grid-template-columns: minmax(66px, auto) minmax(0, 1fr) minmax(42px, auto) !important;
    min-height: 72px !important;
    column-gap: .55rem !important;
  }

  .navbar-brand.luxury-brand .brand-logo-img {
    height: 40px !important;
    width: 1000px !important;
    max-width: 136px !important;
  }

  .nav-actions-top .nav-cart-link .header-mini-label {
    font-size: .58rem !important;
  }
}

/* v65 polished mobile menu redesign */
@media (max-width:991.98px) {
  .offcanvas.offcanvas-start.navbar-collapse {
    background:
      radial-gradient(circle at top right, rgba(184, 146, 94, .14), transparent 34%),
      linear-gradient(180deg, rgba(5, 11, 10, .98), rgba(8, 18, 15, .99));
    box-shadow: -20px 0 48px rgba(0, 0, 0, .42) !important;
    border-left: 1px solid rgba(184, 146, 94, .16) !important;
    overflow: hidden;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-header {
    position: relative;
    min-height: 84px !important;
    padding: 1.15rem 1.15rem .95rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, .04) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0));
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-title {
    width: 100%;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0;
    color: #f5f1e8 !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .btn-close {
    position: absolute;
    left: 1rem;
    top: 1.15rem;
    margin: 0 !important;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .08);
    background-color: rgba(255, 255, 255, .03);
    opacity: 1;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
    gap: 1rem !important;
    padding: 1rem 1rem 1.15rem !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .01), rgba(255, 255, 255, 0)),
      transparent;
  }

  .offcanvas.offcanvas-start.navbar-collapse .navbar-nav {
    gap: .7rem !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-item {
    width: 100%;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
    padding: 1rem 1.15rem !important;
    border-radius: 1.35rem !important;
    border: 1px solid rgba(184, 146, 94, .18) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .02)) !important;
    color: var(--text-1) !important;
    font-size: 1.22rem;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(184, 146, 94, .9) 0 36%, rgba(184, 146, 94, .16) 37% 100%);
    box-shadow: 0 0 0 6px rgba(184, 146, 94, .06);
    flex: 0 0 auto;
    order: 2;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link:hover,
  .offcanvas.offcanvas-start.navbar-collapse .nav-link:focus,
  .offcanvas.offcanvas-start.navbar-collapse .nav-link.active {
    transform: translateY(-1px);
    border-color: rgba(184, 146, 94, .34) !important;
    background: linear-gradient(135deg, rgba(184, 146, 94, .16), rgba(255, 255, 255, .035)) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .04);
  }

  .mobile-menu-siteinfo {
    margin-top: .45rem !important;
    padding: 1rem !important;
    border-radius: 1.5rem !important;
    border: 1px solid rgba(184, 146, 94, .16) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
    gap: 1rem !important;
  }

  .mobile-menu-brand {
    align-items: center;
    gap: .95rem !important;
  }

  .mobile-menu-logo {
    width: 66px !important;
    height: 66px !important;
    border-radius: 1rem !important;
    padding: .45rem !important;
    background: rgba(0, 0, 0, .22) !important;
    border: 1px solid rgba(255, 255, 255, .05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
  }

  .mobile-menu-brand strong {
    font-size: 1.4rem !important;
    font-weight: 900;
    color: #f5f1e8 !important;
  }

  .mobile-menu-brand p {
    font-size: .96rem !important;
    line-height: 1.9 !important;
    color: rgba(245, 241, 232, .78) !important;
  }

  .mobile-menu-contact {
    gap: .7rem !important;
  }

  .mobile-menu-contact a {
    min-height: 58px;
    padding: .9rem 1rem !important;
    border-radius: 1.2rem !important;
    background: rgba(255, 255, 255, .028) !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    color: var(--text-1) !important;
    font-size: 1rem;
    font-weight: 700;
  }

  .mobile-menu-contact i {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(184, 146, 94, .12);
    border: 1px solid rgba(184, 146, 94, .16);
    font-size: .95rem !important;
  }

  .mobile-menu-contact a:hover {
    border-color: rgba(184, 146, 94, .26) !important;
    background: rgba(184, 146, 94, .06) !important;
  }

  .nav-actions-collapse {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem !important;
    margin-top: .1rem !important;
  }

  .nav-actions-collapse .header-mini-action,
  .nav-actions-collapse .header-auth-btn {
    min-height: 60px;
    border-radius: 1.2rem !important;
  }
}

@media (max-width:575.98px) {
  .offcanvas.offcanvas-start.navbar-collapse {
    width: min(340px, 88vw) !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-title {
    font-size: 1.5rem;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link {
    min-height: 62px;
    font-size: 1.08rem;
    padding: .92rem 1rem !important;
    border-radius: 1.2rem !important;
  }

  .mobile-menu-logo {
    width: 58px !important;
    height: 58px !important;
  }

  .mobile-menu-brand strong {
    font-size: 1.25rem !important;
  }

  .mobile-menu-brand p {
    font-size: .88rem !important;
  }

  .mobile-menu-contact a {
    min-height: 54px;
    font-size: .94rem;
  }
}

/* v66 tighter menu + darker backdrop + scroll lock */
html.menu-open-lock,
body.menu-open-lock {
  overflow: hidden !important;
  height: 100% !important;
  touch-action: none;
}

.offcanvas-backdrop.show {
  opacity: .82 !important;
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, .82) !important;
}

@media (max-width:991.98px) {
  .offcanvas.offcanvas-start.navbar-collapse {
    width: min(280px, 74vw) !important;
    max-width: 280px !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width:575.98px) {
  .offcanvas.offcanvas-start.navbar-collapse {
    width: min(268px, 72vw) !important;
    max-width: 268px !important;
  }
}


/* v67 minimal mobile menu refinement */
@media (max-width:991.98px) {
  .offcanvas.offcanvas-start.navbar-collapse {
    width: min(292px, 78vw) !important;
    max-width: 292px !important;
    border-left: 1px solid rgba(184, 146, 94, .12) !important;
    box-shadow: -14px 0 34px rgba(0, 0, 0, .34) !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    min-height: auto !important;
    padding: 1rem 1rem .65rem !important;
    background: transparent !important;
    border-bottom: none !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-title {
    width: auto !important;
    margin: 0 !important;
    text-align: right !important;
    font-size: 1.45rem !important;
    line-height: 1.2 !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .btn-close {
    position: static !important;
    flex: 0 0 auto;
    width: 38px !important;
    height: 38px !important;
    border: none !important;
    background-color: transparent !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    opacity: .9 !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
    gap: .8rem !important;
    padding: .35rem 1rem 1rem !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .navbar-nav {
    gap: .55rem !important;
    margin-bottom: .25rem !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link {
    min-height: 54px !important;
    padding: .8rem 1rem !important;
    border-radius: 1rem !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    background: rgba(255, 255, 255, .025) !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    justify-content: flex-start !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link::before {
    display: none !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link::after {
    content: "\2039";
    margin-inline-start: auto;
    font-size: 1.15rem;
    color: rgba(245, 241, 232, .52);
    transform: translateY(-1px);
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link:hover,
  .offcanvas.offcanvas-start.navbar-collapse .nav-link:focus,
  .offcanvas.offcanvas-start.navbar-collapse .nav-link.active {
    transform: none !important;
    border-color: rgba(184, 146, 94, .22) !important;
    background: rgba(184, 146, 94, .07) !important;
    box-shadow: none !important;
  }

  .mobile-menu-siteinfo {
    margin-top: .45rem !important;
    padding: .85rem !important;
    border-radius: 1.1rem !important;
    gap: .75rem !important;
    background: rgba(255, 255, 255, .03) !important;
  }

  .mobile-menu-brand {
    gap: .7rem !important;
    align-items: flex-start !important;
  }

  .mobile-menu-logo {
    width: 48px !important;
    height: 48px !important;
    border-radius: .85rem !important;
    padding: .3rem !important;
    box-shadow: none !important;
  }

  .mobile-menu-brand strong {
    font-size: 1.12rem !important;
  }

  .mobile-menu-brand p {
    font-size: .82rem !important;
    line-height: 1.8 !important;
    margin-top: .15rem !important;
  }

  .mobile-menu-contact {
    gap: .5rem !important;
  }

  .mobile-menu-contact a {
    min-height: 46px !important;
    padding: .7rem .8rem !important;
    border-radius: .95rem !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
  }

  .mobile-menu-contact i {
    width: 28px !important;
    height: 28px !important;
    font-size: .82rem !important;
  }

  .nav-actions-collapse {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem !important;
  }

  .nav-actions-collapse .header-mini-action,
  .nav-actions-collapse .header-auth-btn {
    min-height: 50px !important;
    border-radius: 1rem !important;
  }
}

@media (max-width:575.98px) {
  .offcanvas.offcanvas-start.navbar-collapse {
    width: min(286px, 80vw) !important;
    max-width: 286px !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-header {
    padding: .95rem .9rem .55rem !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-title {
    font-size: 1.32rem !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .offcanvas-body {
    padding: .25rem .9rem .9rem !important;
  }

  .offcanvas.offcanvas-start.navbar-collapse .nav-link {
    min-height: 50px !important;
    font-size: .96rem !important;
    padding: .72rem .9rem !important;
  }
}

/* ===== Shop page premium responsive filter upgrade ===== */
.shop-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  min-height: 1rem;
}

.shop-active-filters:empty {
  display: none
}

.shop-active-pill {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .6rem .9rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .07);
  color: var(--text-2);
  font-size: .88rem;
}

.shop-active-pill button {
  width: 1.45rem;
  height: 1.45rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  display: grid;
  place-items: center;
}

.shop-filter-drawer .offcanvas-header {
  background: linear-gradient(180deg, rgba(31, 40, 36, .98), rgba(18, 24, 22, .98));
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.shop-filter-highlight {
  display: grid;
  gap: .2rem;
  padding: .9rem 1rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(143, 180, 147, .14), rgba(201, 169, 137, .08));
  border: 1px solid rgba(143, 180, 147, .16);
}

.shop-filter-highlight strong {
  font-size: .92rem;
  color: #fff
}

.shop-filter-highlight span {
  font-size: .82rem;
  color: var(--text-3)
}

.shop-filter-actions {
  display: grid;
  gap: .75rem
}

.shop-empty-state {
  padding: 3rem 1.25rem;
  border-radius: 1.75rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(180deg, rgba(31, 40, 36, .96), rgba(18, 24, 22, .98));
  box-shadow: var(--shadow-md);
}

.shop-empty-icon {
  width: 5rem;
  height: 5rem;
  margin: 0 auto 1rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .06);
  font-size: 1.8rem;
  color: var(--gold-soft);
}

.shop-mobile-filter-fab {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5.5rem;
  z-index: 1040;
  display: none;
  align-items: center;
  gap: .55rem;
  padding: .92rem 1.2rem;
  border: none;
  border-radius: 999px;
  color: #08100d;
  font-weight: 900;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .3);
  background: linear-gradient(135deg, #d8c19b, #8fb493);
}

.shop-mobile-filter-fab i {
  font-size: 1rem
}

.shop-filter-card .form-control,
.shop-filter-card .form-select {
  min-height: 3rem;
  border-radius: 1rem;
}

.shop-filter-card .form-range {
  cursor: pointer
}

@media (max-width: 991.98px) {
  .shop-filter-drawer {
    width: min(92vw, 380px) !important;
    background: linear-gradient(180deg, rgba(24, 30, 27, .985), rgba(16, 21, 19, .99));
    border-inline-end: 1px solid rgba(255, 255, 255, .06);
  }

  .shop-filter-drawer .offcanvas-body {
    padding: 1rem !important
  }

  .shop-filter-card {
    position: static !important;
    top: auto !important
  }

  .shop-side-note {
    display: none
  }

  .shop-mobile-filter-fab {
    display: inline-flex
  }
}

@media (max-width: 575.98px) {
  .shop-toolbar-shell {
    padding: 1rem
  }

  .shop-toolbar-meta {
    gap: .75rem
  }

  .shop-count-pill {
    width: 100%;
    justify-content: center
  }

  .shop-mobile-filter-fab {
    bottom: 5.2rem;
    width: calc(100% - 2rem);
    justify-content: center;
  }
}


/* shop page refined minimal cards */
.shop-overview-shell-minimal {
  padding: 1.4rem 1.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .95fr);
  gap: 1rem;
  align-items: end;
}

.shop-overview-shell-minimal .shop-overview-title {
  font-size: clamp(1.5rem, 2.8vw, 2.35rem);
  max-width: 12ch
}

.shop-overview-mini-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem
}

.shop-mini-stat {
  padding: 1rem 1.05rem;
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .06)
}

.shop-mini-stat strong {
  display: block;
  font-size: .95rem;
  color: var(--text-1);
  margin-bottom: .28rem
}

.shop-mini-stat span {
  color: var(--text-3);
  font-size: .8rem;
  line-height: 1.8
}

.shop-product-card {
  border-radius: 1.25rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(25, 32, 29, .98), rgba(17, 22, 20, .99))
}

.shop-product-media {
  height: 185px;
  background: rgba(255, 255, 255, .02)
}

.shop-product-body {
  padding: .9rem .9rem 1rem;
  gap: .35rem
}

.shop-product-body h5 {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  color: var(--text-1)
}

.product-meta-row,
.product-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem
}

.product-eyebrow {
  color: var(--text-3);
  font-size: .77rem;
  font-weight: 700;
  margin: 0
}

.product-discount {
  display: inline-flex;
  align-items: center;
  padding: .32rem .55rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  color: #132019;
  background: #d8f4dd
}

.product-discount.out {
  background: rgba(255, 255, 255, .08);
  color: var(--text-2)
}

.product-feature-row.compact {
  margin: .1rem 0 0;
  gap: .4rem
}

.product-feature-row.compact span {
  padding: .32rem .58rem;
  font-size: .69rem
}

.product-price-row {
  align-items: end;
  margin-top: .2rem
}

.price {
  display: block;
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1.1
}

.old-price {
  font-size: .78rem;
  opacity: .72
}

.shop-card-cta {
  min-width: 84px;
  padding: .52rem .85rem;
  border-radius: .85rem
}

.shop-product-footer {
  padding-top: .15rem !important
}

.shop-product-card .btn-outline-brand[data-add-wishlist] {
  display: none !important
}

.shop-toolbar-shell {
  padding: 1rem 1.1rem
}

@media (max-width: 991.98px) {
  .shop-overview-shell-minimal {
    grid-template-columns: 1fr;
    padding: 1.1rem
  }
}

@media (max-width: 575.98px) {
  .shop-overview {
    padding-top: .5rem !important
  }

  .shop-overview-shell-minimal {
    padding: 1rem;
    border-radius: 1.2rem
  }

  .shop-overview-shell-minimal .shop-overview-title {
    font-size: 1.4rem;
    max-width: none
  }

  .shop-overview-mini-stats {
    grid-template-columns: 1fr;
    gap: .55rem
  }

  [data-shop-grid] {
    --bs-gutter-x: .75rem;
    --bs-gutter-y: .75rem
  }

  .shop-product-media {
    height: 132px;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
  }

  .shop-product-body {
    padding: .72rem .72rem .8rem
  }

  .shop-product-body h5 {
    font-size: .87rem;
    line-height: 1.5;
    min-height: 2.6em
  }

  .product-eyebrow {
    font-size: .67rem
  }

  .product-discount {
    font-size: .62rem;
    padding: .26rem .42rem
  }

  .price {
    font-size: .88rem
  }

  .old-price {
    font-size: .67rem
  }

  .shop-card-cta {
    min-width: auto;
    padding: .44rem .68rem;
    font-size: .72rem
  }

  .product-feature-row.compact span {
    font-size: .63rem;
    padding: .26rem .45rem
  }

  .product-tag {
    top: .55rem;
    right: .55rem;
    font-size: .62rem;
    padding: .28rem .48rem
  }
}


.contact-page-section {
  position: relative
}

.contact-info-panel {
  background:
    radial-gradient(circle at top right, rgba(184, 146, 94, .12), transparent 30%),
    linear-gradient(180deg, rgba(29, 39, 35, .98), rgba(17, 23, 21, .98));
}

.contact-badge {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .45rem .9rem;
  border-radius: 999px;
  background: rgba(184, 146, 94, .12);
  border: 1px solid rgba(213, 188, 147, .18);
  color: var(--gold-soft);
  font-size: .88rem;
  font-weight: 700;
}

.contact-info-item,
.contact-social-btn,
.quick-contact-chip {
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .025);
  border-radius: 1.2rem;
}

.contact-info-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem 1rem 1rem 1.1rem;
}

.contact-info-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: linear-gradient(135deg, rgba(184, 146, 94, .18), rgba(78, 127, 94, .22));
  color: var(--gold-soft);
  font-size: 1.2rem;
}

.contact-info-item strong,
.contact-social-btn strong {
  display: block;
  color: var(--text-1);
  margin-bottom: .15rem
}

.contact-info-item a,
.contact-info-item span {
  display: block;
  color: var(--text-2)
}

.contact-info-item small,
.contact-social-btn span {
  display: block;
  color: var(--text-3);
  line-height: 1.8
}

.contact-social-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .85rem
}

.contact-social-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.1rem;
  transition: .25s ease;
}

.contact-social-btn i {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #fff;
  font-size: 1.25rem;
}

.contact-social-btn.instagram i {
  background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045)
}

.contact-social-btn.telegram i {
  background: linear-gradient(135deg, #27a7e7, #1976d2)
}

.contact-social-btn.whatsapp i {
  background: linear-gradient(135deg, #29a71a, #49c95f)
}

.contact-social-btn:hover,
.quick-contact-chip:hover,
.contact-info-item:hover {
  transform: translateY(-2px);
  border-color: rgba(143, 180, 147, .2);
  color: #fff;
}

.contact-mini-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  margin-top: .25rem;
}

.contact-mini-highlights div {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  padding: .9rem .8rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, .06);
  background: rgba(255, 255, 255, .025);
  color: var(--text-2);
  text-align: center;
  font-size: .92rem;
}

.contact-mini-highlights i {
  color: var(--gold-soft);
  font-size: 1.1rem
}

.contact-map-frame {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  border: 1px solid rgba(255, 255, 255, .08);
  min-height: 340px;
  box-shadow: var(--shadow-md);
}

.contact-map-frame iframe {
  width: 100%;
  height: 100%;
  min-height: 340px;
  border: 0;
  filter: grayscale(.1) contrast(1.05) saturate(.9)
}

.contact-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem
}

.quick-contact-chip {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .85rem 1rem;
  color: var(--text-1);
}

.quick-contact-chip i {
  color: var(--gold-soft);
  font-size: 1.1rem
}

@media (max-width: 991px) {
  .contact-mini-highlights {
    grid-template-columns: 1fr
  }
}


/* Contact page mobile refinements */
.contact-info-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  align-items: center;
  gap: 1rem;
}

.contact-info-item>div {
  min-width: 0
}

.contact-info-icon {
  margin: 0
}

.contact-social-btn {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 50px;
  align-items: center;
}

.contact-social-btn>div {
  min-width: 0
}

.contact-social-btn i {
  justify-self: end
}

.contact-info-item strong,
.contact-info-item a,
.contact-info-item span,
.contact-info-item small,
.contact-social-btn strong,
.contact-social-btn span {
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .contact-page-section {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important
  }

  .contact-info-panel,
  .contact-page-section .summary-card {
    padding: 1rem !important;
    border-radius: 1.15rem;
  }

  .contact-badge {
    font-size: .73rem;
    padding: .35rem .7rem;
    margin-bottom: .75rem !important;
  }

  .contact-page-section h3 {
    font-size: 1.15rem;
    margin-bottom: .55rem !important
  }

  .contact-page-section h4 {
    font-size: 1rem;
    margin-bottom: .5rem !important
  }

  .contact-page-section h6 {
    font-size: .85rem;
    margin-bottom: .75rem !important
  }

  .contact-page-section p.small-muted {
    font-size: .78rem;
    line-height: 1.9;
    margin-bottom: 1rem !important
  }

  .contact-info-list {
    gap: .6rem !important
  }

  .contact-info-item {
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: .75rem;
    padding: .78rem .8rem;
    border-radius: 1rem;
  }

  .contact-info-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 1rem;
  }

  .contact-info-item strong,
  .contact-social-btn strong {
    font-size: .92rem;
    margin-bottom: .1rem
  }

  .contact-info-item a,
  .contact-info-item span,
  .contact-social-btn span,
  .quick-contact-chip span {
    font-size: .8rem;
    line-height: 1.8
  }

  .contact-info-item small {
    font-size: .72rem;
    line-height: 1.7
  }

  .contact-social-grid {
    gap: .55rem
  }

  .contact-social-btn {
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: .7rem;
    padding: .72rem .8rem;
    border-radius: 1rem;
  }

  .contact-social-btn i {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 1rem;
  }

  .contact-mini-highlights {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .85rem !important;
  }

  .contact-mini-highlights div {
    padding: .65rem .4rem;
    border-radius: .9rem;
    font-size: .72rem;
    gap: .25rem;
  }

  .contact-mini-highlights i {
    font-size: .95rem
  }

  .contact-map-frame,
  .contact-map-frame iframe {
    min-height: 220px;
    border-radius: 1rem;
  }

  .contact-quick-actions {
    gap: .5rem;
    margin-top: .85rem !important
  }

  .quick-contact-chip {
    flex: 1 1 calc(50% - .5rem);
    justify-content: center;
    padding: .72rem .8rem;
    border-radius: .95rem;
    gap: .45rem;
  }

  .quick-contact-chip i {
    font-size: .95rem
  }

  .whatsapp-fab {
    width: 46px;
    height: 46px;
    bottom: 14px;
    left: 14px;
    font-size: 1.1rem
  }
}

@media (max-width: 480px) {
  .contact-page-section .container {
    padding-left: 12px;
    padding-right: 12px
  }

  .contact-info-item,
  .contact-social-btn,
  .quick-contact-chip {
    box-shadow: none;
  }

  .contact-mini-highlights {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .contact-quick-actions {
    flex-direction: column
  }

  .quick-contact-chip {
    flex: 1 1 100%;
    width: 100%
  }
}


/* Header + Footer refresh */
.navbar .container.mobile-navbar-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.navbar-brand.luxury-brand {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  margin-inline-end: auto;
  margin-inline-start: 0;
}

.brand-logo-img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .18);
}

.brand-wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.brand-wordmark strong {
  color: var(--text-1);
  font-size: 1rem;
  font-weight: 900;
}

.brand-wordmark small {
  color: var(--gold-soft);
  font-size: .72rem;
  letter-spacing: .12em;
}

.mobile-navbar-shell>.navbar-brand.luxury-brand {
  order: 1;
  margin-left: auto;
}

.mobile-navbar-shell>.nav-actions-top {
  order: 2;
  margin-inline-start: 0;
}

.mobile-navbar-shell>.navbar-toggler {
  order: 3;
}

.footer.footer-premium {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(184, 146, 94, .12), transparent 22%),
    radial-gradient(circle at bottom left, rgba(111, 158, 119, .10), transparent 26%),
    linear-gradient(180deg, #0b0f0e, #111816 55%, #0a0d0c 100%);
  border-top: 1px solid rgba(255, 255, 255, .06);
  padding: 2.8rem 0 1.25rem;
}

.footer.footer-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .02), transparent);
  pointer-events: none;
}

.footer-premium-top {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(170px, .8fr)) minmax(240px, 1.1fr);
  gap: 1.3rem;
  align-items: start;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: .9rem;
  margin-bottom: 1rem;
}

.footer-brand img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 20px;
  padding: 9px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
  border: 1px solid rgba(255, 255, 255, .08);
}

.footer-brand strong {
  display: block;
  color: var(--text-1);
  font-size: 1.15rem;
  font-weight: 900;
}

.footer-brand span,
.footer-brand-text,
.footer-contact-item span,
.footer-bottom-bar span {
  color: var(--text-3);
}

.footer-brand span {
  display: block;
  margin-top: .2rem;
  line-height: 1.9;
}

.footer-brand-text {
  max-width: 520px;
  margin: 0 0 1rem;
}

.footer-socials {
  display: flex;
  gap: .7rem;
}

.footer-socials a,
.footer-contact-item i {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  color: var(--text-1);
  transition: .25s ease;
}

.footer-socials a:hover {
  transform: translateY(-3px);
  color: #fff;
  border-color: rgba(184, 146, 94, .3);
}

.footer-link-group,
.footer-contact-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02));
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 24px;
  padding: 1.2rem 1.1rem;
  min-height: 100%;
}

.footer-link-group h6,
.footer-contact-card h6 {
  font-weight: 800;
  margin-bottom: 1rem;
  color: var(--text-1);
}

.footer-link-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .8rem;
}

.footer-link-group a {
  color: var(--text-2);
}

.footer-link-group a:hover,
.footer-contact-item a:hover {
  color: #fff;
}

.footer-contact-card {
  display: grid;
  gap: .95rem;
}

.footer-contact-item {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
}

.footer-contact-item i {
  flex: 0 0 44px;
  font-size: 1rem;
  color: var(--gold-soft);
}

.footer-contact-item div {
  display: grid;
  gap: .18rem;
}

.footer-contact-item a,
.footer-contact-item p {
  margin: 0;
  color: var(--text-2);
}

.footer-bottom-bar {
  position: relative;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, .07);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .75rem;
}

@media (max-width: 991.98px) {
  .footer-premium-top {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767.98px) {
  .topbar {
    font-size: .82rem;
  }

  .mobile-navbar-shell {
    gap: 8px !important;
    padding-top: .55rem;
    padding-bottom: .55rem;
  }

  .mobile-navbar-shell>.navbar-brand.luxury-brand {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-start;
  }

  .brand-logo-img {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    padding: 5px;
  }

  .brand-wordmark strong {
    font-size: .92rem;
  }

  .brand-wordmark small {
    font-size: .64rem;
    letter-spacing: .08em;
  }

  .mobile-navbar-shell>.nav-actions-top {
    margin-inline-start: auto;
  }

  .nav-actions-top .nav-cart-link .header-mini-icon,
  .nav-actions-top .header-auth-btn,
  .navbar-toggler {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }

  .navbar-toggle-glyph {
    font-size: 1.55rem;
  }

  .footer.footer-premium {
    padding: 2rem 0 1rem;
  }

  .footer-premium-top {
    grid-template-columns: 1fr;
    gap: .95rem;
  }

  .footer-link-group,
  .footer-contact-card {
    border-radius: 20px;
    padding: 1rem .95rem;
  }

  .footer-brand {
    align-items: center;
    gap: .75rem;
  }

  .footer-brand img {
    width: 56px;
    height: 56px;
    border-radius: 18px;
  }

  .footer-socials a,
  .footer-contact-item i {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  .footer-brand-text,
  .footer-brand span,
  .footer-contact-item a,
  .footer-contact-item p,
  .footer-bottom-bar span,
  .footer-link-group a {
    font-size: .9rem;
    line-height: 1.9;
  }

  .footer-bottom-bar {
    font-size: .83rem;
  }
}


/* ===== Shop redesign v2 + product page pro ===== */
.shop-showcase-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
  gap: 1rem;
  padding: 1.4rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1.8rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(143, 180, 147, .07));
  box-shadow: var(--shadow-soft);
}

.shop-showcase-copy h2 {
  font-size: clamp(1.5rem, 2.7vw, 2.5rem);
  font-weight: 900;
  line-height: 1.3
}

.shop-showcase-copy p {
  color: var(--text-3);
  max-width: 48rem
}

.shop-showcase-side {
  display: grid;
  gap: .85rem
}

.shop-showcase-stat {
  padding: 1rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, .03)
}

.shop-showcase-stat strong {
  display: block;
  font-size: 1.04rem;
  color: #fff;
  margin-bottom: .25rem
}

.shop-showcase-stat span {
  font-size: .9rem;
  color: var(--text-3)
}

.shop-toolbar-shell-strong {
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .03)
}

.shop-product-card-pro {
  overflow: hidden;
  border-radius: 1.5rem !important
}

.shop-product-media-pro {
  height: 260px;
  border-radius: 1.2rem 1.2rem 0 0
}

.shop-card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .45rem
}

.shop-card-topline .product-code,
.product-detail-code {
  font-size: .76rem;
  color: var(--text-3);
  padding: .32rem .62rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08)
}

.shop-color-line {
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .9rem;
  color: var(--text-3)
}

.shop-color-line strong {
  color: #f3efe7;
  font-weight: 700
}

.product-feature-row.pro span {
  background: rgba(255, 255, 255, .04)
}

.shop-price-stack {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem
}

.shop-card-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem
}

.shop-card-meta-grid span {
  display: flex;
  align-items: center;
  gap: .35rem;
  padding: .55rem .7rem;
  border-radius: .9rem;
  background: rgba(255, 255, 255, .03);
  color: var(--text-3);
  font-size: .8rem
}

.shop-card-meta-grid i {
  color: var(--accent-2)
}

.shop-card-actions {
  display: flex;
  gap: .55rem
}

.shop-card-actions .btn {
  border-radius: .95rem
}

.shop-notify-btn {
  border-color: rgba(255, 255, 255, .14) !important;
  color: #fff !important
}

.product-layout-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 1.5rem;
  align-items: start
}

.product-gallery-main-pro {
  height: 560px;
  border-radius: 1.8rem;
  overflow: hidden;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08)
}

.thumb-pro {
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .03)
}

.product-gallery-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 1.2rem
}

.product-gallery-note strong {
  display: block;
  margin-bottom: .15rem
}

.product-gallery-note span {
  display: block;
  color: var(--text-3);
  font-size: .9rem
}

.product-summary-card {
  padding: 1.4rem;
  border-radius: 1.8rem;
  position: sticky;
  top: 104px
}

.product-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem
}

.product-price-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .06)
}

.product-discount-pill {
  padding: .5rem .85rem;
  border-radius: 999px;
  background: rgba(143, 180, 147, .16);
  border: 1px solid rgba(143, 180, 147, .22);
  color: #dfeedd;
  font-size: .84rem;
  font-weight: 800
}

.product-keyfacts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem
}

.product-keyfacts-grid div {
  padding: .85rem .95rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .06)
}

.product-keyfacts-grid span {
  display: block;
  font-size: .8rem;
  color: var(--text-3);
  margin-bottom: .2rem
}

.product-keyfacts-grid strong {
  display: block;
  color: #fff
}

.product-callout-bar {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .9rem 1rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .07);
  color: var(--text-3)
}

.product-callout-bar i {
  color: var(--accent-2)
}

.product-assurance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem
}

.product-assurance-grid div {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .85rem .95rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .03);
  color: var(--text-2)
}

.product-assurance-grid i {
  color: var(--accent-2);
  font-size: 1.05rem
}

.product-detail-block,
.product-side-card {
  border-radius: 1.6rem !important
}

.section-title-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap
}

.section-title-row span {
  color: var(--text-3);
  font-size: .92rem
}

.product-spec-table {
  display: grid;
  gap: .7rem
}

.product-spec-table div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 1rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .06)
}

.product-spec-table span {
  color: var(--text-3)
}

.product-spec-table strong {
  color: #fff
}

.product-side-list {
  display: grid;
  gap: .8rem
}

.product-side-list div {
  display: flex;
  gap: .6rem;
  align-items: start;
  color: var(--text-2)
}

.product-side-list i {
  color: var(--accent-2);
  margin-top: .18rem
}

.product-faq .accordion-item {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.product-faq .accordion-button,
.product-faq .accordion-body {
  background: transparent;
  color: var(--text-2);
  padding-right: 0;
  padding-left: 0
}

.product-faq .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: #fff
}

.product-faq .accordion-button:focus {
  box-shadow: none
}

@media (max-width: 1199px) {
  .shop-product-media-pro {
    height: 230px
  }

  .product-gallery-main-pro {
    height: 470px
  }
}

@media (max-width: 991px) {

  .shop-showcase-shell,
  .product-layout-v2 {
    grid-template-columns: 1fr
  }

  .product-summary-card {
    position: static;
    top: auto
  }
}

@media (max-width: 767px) {
  .shop-showcase-shell {
    padding: 1rem;
    border-radius: 1.4rem
  }

  .shop-showcase-copy h2 {
    font-size: 1.35rem
  }

  .shop-product-card-pro {
    border-radius: 1.2rem !important
  }

  .shop-product-media-pro {
    height: 170px
  }

  .shop-product-body {
    padding: .9rem
  }

  .shop-card-topline {
    align-items: flex-start;
    flex-direction: column;
    gap: .35rem
  }

  .shop-product-body h5 {
    font-size: .95rem;
    line-height: 1.55
  }

  .shop-color-line,
  .shop-card-meta-grid span,
  .product-discount,
  .product-tag,
  .product-code {
    font-size: .74rem
  }

  .shop-price-stack {
    align-items: flex-start;
    flex-direction: column
  }

  .shop-card-meta-grid {
    grid-template-columns: 1fr
  }

  .shop-card-actions {
    flex-direction: column
  }

  .shop-card-actions .btn {
    width: 100%
  }

  .product-gallery-main-pro {
    height: 320px;
    border-radius: 1.25rem
  }

  .product-summary-card,
  .product-detail-block,
  .product-side-card {
    padding: 1rem !important;
    border-radius: 1.25rem !important
  }

  .product-keyfacts-grid,
  .product-assurance-grid {
    grid-template-columns: 1fr
  }

  .product-gallery-note,
  .product-price-hero,
  .section-title-row {
    flex-direction: column;
    align-items: flex-start
  }
}


/* ===== Shop compact cards + right sidebar fix ===== */
.shop-layout-v3 {
  align-items: flex-start
}

.shop-filter-sidebar {
  position: sticky;
  top: 108px;
  min-height: calc(100vh - 132px)
}

.shop-filter-sidebar .shop-filter-actions {
  display: grid;
  gap: .75rem;
  margin-top: auto
}

.shop-product-card-pro {
  display: flex;
  flex-direction: column
}

.shop-product-body {
  padding: 1rem 1rem 1.05rem
}

.shop-product-body h5 {
  font-size: 1rem;
  line-height: 1.6;
  min-height: auto;
  margin-bottom: .55rem !important
}

.shop-product-media-pro {
  height: 220px
}

.shop-card-topline {
  margin-bottom: .35rem
}

.shop-color-line {
  font-size: .84rem;
  margin-bottom: .55rem !important
}

.product-feature-row.compact.pro {
  gap: .4rem;
  margin-bottom: .65rem
}

.product-feature-row.compact.pro span {
  padding: .32rem .55rem;
  font-size: .72rem
}

.shop-price-stack {
  margin-top: .3rem !important;
  margin-bottom: .85rem !important;
  align-items: flex-end
}

.shop-price-stack .price {
  font-size: 1.05rem
}

.shop-price-stack .old-price {
  font-size: .78rem;
  margin-top: .12rem
}

.product-discount {
  padding: .42rem .62rem;
  font-size: .72rem
}

.shop-card-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
  margin-bottom: .9rem !important
}

.shop-card-meta-grid span {
  padding: .42rem .55rem;
  font-size: .72rem;
  border-radius: .8rem
}

.shop-card-actions {
  gap: .45rem
}

.shop-card-actions .btn {
  padding: .62rem .8rem;
  font-size: .78rem
}

@media (min-width: 992px) {
  .shop-layout-v3>.col-lg-9 {
    width: 75%
  }

  .shop-layout-v3>.col-lg-3 {
    width: 25%
  }
}

@media (max-width: 1199px) {
  .shop-product-media-pro {
    height: 205px
  }
}

@media (max-width: 991px) {
  .shop-filter-sidebar {
    position: static;
    min-height: auto
  }
}

@media (max-width: 767px) {
  .shop-product-media-pro {
    height: 155px
  }

  .shop-product-body {
    padding: .78rem .78rem .85rem
  }

  .shop-product-body h5 {
    font-size: .9rem;
    line-height: 1.5
  }

  .shop-color-line {
    font-size: .72rem
  }

  .product-feature-row.compact.pro span {
    font-size: .67rem;
    padding: .28rem .48rem
  }

  .shop-card-meta-grid {
    grid-template-columns: 1fr;
    gap: .38rem
  }

  .shop-card-meta-grid span {
    font-size: .68rem;
    padding: .38rem .5rem
  }

  .shop-card-actions .btn {
    padding: .55rem .68rem;
    font-size: .72rem
  }
}


/* ===== Shop compact fix + right sidebar ===== */
.shop-layout-v3 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row
}

.shop-layout-v3>[class*="col-lg-3"] {
  width: 25%
}

.shop-layout-v3>[class*="col-lg-9"] {
  width: 75%
}

.shop-filter-sidebar {
  position: sticky;
  top: 108px;
  min-height: calc(100vh - 132px);
  display: flex;
  flex-direction: column;
}

.shop-filter-card {
  border-radius: 1.25rem !important;
  padding: .95rem !important;
}

.shop-filter-card .form-label {
  font-size: .8rem;
  margin-bottom: .35rem
}

.shop-filter-card .form-control,
.shop-filter-card .form-select {
  font-size: .86rem;
  padding: .58rem .78rem;
  border-radius: .78rem
}

.shop-chip-group {
  gap: .38rem
}

.shop-chip {
  padding: .34rem .64rem;
  font-size: .72rem
}

.shop-product-card-pro {
  border-radius: 1.15rem !important;
}

.shop-product-media-pro {
  height: 188px;
  padding: .5rem .55rem .35rem;
  border-radius: 1rem 1rem 0 0;
}

.shop-product-media-pro img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .85rem;
}

.shop-product-body {
  padding: .68rem .72rem .72rem !important;
  gap: .08rem;
}

.shop-card-topline {
  margin-bottom: .18rem
}

.shop-card-topline .product-code {
  font-size: .64rem;
  padding: .22rem .46rem
}

.shop-product-body h5 {
  font-size: .94rem;
  line-height: 1.45;
  margin-bottom: .22rem !important;
  min-height: auto
}

.shop-color-line {
  font-size: .78rem;
  margin-bottom: .32rem !important
}

.product-feature-row.compact.pro {
  gap: .3rem;
  margin-bottom: .45rem !important
}

.product-feature-row.compact.pro span {
  font-size: .66rem;
  padding: .26rem .48rem;
  border-radius: 999px
}

.shop-price-stack {
  margin-top: .08rem !important;
  margin-bottom: .5rem !important;
  align-items: center
}

.shop-price-stack .price {
  font-size: 1.14rem;
  line-height: 1.05
}

.shop-price-stack .old-price {
  font-size: .66rem
}

.product-discount {
  font-size: .7rem;
  padding: .38rem .6rem
}

.shop-card-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem;
  margin-bottom: .5rem !important
}

.shop-card-meta-grid span {
  padding: .34rem .45rem;
  border-radius: .7rem;
  font-size: .66rem;
  justify-content: center
}

.shop-card-actions {
  gap: .38rem
}

.shop-card-actions .btn {
  padding: .54rem .58rem;
  font-size: .76rem;
  border-radius: .82rem
}

.shop-card-actions .btn-outline-brand {
  min-width: 62px
}

.shop-toolbar-shell-strong {
  padding: 1rem 1.1rem
}

.shop-active-filters {
  margin-bottom: 1rem !important
}

@media (min-width: 1200px) {
  .shop-product-media-pro {
    height: 200px
  }
}

@media (max-width: 991.98px) {
  .shop-layout-v3 {
    display: block
  }

  .shop-layout-v3>[class*="col-lg-3"],
  .shop-layout-v3>[class*="col-lg-9"] {
    width: 100%
  }

  .shop-filter-sidebar {
    position: static;
    min-height: auto
  }
}

@media (max-width: 767.98px) {
  .shop-toolbar-shell-strong {
    padding: .9rem .95rem
  }

  .shop-product-card-pro {
    border-radius: 1rem !important
  }

  .shop-product-media-pro {
    height: 140px;
    padding: .42rem .42rem .28rem
  }

  .shop-product-body {
    padding: .58rem .6rem .62rem !important
  }

  .shop-product-body h5 {
    font-size: .82rem;
    line-height: 1.38
  }

  .shop-card-topline {
    flex-direction: row;
    align-items: center;
    gap: .35rem
  }

  .shop-card-topline .product-code {
    font-size: .58rem;
    padding: .18rem .38rem
  }

  .shop-color-line {
    font-size: .69rem;
    margin-bottom: .26rem !important
  }

  .product-feature-row.compact.pro {
    gap: .24rem;
    margin-bottom: .36rem !important
  }

  .product-feature-row.compact.pro span {
    font-size: .58rem;
    padding: .2rem .36rem
  }

  .shop-price-stack {
    gap: .32rem;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: .42rem !important
  }

  .shop-price-stack .price {
    font-size: .96rem
  }

  .shop-price-stack .old-price {
    font-size: .6rem
  }

  .product-discount {
    font-size: .62rem;
    padding: .3rem .48rem
  }

  .shop-card-meta-grid {
    gap: .28rem;
    margin-bottom: .42rem !important
  }

  .shop-card-meta-grid span {
    font-size: .58rem;
    padding: .28rem .3rem
  }

  .shop-card-actions {
    gap: .3rem
  }

  .shop-card-actions .btn {
    font-size: .66rem;
    padding: .44rem .32rem
  }
}

@media (max-width: 420px) {
  .shop-product-media-pro {
    height: 132px
  }
}

/* ===== Final shop tuning: bigger image, compact body, right desktop filter ===== */
@media (min-width: 992px) {
  .shop-layout-v3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: flex-start;
  }

  .shop-layout-v3>[class*="col-lg-3"] {
    width: 26%
  }

  .shop-layout-v3>[class*="col-lg-9"] {
    width: 74%
  }

  .shop-filter-sidebar {
    position: sticky;
    top: 110px;
    min-height: calc(100vh - 126px);
  }
}

.shop-product-card-pro {
  display: flex;
  flex-direction: column;
  border-radius: 1.18rem !important;
}

.shop-product-media-pro {
  height: 238px;
  padding: .38rem .38rem 0;
  background: transparent;
  border-radius: 1.15rem 1.15rem 0 0;
}

.shop-product-media-pro img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .98rem;
  box-shadow: 0 16px 30px rgba(0, 0, 0, .18);
}

.shop-product-body {
  padding: .62rem .72rem .7rem !important;
  gap: 0;
}

.shop-card-topline {
  margin-bottom: .18rem;
}

.shop-card-topline .product-code {
  font-size: .62rem;
  padding: .18rem .42rem;
}

.shop-product-body h5 {
  font-size: .93rem;
  line-height: 1.42;
  margin-bottom: .18rem !important;
}

.shop-color-line {
  font-size: .76rem;
  margin-bottom: .25rem !important;
}

.product-feature-row.compact.pro {
  gap: .28rem;
  margin-bottom: .38rem !important;
}

.product-feature-row.compact.pro span {
  font-size: .63rem;
  padding: .22rem .44rem;
  border-radius: 999px;
}

.shop-price-stack {
  margin: .02rem 0 .42rem !important;
  align-items: center;
}

.shop-price-stack .price {
  font-size: 1.08rem;
  line-height: 1;
}

.shop-price-stack .old-price {
  font-size: .64rem;
  margin-top: .06rem;
}

.product-discount {
  font-size: .67rem;
  padding: .34rem .54rem;
}

.shop-card-meta-grid {
  gap: .32rem;
  margin-bottom: .42rem !important;
}

.shop-card-meta-grid span {
  padding: .3rem .42rem;
  font-size: .63rem;
  border-radius: .68rem;
}

.shop-card-actions {
  gap: .34rem;
}

.shop-card-actions .btn {
  padding: .5rem .56rem;
  font-size: .73rem;
  border-radius: .8rem;
}

.shop-card-actions .btn-outline-brand {
  min-width: 58px;
}

@media (min-width: 1200px) {
  .shop-product-media-pro {
    height: 258px
  }
}

@media (max-width: 991.98px) {
  .shop-layout-v3 {
    display: block
  }

  .shop-filter-sidebar {
    position: static;
    min-height: auto
  }

  .shop-product-media-pro {
    height: 178px
  }

  .shop-product-body {
    padding: .58rem .62rem .64rem !important
  }
}

@media (max-width: 767.98px) {
  .shop-product-card-pro {
    border-radius: 1rem !important
  }

  .shop-product-media-pro {
    height: 154px;
    padding: .28rem .28rem 0;
    border-radius: 1rem 1rem 0 0;
  }

  .shop-product-media-pro img {
    border-radius: .82rem
  }

  .shop-product-body {
    padding: .5rem .54rem .54rem !important
  }

  .shop-card-topline {
    margin-bottom: .12rem;
    flex-direction: row;
    align-items: center;
    gap: .28rem
  }

  .shop-card-topline .product-code {
    font-size: .55rem;
    padding: .16rem .34rem
  }

  .shop-product-body h5 {
    font-size: .8rem;
    line-height: 1.34;
    margin-bottom: .12rem !important
  }

  .shop-color-line {
    font-size: .67rem;
    margin-bottom: .18rem !important
  }

  .product-feature-row.compact.pro {
    margin-bottom: .28rem !important
  }

  .product-feature-row.compact.pro span {
    font-size: .58rem;
    padding: .18rem .34rem
  }

  .shop-price-stack {
    margin-bottom: .3rem !important
  }

  .shop-price-stack .price {
    font-size: .94rem
  }

  .shop-price-stack .old-price {
    font-size: .56rem
  }

  .product-discount {
    font-size: .6rem;
    padding: .28rem .42rem
  }

  .shop-card-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .24rem;
    margin-bottom: .3rem !important
  }

  .shop-card-meta-grid span {
    font-size: .56rem;
    padding: .24rem .28rem
  }

  .shop-card-actions .btn {
    padding: .44rem .38rem;
    font-size: .65rem
  }
}


/* ===== Compact shop cards fix: remove empty area, move buy button up, right sidebar ===== */
@media (min-width: 992px) {
  .shop-layout-v3 {
    display: flex !important;
    flex-wrap: nowrap;
    flex-direction: row-reverse !important;
    align-items: flex-start;
    gap: 1.1rem;
  }

  .shop-sidebar-col {
    flex: 0 0 280px;
    max-width: 280px;
    width: 280px
  }

  .shop-grid-col {
    flex: 1 1 auto;
    max-width: calc(100% - 280px - 1.1rem);
    width: auto
  }

  .shop-filter-sidebar {
    position: sticky;
    top: 110px;
    min-height: calc(100vh - 126px);
  }
}

.shop-product-card-pro {
  height: auto !important;
}

.shop-product-media-pro {
  height: 252px;
  padding: .32rem .32rem 0;
}

.shop-product-body {
  padding: .54rem .62rem .58rem !important;
  gap: 0;
}

.shop-product-body>* {
  flex-shrink: 0
}

.shop-card-topline {
  margin-bottom: .12rem
}

.shop-product-body h5 {
  margin-bottom: .1rem !important;
  font-size: .9rem;
  line-height: 1.35
}

.shop-color-line {
  margin-bottom: .18rem !important;
  font-size: .74rem
}

.product-feature-row.compact.pro {
  margin-bottom: .28rem !important
}

.shop-price-stack {
  margin: .02rem 0 .24rem !important
}

.shop-card-actions,
.shop-card-actions.mt-auto {
  order: 5;
  margin-top: 0 !important;
  margin-bottom: .26rem;
  gap: .32rem;
}

.shop-card-meta-grid {
  order: 6;
  margin-bottom: 0 !important;
  gap: .26rem;
}

.shop-card-meta-grid span {
  padding: .28rem .38rem;
  font-size: .62rem
}

.shop-card-actions .btn {
  padding: .48rem .54rem;
  font-size: .72rem
}

.shop-card-actions .btn-outline-brand {
  min-width: 54px
}

@media (min-width: 1200px) {
  .shop-product-media-pro {
    height: 270px
  }
}

@media (max-width: 991.98px) {
  .shop-product-media-pro {
    height: 186px
  }
}

@media (max-width: 767.98px) {
  .shop-product-media-pro {
    height: 162px;
    padding: .24rem .24rem 0
  }

  .shop-product-body {
    padding: .46rem .5rem .5rem !important
  }

  .shop-product-body h5 {
    font-size: .77rem;
    line-height: 1.3
  }

  .shop-color-line {
    font-size: .64rem;
    margin-bottom: .14rem !important
  }

  .product-feature-row.compact.pro {
    margin-bottom: .2rem !important
  }

  .shop-price-stack {
    margin-bottom: .22rem !important
  }

  .shop-card-actions,
  .shop-card-actions.mt-auto {
    margin-bottom: .22rem;
    gap: .26rem
  }

  .shop-card-actions .btn {
    padding: .42rem .34rem;
    font-size: .63rem
  }

  .shop-card-meta-grid span {
    font-size: .54rem;
    padding: .22rem .24rem
  }
}


/* ===== Minimal cleaner shop cards ===== */
.shop-product-body {
  padding: .56rem .62rem .62rem !important
}

.shop-card-topline {
  display: flex;
  justify-content: flex-start;
  margin-bottom: .18rem
}

.shop-card-topline .product-eyebrow {
  font-size: .68rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 244, 225, .68)
}

.shop-product-body h5 {
  font-size: .88rem;
  line-height: 1.45;
  margin-bottom: .18rem !important;
  min-height: auto
}

.shop-color-line {
  font-size: .72rem;
  margin-bottom: .38rem !important;
  color: rgba(255, 244, 225, .76)
}

.shop-color-line span {
  opacity: .72
}

.shop-price-stack {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: .45rem;
  margin: .04rem 0 .46rem !important
}

.shop-price-stack .price {
  font-size: 1rem;
  line-height: 1
}

.shop-price-stack .old-price {
  font-size: .68rem;
  margin-top: .18rem
}

.product-discount {
  padding: .34rem .56rem;
  font-size: .66rem;
  border-radius: .85rem;
  white-space: nowrap
}

.shop-card-actions,
.shop-card-actions.mt-auto {
  margin-bottom: 0;
  gap: .4rem
}

.shop-card-actions .btn {
  padding: .5rem .56rem;
  font-size: .71rem;
  border-radius: .95rem
}

.shop-card-actions .btn-outline-brand {
  flex: 0 0 auto;
  min-width: 62px
}

@media (max-width: 767.98px) {
  .shop-product-body {
    padding: .48rem .5rem .52rem !important
  }

  .shop-card-topline .product-eyebrow {
    font-size: .6rem
  }

  .shop-product-body h5 {
    font-size: .76rem;
    line-height: 1.38;
    margin-bottom: .14rem !important
  }

  .shop-color-line {
    font-size: .63rem;
    margin-bottom: .3rem !important
  }

  .shop-price-stack {
    margin-bottom: .34rem !important;
    gap: .3rem
  }

  .shop-price-stack .price {
    font-size: .9rem
  }

  .shop-price-stack .old-price {
    font-size: .6rem
  }

  .product-discount {
    font-size: .58rem;
    padding: .28rem .42rem
  }

  .shop-card-actions .btn {
    padding: .42rem .36rem;
    font-size: .62rem
  }

  .shop-card-actions .btn-outline-brand {
    min-width: 54px
  }
}


/* ===== Shop final cleanup: right sidebar + compact body + dominant image ===== */
@media (min-width: 992px) {
  .shop-layout-v3 {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: flex-start;
    direction: rtl;
    gap: 1.1rem;
  }

  .shop-sidebar-col {
    width: 290px !important;
    flex: 0 0 290px;
    max-width: 290px;
  }

  .shop-grid-col {
    flex: 1 1 0;
    min-width: 0;
  }

  .shop-filter-sidebar {
    position: sticky;
    top: 108px;
    min-height: calc(100vh - 126px);
  }
}

.shop-product-card-pro {
  display: flex;
  flex-direction: column;
  height: auto !important;
}

.shop-product-media-pro {
  height: 265px;
  padding: .34rem .34rem 0;
}

.shop-product-media-pro img {
  object-fit: cover;
}

.shop-product-body {
  display: block !important;
  padding: .52rem .64rem .62rem !important;
}

.shop-card-topline {
  margin-bottom: .14rem;
}

.shop-product-body h5 {
  font-size: .9rem;
  line-height: 1.38;
  margin-bottom: .12rem !important;
}

.shop-color-line {
  font-size: .74rem;
  margin-bottom: .18rem !important;
}

.shop-price-stack {
  margin: .05rem 0 .34rem !important;
  align-items: center;
}

.shop-price-stack .price {
  font-size: 1.02rem;
}

.shop-price-stack .old-price {
  font-size: .62rem;
}

.product-discount {
  font-size: .63rem;
  padding: .28rem .48rem;
}

.shop-card-actions {
  margin-top: 0 !important;
  gap: .34rem;
}

.shop-card-actions .btn {
  padding: .46rem .54rem;
  font-size: .72rem;
}

@media (min-width: 1200px) {
  .shop-product-media-pro {
    height: 288px
  }
}

@media (max-width: 991.98px) {
  .shop-layout-v3 {
    display: block !important;
    direction: rtl;
  }

  .shop-product-media-pro {
    height: 190px
  }
}

@media (max-width: 767.98px) {
  .shop-product-media-pro {
    height: 168px;
    padding: .26rem .26rem 0
  }

  .shop-product-body {
    padding: .46rem .5rem .52rem !important
  }

  .shop-product-body h5 {
    font-size: .79rem;
    line-height: 1.32
  }

  .shop-color-line {
    font-size: .65rem;
    margin-bottom: .15rem !important
  }

  .shop-price-stack {
    margin-bottom: .26rem !important
  }

  .shop-price-stack .price {
    font-size: .91rem
  }

  .shop-price-stack .old-price {
    font-size: .54rem
  }

  .product-discount {
    font-size: .58rem;
    padding: .24rem .38rem
  }

  .shop-card-actions .btn {
    font-size: .63rem;
    padding: .42rem .34rem
  }
}


/* ===== Right sidebar force + mobile categories 2-up ===== */
@media (min-width: 992px) {
  .shop-layout-v3 {
    flex-direction: row !important;
    justify-content: space-between;
  }

  .shop-sidebar-col {
    order: 2 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .shop-grid-col {
    order: 1 !important;
  }
}

@media (max-width: 575.98px) {
  .categories-grid-clean {
    --bs-gutter-x: .8rem;
    --bs-gutter-y: .8rem;
  }

  .categories-image-media {
    height: 148px
  }

  .categories-image-copy {
    padding: .8rem .78rem .9rem;
    gap: .55rem
  }

  .categories-image-copy h4 {
    font-size: .88rem;
    margin-bottom: .18rem !important
  }

  .categories-image-copy .small-muted {
    font-size: .68rem;
    line-height: 1.7
  }

  .categories-image-link {
    font-size: .72rem
  }
}


.footer-link-group a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.footer-trust-icons {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin-top: 1rem;
}

.footer-trust-icons img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  background: #fff;
  border-radius: 14px;
  padding: 6px;
}

.compact-feature-box {
  min-height: auto !important;
  border-radius: 18px !important;
}

.compact-feature-box h5 {
  font-size: .95rem;
  margin-top: .7rem !important;
}

.compact-feature-box p {
  font-size: .8rem;
  line-height: 1.8;
}

.compact-feature-box i {
  font-size: 1.2rem;
}

@media (max-width:767.98px) {
  .footer.footer-premium {
    padding: 1.2rem 0 .8rem;
    border-radius: 28px 28px 0 0;
  }

  .footer-premium-top {
    grid-template-columns: 1fr !important;
    gap: .7rem;
  }

  .footer-brand-block {
    padding: .4rem .2rem;
    text-align: center;
  }

  .footer-brand {
    justify-content: center;
    margin-bottom: .6rem;
  }

  .footer-brand-text {
    font-size: .8rem !important;
    line-height: 1.8;
    margin-bottom: .7rem;
  }

  .footer-socials {
    justify-content: center;
  }

  .footer-link-group,
  .footer-contact-card {
    padding: .8rem .85rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, .03);
  }

  .footer-link-group h6,
  .footer-contact-card h6 {
    font-size: .92rem;
    margin-bottom: .7rem;
    text-align: center;
  }

  .footer-link-group ul {
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
  }

  .footer-link-group a {
    display: block;
    text-align: center;
    font-size: .82rem !important;
    padding: .35rem 0;
  }

  .footer-contact-item {
    gap: .55rem;
    align-items: center;
  }

  .footer-contact-item i {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    font-size: .85rem;
  }

  .footer-contact-item a,
  .footer-contact-item p,
  .footer-contact-item span {
    font-size: .76rem !important;
    line-height: 1.7;
  }

  .footer-trust-icons {
    justify-content: center;
    gap: .5rem;
    margin-top: .6rem;
  }

  .footer-trust-icons img {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    padding: 4px;
  }

  .footer-bottom-bar {
    margin-top: .8rem;
    padding-top: .8rem;
    justify-content: center;
    text-align: center;
    font-size: .72rem !important;
  }

  .feature-grid-mobile .col-md-6 {
    width: 50%;
  }

  .compact-feature-box {
    padding: .9rem .7rem !important;
    text-align: center;
  }

  .compact-feature-box h5 {
    font-size: .82rem;
    line-height: 1.6;
  }

  .compact-feature-box p {
    font-size: .72rem;
    line-height: 1.7;
  }

  .section-title h2 {
    font-size: 1.15rem;
  }

  .section-title p {
    font-size: .82rem;
    line-height: 1.8;
  }
}

@media (max-width: 576px) {
  .card-clean {
    padding: 10px !important;
    font-size: 13px;
  }

  .card-clean h5 {
    font-size: 14px;
    line-height: 1.4;
  }

  .small-muted {
    font-size: 11px;
  }

  .blog-cover {
    height: 80px;
    /* اگر عکس داری */
  }
}

/* ===== Footer (Green Dark Theme) ===== */
.ov-footer {
  background: var(--bg-1);
  color: var(--text-1);
  padding: 44px 0 0;
}



/* brand */
.ov-footer-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-1);
}

.ov-footer-brand img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  border-radius: 14px;
  background: rgba(255, 255, 255, .04);
  padding: 7px;
  border: 1px solid var(--line);
}

.ov-footer-brand-title {
  font-weight: 900;
  font-size: 18px;
  letter-spacing: -.3px;
}

.ov-footer-brand-sub {
  font-size: 12px;
  color: var(--text-3);
  margin-top: 2px;
}

/* description */
.ov-footer-desc {
  margin: 14px 0 12px;
  color: var(--text-2);
  font-size: 13px;
  line-height: 2;
}

/* social */
.ov-footer-social {
  display: flex;
  gap: 10px;
}

.ov-footer-social a {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-1);
  background: var(--surface-1);
  transition: .15s;
}

.ov-footer-social a:hover {
  transform: translateY(-1px);
  background: var(--surface-2);
  border-color: var(--brand-3);
  box-shadow: var(--shadow-md);
}

/* boxes */
.ov-footer-box {
  height: 100%;
  border: 1px solid var(--line);
  background: var(--surface-1);
  border-radius: 18px;
  padding: 14px;
}

.ov-footer-title {
  font-weight: 900;
  font-size: 14px;
  margin-bottom: 12px;
  color: var(--text-1);
}

/* items */
.ov-footer-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 10px;
  color: var(--text-2);
  font-size: 13px;
  line-height: 2;
}

.ov-footer-item i {
  margin-top: 4px;
  color: var(--brand-4);
  min-width: 16px;
}

/* links */
.ov-footer-link {
  color: var(--text-2);
  font-size: 13px;
  line-height: 2;
}

.ov-footer-link:hover {
  color: var(--text-1);
}

.ov-footer-link.muted {
  color: var(--text-3);
  font-size: 12px;
}

.ov-footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

/* badges */
.ov-footer-badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.ov-badge {
  border: 1px solid var(--line);
  background: var(--surface-1);
  border-radius: 16px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 58px;
  transition: .15s;
}

.ov-badge:hover {
  transform: translateY(-1px);
  background: var(--surface-2);
  border-color: var(--brand-3);
  box-shadow: var(--shadow-md);
}

/* location button */
.ov-footer-location {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 10px 12px;
  background: var(--surface-2);
  border: 1px solid var(--brand-2);
  color: var(--text-1);
  font-weight: 900;
  font-size: 13px;
}

.ov-footer-location:hover {
  background: var(--surface-3);
  color: var(--text-1);
}

.ov-footer-note {
  margin-top: 10px;
  color: var(--text-3);
  font-size: 12px;
}

/* divider & bottom */
.ov-footer-divider {
  height: 1px;
  background: var(--line);
}

.ov-footer-bottom {
  padding: 12px 0 16px;
  color: var(--text-3);
  font-size: 12px;
}

.ov-footer-bottom .muted {
  color: var(--text-3);
}

/* mobile */
@media (max-width: 575.98px) {
  .ov-badge {
    width: 100px;
    height: auto;
  }
}

/* default (desktop) */
.brand-logo-img {
  display: block !important;
  max-height: 48px;
  width: 250px;
  object-fit: contain;
}

/* mobile: بزرگ‌تر */
@media (max-width: 991.98px) {
  .brand-logo-img {
    max-height: 70px;
    /* 👈 اینو بزرگ‌تر کردم */
  }
}

.ov-footer-link {
  text-decoration: underline;
}

@media (max-width: 768px) {

  .shop-overview-shell {
    text-align: center;
  }

  .shop-overview-stats {
    margin-top: 20px;
  }

  /* استات‌ها بهتر بشن */
  .shop-stat-card {
    padding: 12px;
  }

  /* گرید تصاویر موبایل */
  .categories-showcase-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  /* کارت بزرگ هم طبیعی بشه */
  .categories-showcase-card-lg {
    grid-column: span 2;
  }

  /* متن داخل کارت‌ها کوچکتر */
  .categories-showcase-copy strong {
    font-size: 14px;
  }

  .categories-showcase-copy p {
    font-size: 12px;
    margin-bottom: 0;
  }

  /* تصویرها بهتر fit بشن */
  .categories-showcase-card img {
    height: 120px;
    object-fit: cover;
  }
}

#hiden-1 {
  margin: 0px 110px 0px 0px;
  padding: 0px;
}

#bg-soft {
  background-color: rebeccapurple;
  color: darkblue;
}

/* AI redesign */
.cart-table,
.cart-item,
.cart-summary-card {
  background: linear-gradient(135deg, #161616, #2a2a2a) !important;
  border: 1px solid rgba(255, 255, 255, .08);
  backdrop-filter: blur(18px);
  border-radius: 24px;
  color: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .35)
}

.cart-item img,
.cart-product-image,
.cart-table img {
  width: 140px !important;
  height: 140px !important;
  object-fit: cover;
  border-radius: 22px;
  transform: scale(1.02)
}

@media(max-width:768px) {

  .cart-item img,
  .cart-product-image,
  .cart-table img {
    width: 180px !important;
    height: 180px !important;
    display: block;
    margin: auto
  }

  .product-card img {
    height: 240px !important;
    object-fit: cover
  }

  .navbar,
  .mobile-bottom-nav {
    border-radius: 18px
  }
}

.empty-state {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: radial-gradient(circle at top, #3d2b00, #090909 70%);
  position: relative;
  overflow: hidden
}

.empty-state:before,
.empty-state:after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: rgba(255, 196, 0, .12);
  filter: blur(20px);
  animation: floaty 8s ease-in-out infinite
}

.empty-state:after {
  left: -80px;
  bottom: -80px;
  animation-delay: 2s
}

.error-ghost {
  font-size: 120px;
  color: #ffcc47;
  animation: bounce 2s infinite;
  text-shadow: 0 0 35px rgba(255, 204, 71, .7)
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-18px)
  }
}

@keyframes floaty {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(35px)
  }
}

.profile-hero {
  background: linear-gradient(135deg, #1b1b1b, #3d2b00);
  padding: 32px;
  border-radius: 30px;
  color: #fff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .35)
}

.profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  margin-top: 24px
}

.profile-widget {
  background: #171717;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 24px;
  padding: 24px;
  color: #fff;
  transition: .35s
}

.profile-widget:hover {
  transform: translateY(-8px)
}

.profile-widget i {
  font-size: 34px;
  color: #ffcc47;
  margin-bottom: 12px;
  display: block
}

@media(max-width:768px) {
  .profile-hero {
    padding: 22px;
    border-radius: 22px
  }

  .profile-grid {
    grid-template-columns: 1fr
  }
}

/* Final responsive + cart/contact fixes */
.table-clean#bg-soft,
.table-clean#bg-soft thead,
.table-clean#bg-soft tbody,
.table-clean#bg-soft tr,
.table-clean#bg-soft td,
.table-clean#bg-soft th {
  background: transparent !important;
  color: var(--text-1) !important;
  border-color: rgba(255, 255, 255, .08) !important;
}

#bg-soft {
  background: linear-gradient(135deg, rgba(18, 28, 24, .96), rgba(10, 14, 12, .96)) !important;
  border-radius: 2rem;
}

.table-clean thead th {
  color: var(--gold-soft) !important;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}

.table-clean tbody td {
  vertical-align: middle;
  font-size: .98rem;
}

.table-clean tbody tr:hover {
  background: rgba(255, 255, 255, .03) !important;
}

.cart-product-title,
.table-clean strong,
.table-clean .fw-bold {
  color: #fff !important;
}

.table-clean .small-muted {
  color: rgba(255, 255, 255, .68) !important;
}

.table-clean img {
  width: 128px !important;
  height: 128px !important;
  padding: .75rem;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
}

.summary-card {
  overflow: hidden;
}

.contact-page-section .row {
  --bs-gutter-y: 1.5rem;
}

.contact-page-section .summary-card,
.contact-info-panel {
  height: 100%;
}

.footer-brand img,
.navbar-brand img {
  object-fit: contain;
  max-width: 100%;
}

.footer-socials a,
.header-mini-icon,
.contact-info-icon,
.contact-social-btn i {
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .table-clean img {
    width: 104px !important;
    height: 104px !important;
  }

  .summary-card.sticky-top-soft {
    position: static;
    top: auto;
  }
}

@media (max-width: 767px) {
  .table-responsive {
    border-radius: 1.4rem;
  }

  .table-clean {
    min-width: 680px;
  }

  .table-clean img {
    width: 88px !important;
    height: 88px !important;
    border-radius: 1rem !important;
  }

  .contact-page-section .row {
    --bs-gutter-y: 1rem;
  }

  .contact-social-grid,
  .contact-info-list {
    gap: .75rem !important;
  }

  .footer-brand {
    flex-direction: column;
    text-align: center;
  }

  .footer-brand img {
    width: 72px;
    height: 72px;
  }
}

.product-layout-v2 {
  align-items: start;
  gap: 32px
}

.product-gallery-main-pro {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 520px;
  border-radius: 24px;
  overflow: hidden;
  background: #f8f8f8
}

.product-gallery-main-pro img {
  max-width: 100%;
  width: auto !important;
  height: 100% !important;
  object-fit: contain !important
}

.product-thumbs-slider {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 6px
}

.product-thumbs-slider .col-4 {
  flex: 0 0 110px;
  max-width: 110px
}

.thumb-pro {
  border-radius: 18px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: .2s;
  background: #fff;
  padding: 4px;
  height: 100px !important;
  object-fit: cover
}

.thumb-pro.active,
.thumb-pro:hover {
  border-color: #111
}

.product-keyfacts-grid,
.product-assurance-grid {
  text-align: center
}

.product-keyfacts-grid div,
.product-assurance-grid div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px
}

.product-assurance-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px
}

.product-assurance-grid div {
  padding: 18px 10px;
  border-radius: 18px;
  background: #1d2b23
}

.product-assurance-grid i {
  font-size: 22px
}

.btn-lg {
  padding: .75rem 1rem !important;
  font-size: .95rem !important;
  border-radius: 14px !important
}

.review-item {
  padding: 18px;
  border: 1px solid #eee;
  border-radius: 18px;
  margin-bottom: 20px
}

.review-form .form-control,
.review-form .form-select {
  border-radius: 14px;
  min-height: 52px
}

.review-form textarea.form-control {
  min-height: 130px
}

@media(max-width:768px) {
  .product-layout-v2 {
    display: flex;
    flex-direction: column
  }

  .product-gallery-main-pro {
    min-height: 340px
  }

  .product-assurance-grid,
  .product-keyfacts-grid {
    grid-template-columns: repeat(2, 1fr) !important
  }

  .product-keyfacts-grid div,
  .product-assurance-grid div {
    padding: 14px
  }

  .product-summary-head,
  .product-price-hero,
  .col-12.d-grid.d-md-flex.gap-2 {
    flex-direction: column;
    gap: 12px
  }

  .btn-lg {
    width: 100%
  }
}

.contact-clean-section {
  background: linear-gradient(180deg, #111917, #16201d)
}

.contact-clean-header {
  max-width: 680px;
  margin: auto
}

.contact-clean-header h1 {
  font-size: 2.2rem;
  font-weight: 800;
  margin: .8rem 0;
  color: var(--text-1)
}

.contact-clean-header p {
  color: var(--text-3);
  margin: 0
}

.contact-clean-badge {
  display: inline-block;
  padding: .55rem 1rem;
  border-radius: 999px;
  background: rgba(184, 146, 94, .14);
  color: var(--gold-soft);
  font-size: .85rem
}

.contact-clean-sidebar,
.contact-clean-main {
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 1.5rem;
  padding: 1.5rem;
  height: 100%
}

.contact-clean-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 10px;
}

.contact-clean-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .025)
}

.contact-clean-item i {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(184, 146, 94, .12);
  color: var(--gold-soft);
  font-size: 1.1rem
}

.contact-clean-item strong,
.contact-clean-item a,
.contact-clean-item span {
  display: block
}

.contact-clean-item strong {
  margin-bottom: .3rem;
  color: var(--text-1)
}

.contact-clean-item a,
.contact-clean-item span {
  color: var(--text-3)
}

.contact-clean-map {
  overflow: hidden;
  border-radius: 1.2rem;
  margin-bottom: 1.2rem;
  height: 300px
}

.contact-clean-map iframe {
  width: 100%;
  height: 100%;
  border: 0
}

.contact-clean-socials {
  display: flex;
  gap: .8rem;
  padding-top: .5rem
}

.contact-clean-socials a {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .06);
  color: var(--text-1)
}

.contact-clean-main .form-control {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
  min-height: 54px
}

.contact-clean-main textarea.form-control {
  min-height: 140px
}

@media(max-width:767px) {
  .contact-clean-header h1 {
    font-size: 1.7rem
  }

  .contact-clean-sidebar,
  .contact-clean-main {
    padding: 1rem
  }

  .contact-clean-map {
    height: 220px
  }
}