.logo img {
  height: 100%;
  min-height: 0;
}

.user-menu .user-img {
  border-radius: 50px !important;
  border: 1px solid #fff !important;
}

.nav-bar.nav-bar-sm .drop-down .drop-down-btn {
  color: #080808;
}

.nav-bar.nav-bar-sm .nav-bar-container {
  height: 55px !important;
}

.btn.btn-outline-premium {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #ffffff;
}

.btn.btn-outline-premium:hover {
  background: var(--primary_hover);
  border-color: var(--primary_hover);
  color: #ffffff;
}

@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

.sc-c2-addons.small.text-muted.mb-2 {
  padding-top: 8px;
}

.section {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  overflow-x: clip;
  overflow-y: visible;
}

@media (max-width: 1199.98px) {
  .nav-bar .link-btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {

  .h2,
  h2 {
    font-size: 1.2rem !important;
  }
}

.item-badge.item-badge-premium {
  background-color: #a314e3 !important;
}

@media (min-width: 1200px) {

  .h1,
  h1 {
    font-size: 1.5rem !important;
  }
}

.h5,
h5 {
  font-size: 1rem !important;
}

.table tbody td {
  padding: 14px 22px;
  white-space: nowrap;
  color: #171717 !important;
  border-top: 2px solid #f7f7f7;
  vertical-align: middle;
}

.settings-links .settings-link {
  padding: 12px 25px;
  color: #4a4a4b !important;
  border-radius: 8px;
}

.dashboard-container-lg {
  max-width: 1450px !important;
}

.dashboard-container-sm {
  max-width: 1450px !important;
}

.item .item-body {
  padding: 15px !important;
}

:root {
  --sc-radius: 14px;
  --sc-radius-sm: 10px;
  --sc-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);
  --sc-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);
  --sc-ring: 0 0 0 4px rgba(var(--primary_rgb, 14, 90, 60), .18);
  --sc-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

:root {
  --primary_color: #0e5a3c;
  --primary_rgb: 14, 90, 60;
  --swiper_background_color: #edf5f0;
  --files_icon_color: #0e5a3c;
}

:root {
  --sc-ink: #0a1410;
  --sc-ink-2: #0e1a14;
  --sc-pine: #0a3d29;
  --sc-forest: #0e5a3c;
  --sc-moss: #157a4f;
  --sc-mint: #25c281;
  --sc-gold: #e6a92e;
  --sc-gold-hi: #f5c451;
  --sc-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;
}

.sc-den {
  background: radial-gradient(120% 120% at 20% 10%, var(--primary_dark), var(--sc-ink));
  color: #eaf3ee;
  position: relative;
  overflow: hidden;
}

.sc-den::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 180px;
  height: 180px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 14, 90, 60), .16), transparent 65%);
}

.sc-den-eyebrow {
  font-family: var(--sc-mono);
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--sc-gold);
}

.sc-grad {
  background: linear-gradient(100deg, var(--sc-mint), #7ff0c0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sc-wolf-wm {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 56px;
  height: 56px;
  opacity: .4;
  pointer-events: none;
}

.sc-badge-premium {
  background: linear-gradient(100deg, var(--sc-gold), var(--sc-gold-hi)) !important;
  color: #231705 !important;
  border: 0 !important;
  box-shadow: 0 4px 14px rgba(230, 169, 46, .32);
}

.sc-mono-label {
  font-family: var(--sc-mono);
  text-transform: uppercase;
  letter-spacing: .1em;
}

body {
  font-family: var(--sc-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.011em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.header-title {
  font-family: var(--sc-font);
  font-weight: 700;
  letter-spacing: -0.02em;
}

a {
  transition: color .2s ease;
}

::selection {
  background: var(--primary_color);
  color: #ffffff;
}

::-moz-selection {
  background: var(--primary_color);
  color: #ffffff;
}

.btn {
  border-radius: var(--sc-radius-sm);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.btn.btn-primary {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border: none;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-image: linear-gradient(135deg, var(--sc-pine, var(--primary_hover)) 0%, var(--primary_color) 100%);
  -webkit-box-shadow: var(--sc-ring) !important;
  box-shadow: var(--sc-ring) !important;
}

.btn.btn-outline-primary {
  border-width: 1.5px;
}

.btn.btn-outline-primary:hover {
  -webkit-box-shadow: var(--sc-ring) !important;
  box-shadow: var(--sc-ring) !important;
}

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

.btn:active {
  transform: translateY(0);
}

.item {
  border-radius: var(--sc-radius-sm);
  border: 1px solid var(--border_color);
  box-shadow: var(--sc-shadow);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.item:hover {
  transform: translateY(-4px);
  box-shadow: var(--sc-shadow-lg);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .35);
}

.item-header,
.item-img,
.item-video,
.item-audio {
  overflow: hidden;
}

.item-header img,
.item-header video,
.item-header .item-img {
  display: block;
}

.item .item-header {
  aspect-ratio: 59 / 30;
  height: auto;
  background: #f4f5f7;
  position: relative;
}

.sc-item-fav {
  position: absolute;
  top: 10px;
  inset-inline-end: 10px;
  z-index: 3;
}

@media (hover: hover) {
  .sc-item-fav {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
  }

  .item:hover .sc-item-fav,
  .item .sc-item-fav:has(.btn-custom) {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (max-width: 767.98px) {
  .sc-item-fav {
    display: none;
  }
}

.sc-item-fav .btn {
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .92);
  border: none;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .18);
  color: #ef4444;
  font-size: 15px;
}

.sc-item-fav .btn:hover {
  background: #ffffff;
  color: #ef4444;
}

.sc-item-fav .btn.btn-custom {
  background: #ef4444;
  color: #ffffff;
}

.sc-item-fav .btn.btn-custom:hover {
  background: #dc2626;
  color: #ffffff;
}

.item .item-header>a {
  display: block;
  height: 100%;
}

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

.item-img,
.item-video video {
  transition: transform .4s ease;
}

.item:hover .item-img,
.item:hover .item-video video {
  transform: scale(1.04);
}

.item-title a {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.item-title a:hover {
  color: var(--primary_color);
}

.item-badge {
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .01em;
  backdrop-filter: saturate(140%) blur(2px);
}

.nav-bar-container {
  box-shadow: none;
}

.nav-bar-links .link:hover .link-title,
.nav-bar-links .link.active .link-title {
  color: var(--primary_color);
}

.link-btn {
  border-radius: var(--sc-radius-sm);
  transition: .2s ease;
}

.header-inner {
  border-radius: 0 0 var(--sc-radius) var(--sc-radius);
}

.header-title {
  font-weight: 800;
  letter-spacing: -0.03em;
}

.header-search .search,
.header-search input,
.search input {
  border-radius: var(--sc-radius-sm);
}

.section-title {
  font-weight: 700;
}

.section-title:after,
.section-head:after {
  border-radius: 2px;
}

.form-control,
.form-select,
.input,
input.form-control,
textarea.form-control {
  border-radius: var(--sc-radius-sm);
  border-color: var(--border_color);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.form-control:focus,
.form-select:focus,
input.form-control:focus,
textarea.form-control:focus {
  border-color: var(--primary_color);
  box-shadow: var(--sc-ring);
}

.card,
.box,
.panel {
  border-radius: var(--sc-radius);
  border: 1px solid var(--border_color);
  box-shadow: var(--sc-shadow);
}

.drop-down-menu,
.dropdown-menu {
  border-radius: var(--sc-radius-sm);
  border: 1px solid var(--border_color);
  box-shadow: var(--sc-shadow-lg);
  overflow: hidden;
}

.footer {
  border-top: 1px solid var(--footer_border_color);
}

.footer a {
  transition: color .2s ease, opacity .2s ease;
}

.footer a:hover {
  color: #fff;
  opacity: 1;
}

.footer-counter-title {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.dashboard-sidebar,
.workspace-sidebar {
  border-right: 1px solid rgba(255, 255, 255, .06);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
  background-clip: padding-box;
}

.pagination .page-link {
  border-radius: var(--sc-radius-sm) !important;
  margin: 0 3px;
  border-color: var(--border_color);
  color: var(--text_color);
}

.pagination .page-item.active .page-link {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border-color: transparent;
}

.sc-hero {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.sc-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .94) 0%, rgba(30, 27, 75, .86) 55%, rgba(49, 46, 129, .80) 100%);
  z-index: 0;
}

.sc-hero-glow {
  position: absolute;
  top: -30%;
  right: -10%;
  width: 620px;
  height: 620px;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 14, 90, 60), .45) 0%, rgba(var(--primary_rgb, 14, 90, 60), 0) 70%);
  z-index: 0;
  pointer-events: none;
}

.sc-hero-inner {
  position: relative;
  z-index: 1;
  background: transparent !important;
  box-shadow: none !important;
  padding: clamp(3.5rem, 9vw, 7rem) 0;
}

.sc-hero-content {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.sc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #cfe6da;
  background: rgba(var(--primary_rgb, 14, 90, 60), .16);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 22px;
}

.sc-hero-title.header-title,
.sc-hero-title {
  color: #fff;
  font-weight: 800;
  font-size: clamp(2rem, 4.6vw, 3.4rem);
  line-height: 1.1;
  letter-spacing: -0.03em;
  margin-bottom: 18px;
}

.sc-hero-text.header-text,
.sc-hero-text {
  color: #cbd5e1;
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  line-height: 1.7;
  max-width: 620px;
  margin: 0 auto 30px;
}

.sc-hero-search {
  max-width: 640px;
  margin: 0 auto;
}

.sc-hero-search .search-input {
  background: #fff;
  border-radius: 999px;
  padding: 7px 7px 7px 8px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .35);
}

.sc-hero-search .search-input input {
  border: none;
  background: transparent;
  font-size: 15px;
  padding-left: 14px;
}

.sc-hero-search .search-input .btn {
  border-radius: 999px;
  padding-left: 22px;
  padding-right: 22px;
}

.sc-hero-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 38px;
}

.sc-hero-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sc-hero-stat-num {
  font-size: clamp(1.4rem, 2.6vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.1;
}

.sc-hero-stat-label {
  font-size: 13px;
  color: #94a3b8;
  margin-top: 4px;
}

.sc-hero-stat-sep {
  width: 1px;
  height: 36px;
  background: rgba(148, 163, 184, .3);
}

.nav-bar-links .link .link-title span {
  font-weight: 500;
  transition: color .2s ease;
}

.drop-down-btn {
  font-weight: 500;
  transition: color .2s ease;
}

.drop-down-btn:hover {
  color: var(--primary_color);
}

.nav-bar-buttons .link-btn .btn,
.nav-bar-actions .btn {
  border-radius: 999px;
}

.cart-counter {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border: 2px solid #fff;
  font-weight: 600;
}

.announcement {
  letter-spacing: -0.01em;
}

.sc-footer {
  position: relative;
  overflow: hidden;
  background: var(--footer_background_color);
}

.sc-footer-glow {
  position: absolute;
  top: -140px;
  left: 50%;
  transform: translateX(-50%);
  width: 760px;
  height: 320px;
  background: radial-gradient(ellipse at center, rgba(var(--primary_rgb, 14, 90, 60), .22) 0%, rgba(var(--primary_rgb, 14, 90, 60), 0) 70%);
  pointer-events: none;
}

.sc-footer-newsletter {
  position: relative;
  border-bottom: 1px solid var(--footer_border_color);
  padding: 36px 0;
}

.sc-footer-upper {
  position: relative;
  padding: 56px 0 40px;
}

.sc-footer-logo img {
  height: 38px;
  width: auto;
}

.sc-footer-about {
  color: var(--footer_text_color);
  line-height: 1.7;
  max-width: 380px;
  margin: 18px 0 0;
}

.sc-footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.sc-footer-socials .social-btn {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.sc-footer-socials .social-btn:hover {
  transform: translateY(-2px);
  color: #fff;
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border-color: transparent;
}

.sc-footer-stats {
  display: flex;
  gap: 40px;
  margin-top: 28px;
}

.sc-footer-stat .footer-counter-text {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0;
}

.sc-footer-stat .footer-counter-title {
  font-size: 13px;
  color: var(--footer_text_color);
  margin: 2px 0 0;
}

.sc-footer-col-title .h6,
a.sc-footer-col-title {
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.sc-footer-links-grid .footer-links {
  margin-top: 16px;
}

.sc-footer-links-grid .footer-link {
  margin-bottom: 10px;
}

.sc-footer-links-grid .footer-link a,
.sc-footer-links-grid .footer-text {
  color: var(--footer_text_color);
  transition: color .2s ease, padding-left .2s ease;
}

.sc-footer-links-grid .footer-link a:hover {
  color: #fff;
  padding-left: 4px;
}

.sc-footer-lower {
  position: relative;
  border-top: 1px solid var(--footer_border_color);
  padding: 22px 0;
}

.sc-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.sc-footer-bottom .footer-copyright {
  color: var(--footer_text_color);
  font-size: 14px;
}

.sc-footer-payment img {
  max-height: 26px;
  width: auto;
  opacity: .85;
}

.sc-footer-top {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.sc-footer-top:hover {
  transform: translateY(-2px);
  color: #fff;
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border-color: transparent;
}

.sc-items-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.sc-items-toolbar-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sc-items-toolbar-title h5 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.sc-items-count {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.18);
  padding: 4px 12px;
  border-radius: 999px;
}

.sc-items-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sc-filter-btn {
  border-radius: var(--sc-radius-sm);
  font-weight: 600;
}

#itemsGrid,
#itemsList {
  border-radius: var(--sc-radius-sm);
}

#itemsGrid[disabled],
#itemsList[disabled] {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #fff;
  opacity: 1;
}

.sc-item-media {
  position: relative;
  display: block;
}

.sc-item-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top, rgba(15, 23, 42, .55), rgba(15, 23, 42, .15));
  opacity: 0;
  transition: opacity .25s ease;
}

.item:hover .sc-item-overlay {
  opacity: 1;
}

.sc-item-overlay-btn {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(var(--primary_rgb, 14, 90, 60), .92);
  border: 1px solid rgba(255, 255, 255, .25);
  padding: 9px 18px;
  border-radius: 999px;
  transform: translateY(8px);
  transition: transform .25s ease;
}

.item:hover .sc-item-overlay-btn {
  transform: translateY(0);
}

.item-body {
  padding: 16px 18px 18px;
}

.item-title {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: var(--heading_color);
}

.item-text {
  font-size: 13px;
  color: var(--text_muted);
}

.item-text a {
  color: var(--text_color);
  font-weight: 500;
}

.item-text a:hover {
  color: var(--primary_color);
}

.item-purchase {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--border_color);
}

.item-price-number {
  font-weight: 700;
  font-size: 17px;
  color: var(--heading_color);
  letter-spacing: -0.02em;
}

.item-price-through {
  color: var(--text_muted);
  text-decoration: line-through;
  font-size: 13px;
  margin-right: 4px;
}

.item-sales {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: var(--text_muted);
  margin-top: 4px;
}

.item-purchase>.row {
  flex-wrap: nowrap;
  gap: 10px;
}

.item-purchase>.row>.col:last-child .row {
  flex-wrap: nowrap;
  gap: 6px;
}

.item-purchase .btn-padding {
  border-radius: var(--sc-radius-sm);
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.item-purchase .sc-item-preview {
  height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.item-purchase .sc-item-preview .ms-2 {
  margin-inline-start: 6px !important;
}

.item-purchase>.row>.col:last-child .row {
  align-items: center;
}

.item-purchase>.row>.col:first-child {
  min-width: 0;
}

.item-purchase>.row>.col:last-child {
  flex-shrink: 0;
}

.item-purchase form {
  margin: 0;
}

@media (max-width: 575.98px) {

  .item-purchase>.row {
    gap: 8px;
  }

  .item-purchase>.row>.col:last-child .row {
    gap: 6px;
  }

  .item-purchase .btn-padding {
    width: 32px;
    height: 32px;
  }

  .item-purchase .sc-item-preview {
    width: 32px;
    height: 32px;
    padding: 0;
  }

  .item-purchase .sc-item-preview .sc-item-preview-text {
    display: none !important;
  }

  .item-purchase .btn-padding i,
  .item-purchase .sc-item-preview i {
    font-size: 13px;
  }
}

.sc-footer-links-grid .footer-link {
  margin-bottom: 10px;
}

.sc-footer-links-grid .footer-link a,
.sc-footer-links-grid .footer-text {
  color: var(--footer_text_color);
  transition: color .2s ease, padding-left .2s ease;
}

.sc-footer-links-grid .footer-link a:hover {
  color: #fff;
  padding-left: 4px;
}

.sc-footer-lower {
  position: relative;
  border-top: 1px solid var(--footer_border_color);
  padding: 22px 0;
}

.sc-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.sc-footer-bottom .footer-copyright {
  color: var(--footer_text_color);
  font-size: 14px;
}

.sc-footer-payment img {
  max-height: 26px;
  width: auto;
  opacity: .85;
}

.sc-footer-top {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.sc-footer-top:hover {
  transform: translateY(-2px);
  color: #fff;
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border-color: transparent;
}

.sc-items-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.sc-items-toolbar-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sc-items-toolbar-title h5 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.sc-items-count {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.18);
  padding: 4px 12px;
  border-radius: 999px;
}

.sc-items-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sc-filter-btn {
  border-radius: var(--sc-radius-sm);
  font-weight: 600;
}

#itemsGrid,
#itemsList {
  border-radius: var(--sc-radius-sm);
}

#itemsGrid[disabled],
#itemsList[disabled] {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #fff;
  opacity: 1;
}

.sc-item-media {
  position: relative;
  display: block;
}

.sc-item-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top, rgba(15, 23, 42, .55), rgba(15, 23, 42, .15));
  opacity: 0;
  transition: opacity .25s ease;
}

.item:hover .sc-item-overlay {
  opacity: 1;
}

.sc-item-overlay-btn {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(var(--primary_rgb, 14, 90, 60), .92);
  border: 1px solid rgba(255, 255, 255, .25);
  padding: 9px 18px;
  border-radius: 999px;
  transform: translateY(8px);
  transition: transform .25s ease;
}

.item:hover .sc-item-overlay-btn {
  transform: translateY(0);
}

.item-body {
  padding: 16px 18px 18px;
}

.item-title {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: var(--heading_color);
}

.item-text {
  font-size: 13px;
  color: var(--text_muted);
}

.item-text a {
  color: var(--text_color);
  font-weight: 500;
}

.item-text a:hover {
  color: var(--primary_color);
}

.item-purchase {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--border_color);
}

.item-price-number {
  font-weight: 700;
  font-size: 17px;
  color: var(--heading_color);
  letter-spacing: -0.02em;
}

.item-price-through {
  color: var(--text_muted);
  text-decoration: line-through;
  font-size: 13px;
  margin-right: 4px;
}

.item-sales {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: var(--text_muted);
  margin-top: 4px;
}

.item-purchase>.row {
  flex-wrap: nowrap;
  gap: 10px;
}

.item-purchase>.row>.col:last-child .row {
  flex-wrap: nowrap;
  gap: 6px;
}

.item-purchase .btn-padding {
  border-radius: var(--sc-radius-sm);
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.item-purchase .sc-item-preview {
  height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.item-purchase .sc-item-preview .ms-2 {
  margin-inline-start: 6px !important;
}

.item-purchase>.row>.col:last-child .row {
  align-items: center;
}

.item-purchase>.row>.col:first-child {
  min-width: 0;
}

.item-purchase>.row>.col:last-child {
  flex-shrink: 0;
}

.item-purchase form {
  margin: 0;
}

@media (max-width: 575.98px) {

  .item-purchase>.row {
    gap: 8px;
  }

  .item-purchase>.row>.col:last-child .row {
    gap: 6px;
  }

  .item-purchase .btn-padding {
    width: 32px;
    height: 32px;
  }

  .item-purchase .sc-item-preview {
    width: 32px;
    height: 32px;
    padding: 0;
  }

  .item-purchase .sc-item-preview .sc-item-preview-text {
    display: none !important;
  }

  .item-purchase .btn-padding i,
  .item-purchase .sc-item-preview i {
    font-size: 13px;
  }
}

.item.item-inline .sc-item-overlay {
  display: none;
}

.woocommerce-shop section.section,
.post-type-archive-product section.section,
.tax-product_cat section.section,
.tax-product_tag section.section {
  overflow: visible !important;
}

@media (min-width: 1200px) {
  .sc-shop-sidebar-col {
    align-self: stretch !important;
    position: relative;
    overflow: visible !important;
  }

  #searchFiltersSidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 96px;
    z-index: 10;
    overflow: visible !important;
    max-height: none !important;
  }
}

#searchFiltersSidebar .card-v,
.offcanvas .card-v {
  background-color: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#searchFiltersSidebar .card-v:hover {
  box-shadow: 0 8px 26px -2px rgba(15, 23, 42, 0.12), 0 4px 10px -1px rgba(15, 23, 42, 0.06) !important;
}

#searchFiltersSidebar .sc-qpromo {
  border-radius: 16px !important;
  box-shadow: 0 10px 25px -4px rgba(10, 20, 16, 0.35), 0 4px 10px -2px rgba(10, 20, 16, 0.2) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#searchFiltersSidebar .sc-qpromo:hover {
  box-shadow: 0 14px 32px -4px rgba(10, 20, 16, 0.45), 0 6px 14px -2px rgba(10, 20, 16, 0.25) !important;
}

#searchFiltersSidebar h5 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.filter-item .form-check-input {
  border-radius: 6px;
  border-color: var(--border_color);
  cursor: pointer;
}

.filter-item .form-check-input:checked {
  background-color: var(--primary_color);
  border-color: var(--primary_color);
}

.filter-item .form-check-label {
  cursor: pointer;
  color: var(--text_color);
}

.filter-item {
  transition: color .2s ease;
}

.filter-item:hover .form-check-label {
  color: var(--primary_color);
}

.items+.pagination,
.card-v .py-5 h3 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.card-v {
  border-radius: var(--sc-radius);
  box-shadow: var(--sc-shadow);
}

.card-v.border {
  border: 1px solid var(--border_color) !important;
}

.item-single-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.item-single-title.h2 {
  font-size: 1.5rem;
}

.section-title-text {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.section-title-divider {
  height: 4px;
  border-radius: 999px;
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
}

.item-single-preview .item-single-video video,
.item-single-preview {
  border-radius: var(--sc-radius);
}

.item-single-img {
  display: block;
  overflow: hidden;
  border-radius: var(--sc-radius);
  background-color: #f4f5f7;
}

.item-single-img img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto;
  border-radius: var(--sc-radius);
}

.sc-single-wolf {
  display: none;
}

.form-check-lg {
  padding: 0;
  margin-bottom: 12px;
}

.form-check-lg .form-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  margin: 0;
}

.form-check-lg .form-check-label {
  position: relative;
  width: 100%;
  border: 1.5px solid var(--border_color);
  border-radius: var(--sc-radius-sm);
  padding: 16px 58px 16px 18px;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.form-check-lg .form-check-label::after {
  content: '';
  position: absolute;
  top: 50%;
  inset-inline-end: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid var(--border_color);
  border-radius: 50%;
  transition: .2s ease;
}

.form-check-lg:hover .form-check-label {
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .5);
}

.license-type:checked+.form-check-label {
  border-color: var(--primary_color);
  background: var(--swiper_background_color);
  box-shadow: var(--sc-ring);
}

.license-type:checked+.form-check-label::after {
  border-color: var(--primary_color);
  background: var(--primary_color);
  box-shadow: inset 0 0 0 3px #fff;
}

.license-type:checked+.form-check-label h6 {
  color: var(--primary_color);
}

.user-avatar img {
  border-radius: 14px;
  object-fit: cover;
}

.user-avatar-lg,
.user-avatar-lg img {
  width: 58px;
  height: 58px;
}

.item-author-badge img {
  border-radius: 8px;
}

.card-v .small .d-flex.justify-content-between p {
  color: var(--text_color);
}

.list-item {
  padding: 4px 0;
}

.item-swiper .swiper-button-prev,
.item-swiper .swiper-button-next {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 10px;
  box-shadow: var(--sc-shadow);
  color: var(--heading_color);
  transition: .2s ease;
}

.item-swiper .swiper-button-prev:hover,
.item-swiper .swiper-button-next:hover {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border-color: transparent;
  color: #fff;
}

.sc-section-head {
  margin-bottom: 12px;
}

.sc-overline {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--primary_color);
  margin-bottom: 10px;
}

.sc-section-title {
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--heading_color);
  font-size: clamp(1.5rem, 3vw, 2.1rem);
}

.sc-why {
  padding-top: 56px;
}

.sc-why-card {
  height: 100%;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  padding: 26px 22px;
  box-shadow: var(--sc-shadow);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sc-why-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sc-shadow-lg);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .35);
}

.sc-why-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  font-size: 22px;
  color: var(--primary_color);
  background: var(--swiper_background_color);
  margin-bottom: 18px;
}

.sc-why-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--heading_color);
  margin-bottom: 8px;
}

.sc-why-text {
  font-size: 14px;
  color: var(--text_muted);
  line-height: 1.6;
  margin: 0;
}

.sc-stats-section {
  padding: 36px 0;
}

.sc-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(16px, 4vw, 56px);
}

.sc-stat {
  width: 150px;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sc-stat-num {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0f172a;
  line-height: 1.1;
}

.sc-stat-label {
  font-size: 13px;
  color: #334155;
  margin-top: 4px;
}

.sc-shape-scallop {
  background: #fbcfe8;
  border-radius: 42% 58% 57% 43% / 45% 44% 56% 55%;
}

.sc-shape-hexagon {
  background: #bfdbfe;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

.sc-shape-star {
  background: #ddd6fe;
  clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.sc-shape-circle {
  background: #bcdfcd;
  border-radius: 50%;
}

.sc-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  background: linear-gradient(135deg, var(--sc-moss) 0%, var(--primary_color) 100%);
  border-radius: var(--sc-radius);
  padding: 30px 36px;
  box-shadow: 0 18px 40px rgba(var(--primary_rgb, 14, 90, 60), .25);
}

.sc-cta-overline {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #cfe6da;
  margin-bottom: 4px;
}

.sc-cta-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0;
  font-size: clamp(1.2rem, 2.4vw, 1.6rem);
}

.sc-cta-btn {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  color: #fff;
  background: #0f172a;
  padding: 13px 26px;
  border-radius: 999px;
  white-space: nowrap;
  transition: transform .2s ease, background .2s ease;
}

.sc-cta-btn:hover {
  transform: translateY(-2px);
  background: #1e293b;
  color: #fff;
}

.sc-marquee {
  overflow: hidden;
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  padding: 16px 0;
}

.sc-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: sc-marquee 26s linear infinite;
}

.sc-marquee-item {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: capitalize;
  color: #fff;
  padding: 0 28px;
  white-space: nowrap;
}

@keyframes sc-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.home-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  padding: 24px 16px;
  box-shadow: var(--sc-shadow);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.home-category:hover {
  transform: translateY(-5px);
  box-shadow: var(--sc-shadow-lg);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .35);
}

.home-category-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: var(--swiper_background_color);
  margin-bottom: 14px;
}

.home-category-img img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.home-category-title {
  font-weight: 600;
  font-size: 14px;
  color: var(--heading_color);
  margin: 0;
}

.accordion-custom .accordion-item {
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius-sm) !important;
  margin-bottom: 12px;
  overflow: hidden;
  background: #fff;
}

.accordion-custom .accordion-button {
  font-weight: 600;
  color: var(--heading_color);
  border-radius: 0 !important;
}

.accordion-custom .accordion-button:not(.collapsed) {
  background: var(--swiper_background_color);
  color: var(--primary_color);
}

.accordion-custom .accordion-button:focus {
  box-shadow: none;
}

.testimonials-swiper .swiper-button-prev,
.testimonials-swiper .swiper-button-next {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 12px;
  box-shadow: var(--sc-shadow);
  color: var(--heading_color);
}

.testimonials-swiper .swiper-button-prev:hover,
.testimonials-swiper .swiper-button-next:hover {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border-color: transparent;
  color: #fff;
}

@media (max-width: 575px) {
  .sc-hero-stats {
    gap: 18px;
  }

  .sc-footer-stats {
    gap: 28px;
  }

  .sc-footer-bottom {
    justify-content: center;
    text-align: center;
  }

  .sc-items-toolbar {
    align-items: flex-start;
  }

  .sc-stat {
    width: 120px;
    height: 120px;
  }

  .sc-stat-num {
    font-size: 21px;
  }

  .sc-cta {
    justify-content: center;
    text-align: center;
  }
}

.sc-hero-light .sc-hero-overlay {
  background: linear-gradient(135deg, rgba(250, 248, 243, .95) 0%, rgba(255, 247, 230, .93) 100%);
}

.sc-hero-light .sc-hero-inner {
  position: relative;
}

.sc-hero-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
  z-index: 0;
  pointer-events: none;
}

.sc-hero-blob-1 {
  top: 8%;
  left: -60px;
  width: 220px;
  height: 220px;
  background: rgba(var(--primary_rgb, 14, 90, 60), .14);
}

.sc-hero-blob-2 {
  bottom: 6%;
  right: -40px;
  width: 260px;
  height: 260px;
  background: rgba(var(--primary_rgb, 14, 90, 60), .16);
}

.sc-hero-light .sc-hero-eyebrow {
  color: #7a5a00;
  background: rgba(var(--primary_rgb, 14, 90, 60), .12);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .25);
}

.sc-hero-light .sc-hero-title.header-title,
.sc-hero-light .sc-hero-title {
  color: var(--heading_color);
}

.sc-hero-light .sc-hero-text.header-text,
.sc-hero-light .sc-hero-text {
  color: var(--text_color);
}

.sc-hero-light .sc-hero-search .search-input {
  box-shadow: 0 12px 34px rgba(15, 23, 42, .12);
  border: 1px solid var(--border_color);
}

.sc-hero-light .sc-hero-stat-num {
  color: var(--heading_color);
}

.sc-hero-light .sc-hero-stat-label {
  color: var(--text_muted);
}

.sc-hero-light .sc-hero-stat-sep {
  background: var(--border_color);
}

.sc-hero-seal {
  position: absolute;
  top: 28px;
  inset-inline-end: 8px;
  width: 118px;
  height: 118px;
  z-index: 2;
}

.sc-hero-seal svg {
  width: 100%;
  height: 100%;
  animation: sc-spin 22s linear infinite;
}

.sc-seal-ring {
  fill: #13794f;
}

.sc-seal-text {
  font-size: 9.4px;
  font-weight: 700;
  letter-spacing: 1.2px;
  fill: #ffffff;
  text-transform: uppercase;
}

.sc-seal-big {
  font-size: 20px;
  font-weight: 800;
  fill: #0f172a;
  text-anchor: middle;
}

.sc-seal-small {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  fill: #ffffff;
  text-anchor: middle;
}

@keyframes sc-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 991px) {
  .sc-hero-seal {
    display: none;
  }
}

.sc-trends-section {
  padding-top: 36px;
}

.sc-trend-card {
  position: relative;
  display: block;
  height: 100%;
  background: linear-gradient(160deg, rgba(var(--primary_rgb, 14, 90, 60), 0.08) 0%, rgba(var(--primary_rgb, 14, 90, 60), 0.15) 100%);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.18);
  border-radius: var(--sc-radius);
  padding: 26px 22px 56px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.sc-trend-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sc-shadow-lg);
}

.sc-trend-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  font-size: 20px;
  color: #fff;
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  margin-bottom: 16px;
}

.sc-trend-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--heading_color);
  margin-bottom: 8px;
}

.sc-trend-text {
  font-size: 14px;
  color: #57534e;
  line-height: 1.6;
  margin: 0;
}

.sc-trend-arrow {
  position: absolute;
  inset-block-end: 18px;
  inset-inline-start: 22px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--primary_color);
  background: #fff;
  box-shadow: var(--sc-shadow);
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.sc-trend-card:hover .sc-trend-arrow {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  color: #fff;
  transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
  .sc-marquee-track {
    animation: none;
  }

  .sc-hero-seal svg {
    animation: none;
  }
}

.dashboard-sidebar-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dashboard-sidebar-link .dashboard-sidebar-link-title {
  border-radius: var(--sc-radius-sm);
  transition: background .2s ease, color .2s ease;
}

.dashboard-sidebar-link:not(.current):not(.active) .dashboard-sidebar-link-title:hover {
  background: rgba(255, 255, 255, .06);
  color: var(--primary_color) !important;
}

.dashboard-sidebar-link:not(.current):not(.active) .dashboard-sidebar-link-title:hover i {
  color: var(--primary_color);
}

.dashboard-sidebar-link.current>.dashboard-sidebar-link-title,
.dashboard-sidebar-link.current>a.dashboard-sidebar-link-title {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  color: #fff;
  box-shadow: 0 8px 18px rgba(var(--primary_rgb, 14, 90, 60), .35);
}

.dashboard-sidebar-link.current>.dashboard-sidebar-link-title i {
  color: #fff;
}

.dashboard-balance {
  padding: 14px 16px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--sc-radius);
}

.dashboard-balance .dashboard-balance-title {
  color: #34d399;
}

.dashboard-balance-number {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
}

.dashboard-balance-icon a {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  color: #fff;
  border-radius: 8px;
  padding: 5px;
}

.dashboard-sidebar-link .counter {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border: none;
  font-weight: 600;
}

.dashboard-nav {
  border-bottom: 1px solid var(--border_color);
  box-shadow: 0 1px 0 var(--border_color), 0 4px 16px rgba(15, 23, 42, .04);
}

.dashboard-nav .btn-outline-primary {
  border-radius: 999px;
}

.dashboard-btn {
  border-radius: 12px;
  transition: background .2s ease;
}

.dashboard-counter,
.dashboard-card,
.dashboard-chart-card {
  border-radius: var(--sc-radius);
  border: 1px solid var(--border_color);
  box-shadow: var(--sc-shadow);
  transition: transform .25s ease, box-shadow .25s ease;
}

.dashboard-counter:hover,
.dashboard-card:hover {
  box-shadow: var(--sc-shadow-lg);
}

.dashboard-counter-icon {
  border-radius: 14px;
  background: var(--swiper_background_color);
  color: var(--primary_color);
}

.dashboard-counter-info .dashboard-counter-icon {
  background: rgba(37, 99, 235, .12);
  color: #2563eb;
}

.dashboard-counter-secondary .dashboard-counter-icon {
  background: rgba(139, 92, 246, .12);
  color: #8b5cf6;
}

.dashboard-counter-danger .dashboard-counter-icon {
  background: rgba(239, 68, 68, .12);
  color: #ef4444;
}

.dashboard-counter-number {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.dashboard-counter-title {
  color: var(--text_muted);
}

.dashboard-footer {
  margin-top: auto;
  background-color: #182433 !important;
  padding: 16px 20px;
  color: #fff !important;
  font-size: 14px;
}

@media (min-width: 1200px) {
  .dashboard-sidebar {
    width: 300px !important;
  }

  .dashboard-body {
    width: calc(100% - 300px) !important;
    margin-inline-start: 300px !important;
  }

  .dashboard-nav {
    left: 300px !important;
    width: calc(100% - 300px) !important;
  }

  .dashboard.toggle .dashboard-sidebar {
    left: -300px;
  }

  .dashboard.toggle .dashboard-nav {
    left: 0 !important;
    width: 100% !important;
  }

  .h3,
  h3 {
    font-size: 1.4rem !important;
  }
}

.dashboard-sidebar,
.dashboard-sidebar .dashboard-sidebar-body,
.dashboard-sidebar .dashboard-sidebar-container {
  background: linear-gradient(185deg, #232a36 0%, #0b0e13 100%) !important;
}

.dashboard-sidebar .nav-link {
  border-radius: 12px;
}

.dashboard-sidebar .dashboard-sidebar-body {
  width: 100% !important;
  right: 0 !important;
}

.dashboard-sidebar .simplebar-content-wrapper,
.dashboard-sidebar .simplebar-content,
.dashboard-sidebar .dashboard-sidebar-content,
.dashboard-sidebar .dashboard-sidebar-inner {
  width: 100%;
}

.dashboard-greeting {
  background: linear-gradient(120deg, #111827 0%, #1f2937 100%);
  border-radius: 18px;
  padding: 26px 28px;
  color: #fff;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.dashboard-greeting .dg-main {
  min-width: 0;
}

.dashboard-greeting .dg-period {
  flex: 0 0 auto;
}

.dashboard-greeting h3 {
  font-weight: 700;
  margin: 0 0 4px;
  letter-spacing: -0.02em;
}

.dashboard-greeting p {
  margin: 0;
  color: rgba(255, 255, 255, .7);
}

.dashboard-greeting .dg-accent {
  color: #34d399;
}

.dashboard-counter {
  padding: 26px;
  gap: 18px;
  border: none !important;
  border-radius: 18px;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
  background: linear-gradient(135deg, #1aa06c 0%, var(--primary_color) 100%);
}

.dashboard-counter.dashboard-counter-info {
  background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
}

.dashboard-counter.dashboard-counter-danger {
  background: linear-gradient(135deg, #fb7185 0%, #e11d48 100%);
}

.dashboard-counter.dashboard-counter-secondary {
  background: linear-gradient(135deg, #a78bfa 0%, #6d28d9 100%);
}

.dashboard-counter.dashboard-counter-cyan {
  background: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);
}

.dashboard-counter.dashboard-counter-amber {
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
}

.dashboard-counter.dashboard-counter-pink {
  background: linear-gradient(135deg, #f472b6 0%, #db2777 100%);
}

.dashboard-counter.dashboard-counter-indigo {
  background: linear-gradient(135deg, #818cf8 0%, #4f46e5 100%);
}

.dashboard-counter .dashboard-counter-icon {
  width: 58px;
  height: 58px;
  font-size: 22px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, .22) !important;
  color: #fff !important;
}

.dashboard-counter .dashboard-counter-number {
  font-size: 30px;
  line-height: 1.1;
  color: #fff !important;
}

.dashboard-counter .dashboard-counter-title {
  font-size: 12px;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, .92) !important;
}

.dashboard-counter:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(15, 23, 42, .22);
}

.dashboard-card,
.dashboard-chart-card {
  border-radius: 18px;
}

.sign-box {
  max-width: 460px;
  margin: 0 auto;
}

.sign-box .card-v {
  padding: 36px;
}

.sign-box-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.sign-box-text {
  color: var(--text_muted);
}

.sign-box .form-label {
  font-weight: 600;
  font-size: 14px;
  color: var(--heading_color);
}

.sign-box .form-check-input:checked {
  background-color: var(--primary_color);
  border-color: var(--primary_color);
}

.cart-item {
  padding: 20px 0;
  border-bottom: 1px solid var(--border_color);
}

.cart-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.cart-item:first-child {
  padding-top: 0;
}

.cart-item-title {
  font-weight: 600;
  font-size: 15px;
  color: var(--heading_color);
  letter-spacing: -0.01em;
}

.cart-item-title:hover {
  color: var(--primary_color);
}

.item-img-sm img {
  border-radius: var(--sc-radius-sm);
  object-fit: cover;
}

.checkout-method,
.payment-method {
  border-radius: var(--sc-radius-sm);
  border: 1.5px solid var(--border_color);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.checkout-method:hover,
.payment-method:hover {
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .45);
}

.checkout-method.active,
.payment-method.active {
  border-color: var(--primary_color);
  box-shadow: var(--sc-ring);
}

.payment-method {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  padding: 16px 18px;
  min-height: 64px;
  height: 100%;
  background: #fff;
  border: 1.5px solid var(--border_color);
  border-radius: var(--sc-radius-sm);
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

.payment-method:hover {
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .55);
  transform: translateY(-2px);
  box-shadow: var(--sc-shadow);
}

.payment-method .form-check-input {
  position: static;
  order: -1;
  width: 20px;
  height: 20px;
  margin: 0;
  flex-shrink: 0;
  border: 2px solid #cbd5e1;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.payment-method .form-check-input:checked {
  border-color: var(--primary_color);
  background-color: var(--primary_color);
}

.payment-method .form-check-label::after {
  display: none;
}

.payment-method .form-check-label {
  position: absolute;
  inset: 0;
  cursor: pointer;
  z-index: 2;
}

.payment-method .payment-name {
  font-weight: 600;
  font-size: 14.5px;
  color: var(--heading_color);
  line-height: 1.3;
  word-break: break-word;
}

.payment-method .payment-balance {
  display: block;
  font-size: 12px;
  color: var(--text_muted);
  margin-top: 2px;
}

.payment-method:has(.form-check-input:checked) {
  border-color: var(--primary_color);
  background: var(--swiper_background_color);
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), .14);
}

.payment-method:has(.form-check-input:checked) .payment-name {
  color: var(--primary_color);
}

.header.header-bg {
  background-color: var(--header_background_color, #faf9fe);
  background-image:
    radial-gradient(ellipse 65% 75% at 10% 25%, rgba(var(--primary_rgb, 14, 90, 60), .12), transparent 65%),
    radial-gradient(ellipse 55% 65% at 92% 80%, rgba(var(--primary_rgb, 14, 90, 60), .07), transparent 60%),
    radial-gradient(circle at center, rgba(var(--primary_rgb, 14, 90, 60), .08) 1px, transparent 1px),
    linear-gradient(135deg, var(--header_background_color, #faf9fe) 0%, var(--header_gradient_color, #f3eefc) 100%);
  background-size: auto, auto, 24px 24px, auto;
  border-bottom: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .14);
  padding-top: 75px !important;
}

.header.header-bg .header-inner {
  padding: 42px 0;
}

.header.header-bg .header-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--heading_color);
}

.blog-post {
  height: 100%;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  overflow: hidden;
  box-shadow: var(--sc-shadow);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.blog-post:hover {
  transform: translateY(-5px);
  box-shadow: var(--sc-shadow-lg);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .35);
}

.blog-post-img,
.blog-post-header {
  overflow: hidden;
}

.blog-post-img img {
  transition: transform .4s ease;
  width: 100%;
}

.blog-post:hover .blog-post-img img {
  transform: scale(1.05);
}

.blog-post-body {
  padding: 18px 20px 20px;
}

.blog-post-title {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--heading_color);
}

.blog-post-title:hover,
.blog-post-title a:hover {
  color: var(--primary_color);
}

.blog-post-text {
  color: var(--text_muted);
  font-size: 14px !important;
  line-height: 1.6;
}

.blog-post-meta {
  color: var(--text_muted);
  font-size: 13px;
}

.blog-post-meta-item i {
  color: var(--primary_color);
}

@media (min-width: 1200px) {

  .h4,
  h4 {
    font-size: 1.15rem !important;
  }
}

.blog-post.blog-post-single {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  box-shadow: var(--sc-shadow);
  padding: 26px 20px 32px;
}

@media (min-width: 768px) {
  .blog-post.blog-post-single {
    padding: 44px 36px 48px;
  }
}

.blog-post.blog-post-single:hover {
  transform: none;
  box-shadow: var(--sc-shadow);
  border-color: var(--border_color);
}

.blog-post-single .blog-post-title {
  font-size: clamp(1.7rem, 3.4vw, 2.35rem);
  line-height: 1.18;
}

.blog-post-single .blog-post-meta-item a {
  display: inline-block;
  background: var(--swiper_background_color);
  color: var(--primary_color);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 999px;
}

.blog-post-single .blog-post-meta-item a:hover {
  color: var(--sc-pine, var(--primary_hover));
}

.blog-post-single .blog-post-header {
  border-radius: var(--sc-radius);
  overflow: hidden;
  box-shadow: var(--sc-shadow);
  margin-bottom: 8px;
}

.blog-post-single .blog-post-img {
  border-radius: var(--sc-radius);
}

.blog-post-single-text {
  font-size: 17px;
  line-height: 1.85;
  color: #374151;
}

.blog-post-single-text>p:first-child {
  font-size: 1.18em;
  line-height: 1.6;
  font-weight: 500;
  color: var(--heading_color);
  margin-bottom: 1.1em;
}

.blog-post-single-text p {
  margin-bottom: 1.2em;
}

.blog-post-single-text h1,
.blog-post-single-text h2,
.blog-post-single-text h3,
.blog-post-single-text h4 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading_color);
  line-height: 1.25;
  margin: 1.7em 0 .55em;
}

.blog-post-single-text h2 {
  font-size: 1.5rem;
}

.blog-post-single-text h3 {
  font-size: 1.25rem;
}

.blog-post-single-text h4 {
  font-size: 1.08rem;
}

.blog-post-single-text a {
  color: var(--primary_color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-post-single-text a:hover {
  color: var(--sc-pine, var(--primary_hover));
}

.blog-post-single-text strong {
  color: var(--heading_color);
  font-weight: 700;
}

.blog-post-single-text ul,
.blog-post-single-text ol {
  margin: 0 0 1.2em 1.3em;
}

.blog-post-single-text li {
  margin-bottom: .5em;
}

.blog-post-single-text ul li::marker {
  color: var(--primary_color);
}

.blog-post-single-text img {
  max-width: 100%;
  height: auto;
  border-radius: var(--sc-radius);
  margin: 1.3em 0;
}

.blog-post-single-text blockquote {
  margin: 1.5em 0;
  padding: 6px 0 6px 20px;
  border-inline-start: 4px solid var(--primary_color);
  color: var(--heading_color);
  font-size: 1.1em;
  font-style: italic;
}

.blog-post-single-text pre {
  background: #0f172a;
  color: #e2e8f0;
  padding: 16px 18px;
  border-radius: var(--sc-radius-sm);
  overflow-x: auto;
  font-size: 14px;
  margin: 1.3em 0;
}

.blog-post-single-text code {
  background: var(--swiper_background_color);
  color: var(--sc-pine, var(--primary_hover));
  padding: 2px 6px;
  border-radius: 6px;
  font-size: .9em;
}

.blog-post-single-text pre code {
  background: none;
  color: inherit;
  padding: 0;
}

.blog-post-single-text hr {
  border: 0;
  border-top: 1px solid var(--border_color);
  margin: 2em 0;
}

.blog-post-single .comments {
  margin-top: 44px;
}

.comments-title {
  font-weight: 700;
  color: var(--heading_color);
  margin-bottom: 18px;
}

.comment {
  padding: 18px 0;
  border-bottom: 1px solid var(--border_color);
}

.comment:last-child {
  border-bottom: none;
}

.comment-img img {
  border-radius: 12px;
  object-fit: cover;
}

.comment-title {
  font-weight: 600;
  color: var(--heading_color);
}

.comment-time {
  color: var(--text_muted);
  font-size: 13px;
}

.sc-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  background: #fff;
}

.sc-blog-card .blog-post-header {
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.sc-blog-card .blog-post-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

.sc-blog-card:hover .blog-post-img {
  transform: scale(1.05);
}

.sc-blog-card .blog-post-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.sc-blog-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.sc-blog-cat {
  background: var(--swiper_background_color);
  color: var(--primary_color);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 999px;
}

.sc-blog-date {
  color: var(--text_muted);
  font-size: 12px;
}

.sc-blog-card .blog-post-title {
  font-size: 16px;
  line-height: 1.35;
  margin-bottom: 8px;
}

.sc-blog-card:hover .blog-post-title {
  color: var(--primary_color);
}

.sc-blog-more {
  color: var(--primary_color);
  font-weight: 600;
  font-size: 14px;
}

.blog-container.sc-blog-single-wrap {
  max-width: 100%;
}

.sc-blog-layout {
  display: flex;
  align-items: flex-start;
  gap: 28px;
}

.sc-blog-aside {
  flex: 0 0 320px;
  max-width: 320px;
}

.sc-blog-main {
  flex: 1 1 0;
  min-width: 0;
}

@media (max-width: 991.98px) {
  .sc-blog-layout {
    flex-direction: column;
  }

  .sc-blog-aside {
    order: 2;
    flex-basis: auto;
    max-width: 100%;
    width: 100%;
  }

  .sc-blog-main {
    order: 1;
    width: 100%;
  }
}

.sc-blog-sidebar {
  position: sticky;
  top: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 991.98px) {
  .sc-blog-sidebar {
    position: static;
  }
}

.sc-blog-widget {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  box-shadow: var(--sc-shadow);
  padding: 20px 20px 22px;
}

.sc-blog-widget-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: var(--heading_color);
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border_color);
}

.sc-blog-widget-title i {
  color: var(--primary_color);
}

.sc-cat-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sc-cat-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text_color);
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}

.sc-cat-link:hover {
  background: var(--swiper_background_color);
  color: var(--primary_color);
}

.sc-cat-count {
  flex-shrink: 0;
  min-width: 26px;
  text-align: center;
  background: var(--swiper_background_color);
  color: var(--primary_color);
  font-size: 12px;
  font-weight: 600;
  padding: 1px 9px;
  border-radius: 999px;
}

.sc-cat-link:hover .sc-cat-count {
  background: #fff;
}

.sc-mini-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sc-mini-post {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.sc-mini-thumb {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 10px;
  object-fit: cover;
}

.sc-mini-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.sc-mini-title {
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--heading_color);
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sc-mini-post:hover .sc-mini-title {
  color: var(--primary_color);
}

.sc-mini-price {
  color: var(--primary_color);
  font-weight: 700;
}

.sc-mini-date {
  font-size: 11.5px;
  color: var(--text_muted);
}

.section-profile .header-profile,
.header-profile {
  border-radius: var(--sc-radius);
  overflow: hidden;
  position: relative;
}

.header-profile::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, .12) 0%, rgba(15, 23, 42, .45) 100%);
  pointer-events: none;
  z-index: 0;
}

.header-profile>div {
  position: relative;
  z-index: 1;
}

.header-profile .header-inner h1,
.header-profile .header-inner .text-dark,
.header-profile .header-inner .text-muted,
.header-profile .user-stat-title,
.header-profile .user-stat-number {
  color: #ffffff !important;
}

.header-profile .nav-tabs .nav-link {
  color: rgba(255, 255, 255, .8);
}

.header-profile .nav-tabs .nav-link:hover,
.header-profile .nav-tabs .nav-link:focus {
  color: #ffffff !important;
}

.header-profile .nav-tabs .nav-link.active {
  color: #34d399 !important;
  border-bottom-color: #34d399 !important;
}

.header-profile .nav-tabs .nav-link.active::after {
  background-color: #34d399 !important;
}

.header-profile .btn-outline-custom,
.header-profile .btn-outline-custom span,
.header-profile .btn-outline-custom i {
  border-color: rgba(255, 255, 255, .55) !important;
  color: #ffffff !important;
}

.header-profile .btn-outline-custom:hover,
.header-profile .btn-outline-custom:focus {
  background: #34d399 !important;
  border-color: #34d399 !important;
}

.header-profile .btn-outline-custom:hover,
.header-profile .btn-outline-custom:hover span,
.header-profile .btn-outline-custom:hover i,
.header-profile .btn-outline-custom:focus,
.header-profile .btn-outline-custom:focus span,
.header-profile .btn-outline-custom:focus i {
  color: #07301f !important;
}

.user-avatar-xl,
.user-avatar-xl img {
  width: 120px;
  height: 120px;
}

.user-avatar-xl {
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
}

.user-avatar-xl img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {

  .header-profile .header-inner>.row>.col:first-child>.row,
  .section-start .card-v .row.row-cols-md-auto.align-items-center {
    flex-wrap: nowrap;
    column-gap: 22px;
  }

  .header-profile .header-inner>.row>.col:first-child>.row>.col {
    width: auto;
  }
}

.user-avatar img {
  border-radius: 50px;
  object-fit: cover;
  box-shadow: 0 5px 10px rgb(37 39 43 / 65%);
}

.user-avatar-xl img {
  border: 4px solid #fff;
  box-shadow: none;
}

.header-profile .nav-tabs,
.nav-tabs {
  border-bottom: 1px solid var(--border_color);
}

.nav-tabs .nav-link {
  font-weight: 600;
  color: var(--text_muted);
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  transition: color .2s ease, border-color .2s ease;
}

.nav-tabs .nav-link:hover {
  color: var(--heading_color);
  border-color: var(--border_color);
}

.nav-tabs .nav-link.active {
  color: var(--primary_color);
  background: transparent;
  border-color: var(--primary_color);
}

.profile-dropdown .dropdown-menu {
  border-radius: var(--sc-radius-sm);
  border: 1px solid var(--border_color);
  box-shadow: var(--sc-shadow-lg);
}

.author-badge img,
.author-badge {
  border-radius: 10px;
}

.socials .social-btn {
  border-radius: 50px;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.socials .social-btn:hover {
  transform: translateY(-2px);
}

.settings-links-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  padding: 8px;
  box-shadow: var(--sc-shadow);
}

.settings-link {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: var(--text_color);
  padding: 9px 16px;
  border-radius: var(--sc-radius-sm);
  transition: background .2s ease, color .2s ease;
}

button.settings-link {
  border: 0;
  background: transparent;
  cursor: pointer;
}

.settings-link:hover {
  background: var(--swiper_background_color);
  color: var(--primary_color);
}

.settings-link.active {
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  color: #fff;
  box-shadow: 0 8px 18px rgba(var(--primary_rgb, 14, 90, 60), .3);
}

.form-section {
  border-bottom: 1px solid var(--border_color);
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}

.form-section:last-child {
  border-bottom: none;
}

.form-label {
  font-weight: 600;
  font-size: 14px;
  color: var(--heading_color);
}

.form-text {
  color: var(--text_muted);
}

.sc-prose {
  color: var(--text_color);
  font-size: 15px;
  line-height: 1.7;
  font-family: var(--sc-font);
}

.sc-prose h1,
.sc-prose h2,
.sc-prose h3,
.sc-prose h4 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading_color);
  margin: 1.6em 0 .6em;
  line-height: 1.25;
}

.sc-prose h1 {
  font-size: 2rem;
}

.sc-prose h2 {
  font-size: 1.6rem;
}

.sc-prose h3 {
  font-size: 1.3rem;
}

.sc-prose p {
  margin-bottom: 1.1em;
}

.sc-prose a {
  color: var(--primary_color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sc-prose ul,
.sc-prose ol {
  margin: 0 0 1.1em 1.2em;
}

.sc-prose li {
  margin-bottom: .5em;
}

.sc-prose img {
  max-width: 100%;
  height: auto;
  border-radius: var(--sc-radius);
  margin: 1em 0;
}

.sc-prose blockquote {
  border-inline-start: 4px solid var(--primary_color);
  background: var(--swiper_background_color);
  padding: 14px 20px;
  border-radius: 0 var(--sc-radius-sm) var(--sc-radius-sm) 0;
  margin: 1.4em 0;
  color: var(--heading_color);
}

.sc-prose pre,
.sc-prose code {
  background: #0f172a;
  color: #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
}

.sc-prose code {
  padding: 2px 6px;
}

.sc-prose pre {
  padding: 16px 18px;
  overflow: auto;
}

.sc-prose pre code {
  background: transparent;
  padding: 0;
}

.sc-prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
}

.sc-prose th,
.sc-prose td {
  border: 1px solid var(--border_color);
  padding: 10px 14px;
  text-align: start;
}

.sc-prose th {
  background: var(--swiper_background_color);
  font-weight: 700;
  color: var(--heading_color);
}

.sc-page {
  --pg-ink: var(--heading_color, #101828);
  --pg-mut: #667085;
  --pg-line: var(--border_color, #e4e7ec);
  --pg-soft: #f7f8f7;
  --pg-green: var(--primary_color);
  --pg-green-soft: #e9f3ee;
  --pg-amber: #92400e;
  --pg-amber-soft: #fdf5e7;
  --pg-amber-line: #f2d8a6;
  --pg-red: #b42318;
  --pg-red-soft: #fdefed;
  padding: .5rem 0 3rem;
  color: var(--text_color);
  font-size: 15px;
  line-height: 1.75;
  font-family: var(--sc-font);
}

.sc-page h2,
.sc-page h3,
.sc-page h4 {
  color: var(--pg-ink);
  letter-spacing: -0.01em;
}

.sc-page a {
  color: var(--pg-green);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sc-page-head {
  padding-bottom: 1.75rem;
  border-bottom: 1px solid var(--pg-line);
  margin-bottom: 2rem;
}

.sc-page-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 14px;
  border-radius: 999px;
  background: var(--pg-green-soft);
  color: var(--pg-green);
  font-size: 12.5px;
  font-weight: 600;
  margin-bottom: .9rem;
}

.sc-page-meta {
  font-size: 13px;
  color: var(--pg-mut);
  margin-bottom: .9rem;
}

.sc-page-lead {
  font-size: 16.5px;
  line-height: 1.7;
  color: var(--text_color);
  margin: 0;
}

.sc-page-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: var(--pg-soft);
  border: 1px solid var(--pg-line);
  border-radius: 12px;
  padding: 14px 18px;
  margin: 1.4rem 0;
}

.sc-page-note>i {
  flex: none;
  margin-top: 4px;
  font-size: 15px;
  color: var(--pg-mut);
}

.sc-page-note p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.65;
}

.sc-page-note--warn {
  background: var(--pg-amber-soft);
  border-color: var(--pg-amber-line);
}

.sc-page-note--warn>i,
.sc-page-note--warn p {
  color: var(--pg-amber);
}

.sc-page-note--ok {
  background: var(--pg-green-soft);
  border-color: #bcd9c9;
}

.sc-page-note--ok>i,
.sc-page-note--ok p {
  color: var(--pg-green);
}

.sc-page-note--danger {
  background: var(--pg-red-soft);
  border-color: #f1c1bb;
}

.sc-page-note--danger>i,
.sc-page-note--danger p {
  color: var(--pg-red);
}

.sc-page-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin: 1.6rem 0;
}

.sc-page-tile {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 14px;
  padding: 18px;
}

.sc-page-tile>i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--pg-green-soft);
  color: var(--pg-green);
  font-size: 15px;
  margin-bottom: 12px;
}

.sc-page-tile h3 {
  font-size: 14.5px;
  font-weight: 700;
  margin: 0 0 4px;
}

.sc-page-tile p {
  font-size: 13px;
  color: var(--pg-mut);
  line-height: 1.55;
  margin: 0;
}

.sc-page-sec {
  margin-top: 2.6rem;
}

.sc-page-sec-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 1rem;
}

.sc-page-sec-num {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--pg-green-soft);
  color: var(--pg-green);
  font-size: 13px;
  font-weight: 700;
  font-family: SFMono-Regular, Menlo, monospace;
}

.sc-page-sec-head h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.sc-page-sec h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 1.5em 0 .55em;
}

.sc-page-sec>p {
  margin: 0 0 1em;
}

.sc-page-ul {
  list-style: none;
  margin: 0 0 1.2em;
  padding: 0;
}

.sc-page-ul li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: .55em;
}

.sc-page-ul li>i {
  flex: none;
  margin-top: 5px;
  font-size: 12.5px;
  color: var(--pg-mut);
}

.sc-page-ul.ok li>i {
  color: #17714a;
}

.sc-page-ul.no li>i {
  color: var(--pg-red);
}

.sc-page-tiers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 1.2rem 0 1.5rem;
}

.sc-page-tier {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 14px;
  padding: 16px 14px;
  text-align: center;
  position: relative;
}

.sc-page-tier.is-featured {
  border: 2px solid var(--pg-green);
}

.sc-page-tier-flag {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--pg-green);
  color: #fff;
  font-size: 10.5px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.sc-page-tier-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--pg-mut);
  margin-bottom: 6px;
}

.sc-page-tier-val {
  font-size: 20px;
  font-weight: 700;
  color: var(--pg-ink);
  margin-bottom: 4px;
}

.sc-page-tier.is-featured .sc-page-tier-val {
  color: var(--pg-green);
}

.sc-page-tier-desc {
  font-size: 12.5px;
  color: var(--pg-mut);
  line-height: 1.5;
}

.sc-page-tier ul {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  text-align: start;
}

.sc-page-tier ul li {
  font-size: 12.5px;
  color: var(--pg-mut);
  padding: 3px 0;
}

.sc-page-tier ul li i {
  color: #17714a;
  font-size: 11px;
  margin-right: 6px;
}

.sc-page-duo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin: 1.6rem 0;
}

.sc-page-panel {
  border: 1px solid var(--pg-line);
  border-radius: 14px;
  padding: 20px;
  background: #fff;
}

.sc-page-panel--ok {
  background: var(--pg-green-soft);
  border-color: #bcd9c9;
}

.sc-page-panel--muted {
  background: var(--pg-soft);
}

.sc-page-panel--danger {
  background: var(--pg-red-soft);
  border-color: #f1c1bb;
}

.sc-page-panel-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--pg-mut);
  margin-bottom: 10px;
}

.sc-page-panel--ok .sc-page-panel-kicker {
  color: var(--pg-green);
}

.sc-page-panel--danger .sc-page-panel-kicker {
  color: var(--pg-red);
}

.sc-page-panel h3 {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 8px;
}

.sc-page-panel p {
  font-size: 13.5px;
  line-height: 1.65;
  margin: 0;
}

.sc-page-panel .sc-page-ul {
  margin: 12px 0 0;
}

.sc-page-panel .sc-page-ul li {
  font-size: 13.5px;
  margin-bottom: .45em;
}

.sc-page-steps {
  margin: 1.4rem 0;
  padding: 0;
  list-style: none;
}

.sc-page-steps li {
  position: relative;
  padding: 0 0 1.4rem 34px;
}

.sc-page-steps li::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--pg-green);
  box-shadow: 0 0 0 4px var(--pg-green-soft);
}

.sc-page-steps li::after {
  content: "";
  position: absolute;
  left: 13px;
  top: 24px;
  bottom: -2px;
  width: 2px;
  background: var(--pg-line);
}

.sc-page-steps li:last-child {
  padding-bottom: 0;
}

.sc-page-steps li:last-child::after {
  display: none;
}

.sc-page-steps h4 {
  font-size: 14.5px;
  font-weight: 700;
  margin: 0 0 3px;
}

.sc-page-steps p {
  font-size: 13.5px;
  color: var(--text_color);
  margin: 0;
}

.sc-page table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 1.2rem 0 1.5rem;
  font-size: 14px;
  border: 1px solid var(--pg-line);
  border-radius: 12px;
  overflow: hidden;
}

.sc-page table th {
  background: var(--pg-soft);
  font-weight: 700;
  color: var(--pg-ink);
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.sc-page table th,
.sc-page table td {
  padding: 11px 16px;
  border: 0;
  border-bottom: 1px solid var(--pg-line);
  text-align: start;
}

.sc-page table tr:last-child td {
  border-bottom: 0;
}

.sc-page-table-wrap {
  overflow-x: auto;
}

.sc-page-stat {
  background: var(--pg-green-soft);
  border: 1px solid #bcd9c9;
  border-radius: 14px;
  padding: 20px 24px;
  margin: 1.4rem 0;
  text-align: center;
}

.sc-page-stat strong {
  display: block;
  font-size: 30px;
  font-weight: 800;
  color: var(--pg-green);
  line-height: 1.2;
}

.sc-page-stat span {
  font-size: 13.5px;
  color: var(--pg-ink);
}

.sc-page-formula {
  background: #0f172a;
  color: #e2e8f0;
  border-radius: 12px;
  padding: 14px 18px;
  margin: 1.2rem 0;
  font-family: SFMono-Regular, Menlo, monospace;
  font-size: 13.5px;
  overflow-x: auto;
  white-space: nowrap;
}

.sc-page-contact {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin: 1.2rem 0 0;
}

.sc-page-contact a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid var(--pg-line);
  border-radius: 14px;
  background: #fff;
  text-decoration: none;
  color: var(--pg-ink);
}

.sc-page-contact a:hover {
  border-color: var(--pg-green);
}

.sc-page-contact i {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--pg-green-soft);
  color: var(--pg-green);
}

.sc-page-contact em {
  display: block;
  font-style: normal;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--pg-mut);
}

.sc-page-contact b {
  font-size: 14px;
  font-weight: 600;
}

.sc-page-cta {
  text-align: center;
  margin: 1.8rem 0;
}

.sc-page-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 28px;
  background: var(--pg-green);
  color: #fff !important;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
}

.sc-page-btn:hover {
  background: var(--primary_hover);
  color: #fff;
}

.sc-page-cta small {
  display: block;
  margin-top: 10px;
  font-size: 12.5px;
  color: var(--pg-mut);
}

@media (max-width: 575.98px) {
  .sc-page-sec-head h2 {
    font-size: 18px;
  }

  .sc-page-lead {
    font-size: 15.5px;
  }
}

.sc-crs-hero {
  background: #14161b;
  color: #fff;
  padding: 34px 0 30px;
}

.sc-crs-crumbs {
  font-size: 13px;
  margin-bottom: 12px;
}

.sc-crs-crumbs a {
  color: #7dd3fc;
  text-decoration: none;
  font-weight: 600;
}

.sc-crs-title {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 8px;
}

.sc-crs-subtitle {
  font-size: 17px;
  color: rgba(255, 255, 255, .85);
  margin-bottom: 12px;
}

.sc-crs-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  font-size: 13.5px;
  color: rgba(255, 255, 255, .8);
  margin-bottom: 6px;
}

.sc-crs-hero-meta a {
  color: #7dd3fc;
}

.sc-crs-rating b {
  color: #f5c96b;
  margin-right: 4px;
}

.sc-crs-rating .fa-star {
  color: #f5c96b;
  font-size: 12px;
}

.sc-crs-box {
  border: 1px solid var(--border_color);
  border-radius: 14px;
  padding: 22px 24px;
}

.sc-crs-box-title,
.sc-crs-sec-title {
  font-size: 18px !important;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
  color: var(--heading_color);
}

.sc-crs-accordion .accordion-button {
  font-weight: 700;
  background: var(--swiper_background_color, #f8f9fa);
}

.sc-crs-accordion .accordion-button:not(.collapsed) {
  color: var(--heading_color);
  box-shadow: none;
}

.sc-crs-lecture {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-top: 1px solid var(--border_color);
  font-size: 14px;
}

.sc-crs-lecture-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-crs-lecture-time {
  color: var(--text_muted);
  font-size: 12.5px;
  flex-shrink: 0;
}

.sc-crs-preview-link {
  color: var(--primary_color);
  font-weight: 700;
  font-size: 12.5px;
  text-decoration: underline;
  flex-shrink: 0;
}

.sc-crs-side {
  position: sticky;
  top: 90px;
}

.sc-crs-buy {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(16, 24, 40, .1);
}

.sc-crs-buy-media {
  position: relative;
}

.sc-crs-buy-media img {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.sc-crs-buy-play {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.sc-crs-buy-play span {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #fff;
  color: #14161b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
}

.sc-crs-buy-play em {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 0 10px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  background: linear-gradient(transparent, rgba(0, 0, 0, .75));
}

.sc-crs-buy {
  border-radius: 20px;
}

.sc-crs-buy-media img {
  border-radius: 20px 20px 0 0;
}

.sc-crs-buy-body {
  padding: 18px 20px 20px;
}

.sc-crs-buy-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 0;
}

.sc-crs-buy-price b {
  font-size: 30px;
  font-weight: 800;
  color: var(--heading_color);
}

.sc-crs-buy-price s {
  color: var(--text_muted);
}

.sc-crs-buy-off {
  color: #b42318;
  font-weight: 700;
  font-size: 13px;
}

.sc-crs-sale {
  position: absolute;
  top: 14px;
  left: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  background: #ef2b3d;
  color: #fff;
  border-radius: 12px;
  padding: 8px 12px;
  box-shadow: 0 6px 16px rgba(239, 43, 61, .4);
}

.sc-crs-sale small {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  opacity: .95;
}

.sc-crs-sale b {
  font-size: 20px;
  font-weight: 800;
  margin: 1px 0;
}

.sc-crs-buy-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.sc-crs-buy-author {
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #8a94a6;
}

.sc-crs-buy-star {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 800;
  color: var(--heading_color);
}

.sc-crs-buy-star i {
  color: #f6a609;
}

.sc-crs-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}

.sc-crs-fact {
  border: 1px solid var(--border_color);
  border-radius: 14px;
  padding: 12px 14px;
}

.sc-crs-fact-lbl {
  display: block;
  font-size: .74rem;
  color: #8a94a6;
  margin-bottom: 6px;
}

.sc-crs-fact-val {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: var(--heading_color);
  font-size: .95rem;
}

.sc-crs-fact-val i {
  color: #7c5cff;
  font-size: .95rem;
}

.sc-crs-fact:last-child .sc-crs-fact-val i {
  color: #16a34a;
}

.sc-crs-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.sc-crs-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 7px 14px;
  font-weight: 700;
  font-size: .86rem;
}

.sc-crs-pill-a {
  background: #efeaff;
  color: #6d4bd8;
}

.sc-crs-pill-b {
  background: #e6f7fb;
  color: #0e97b7;
}

.sc-crs-buy-pricerow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.sc-crs-buy-icons {
  display: flex;
  gap: 10px;
}

.sc-crs-icon-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid var(--border_color);
  background: #fff;
  color: #4b5563;
  font-size: 1.05rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .15s ease;
}

.sc-crs-icon-btn:hover {
  border-color: #7c5cff;
  color: #7c5cff;
  transform: translateY(-1px);
}

.sc-crs-wish.is-saved {
  border-color: #ef2b5d;
  color: #ef2b5d;
  background: #fff1f4;
}

.sc-crs-wish.is-saved i {
  font-weight: 900;
}

.sc-crs-buy-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.sc-crs-buy-cta form {
  margin: 0;
}

.sc-crs-cta-outline,
.sc-crs-cta-grad {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 14px 12px;
  font-weight: 800;
  font-size: .95rem;
  cursor: pointer;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}

.sc-crs-cta-outline {
  background: #fff;
  border: 1.5px solid var(--border_color);
  color: var(--heading_color);
}

.sc-crs-cta-outline:hover {
  border-color: #7c5cff;
  color: #6d4bd8;
}

.sc-crs-cta-grad {
  background: linear-gradient(100deg, #8b5cf6 0%, #6366f1 55%, #4f7ef6 100%);
  color: #fff;
  box-shadow: 0 10px 22px rgba(99, 102, 241, .35);
}

.sc-crs-cta-grad:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(99, 102, 241, .45);
}

.sc-crs-cta-outline.is-disabled,
.sc-crs-cta-grad.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  opacity: 1;
}

.sc-crs-cta-outline.is-disabled {
  background: #f6f7f9;
  border-color: #ecedf0;
  color: #b6bcc6;
}

.sc-crs-cta-grad.is-disabled {
  background: linear-gradient(100deg, #c9c3ef 0%, #c3c6f2 55%, #c6d3f5 100%);
  color: #fff;
}

.sc-crs-owner-note {
  margin-top: 12px;
  text-align: center;
  font-size: .82rem;
  color: #8a94a6;
  font-weight: 600;
}

.sc-crs-enrolled {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #e9faf0;
  color: #14824a;
  font-weight: 800;
  font-size: .8rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.sc-crs-enrolled-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #16c46a;
  box-shadow: 0 0 0 0 rgba(22, 196, 106, .6);
  animation: sc-crs-enr 1.8s infinite;
}

@keyframes sc-crs-enr {
  0% {
    box-shadow: 0 0 0 0 rgba(22, 196, 106, .6);
  }

  70% {
    box-shadow: 0 0 0 6px rgba(22, 196, 106, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(22, 196, 106, 0);
  }
}

.sc-crs-buy-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13.5px;
}

.sc-crs-buy-list li {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 3px 0;
  color: var(--text_color);
}

.sc-crs-buy-list i {
  color: var(--text_muted);
  width: 16px;
}

.sc-crs-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: var(--text_color);
  transition: box-shadow .15s ease, transform .15s ease;
}

.sc-crs-card:hover {
  box-shadow: 0 12px 26px rgba(16, 24, 40, .12);
  transform: translateY(-2px);
}

.sc-crs-card-img img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

.sc-crs-card-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 12px 14px 14px;
}

.sc-crs-card-title {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--heading_color);
  line-height: 1.35;
}

.sc-crs-card-author {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-crs-card-rating {
  font-size: 12.5px;
}

.sc-crs-card-rating b {
  color: #b4690e;
}

.sc-crs-card-rating .fa-star {
  color: #f5c96b;
  font-size: 11px;
}

.sc-crs-card-rating em {
  font-style: normal;
  color: var(--text_muted);
}

.sc-crs-card-meta {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-crs-card-price {
  margin-top: 4px;
}

.sc-crs-card-price b {
  font-size: 16px;
  font-weight: 800;
  color: var(--heading_color);
}

.sc-crs-card-price s {
  color: var(--text_muted);
  font-size: 13px;
  margin-left: 6px;
}

.sc-crs-card-sm .sc-crs-card-title {
  font-size: 12.5px;
}

.sc-crs-section {
  overflow: visible !important;
}

@media (min-width: 992px) {
  .sc-crs-section .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .sc-inbox-page .col-lg-4,
  .sc-ticket-page .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .sc-inbox-page .col-lg-8,
  .sc-ticket-page .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

.sc-crs-search {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 720px;
  background: #fff;
  border: 1.5px solid var(--border_color);
  border-radius: 999px;
  padding: 6px 6px 6px 20px;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.sc-crs-search:focus-within {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 4px rgba(var(--primary_rgb, 14, 90, 60), .08);
}

.sc-crs-search i {
  color: var(--text_muted);
}

.sc-crs-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: none;
  font-size: 15px;
}

.sc-crs-search .btn {
  border-radius: 999px;
  padding: 9px 26px;
}

.sc-crs-tabs {
  display: flex;
  gap: 22px;
  border-bottom: 1px solid var(--border_color);
}

.sc-crs-tab {
  border: 0;
  background: none;
  padding: 8px 2px 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  color: var(--text_muted);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

.sc-crs-tab.is-active {
  color: var(--heading_color);
  border-bottom-color: var(--primary_color);
}

.sc-crs-inst {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  height: 100%;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 14px;
  padding: 16px;
  text-decoration: none;
  color: var(--text_color);
  transition: box-shadow .15s ease;
}

.sc-crs-inst:hover {
  box-shadow: 0 10px 22px rgba(16, 24, 40, .1);
}

.sc-crs-inst>img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.sc-crs-inst-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sc-crs-inst-info>strong {
  color: var(--heading_color);
  font-size: 14.5px;
  line-height: 1.3;
}

.sc-crs-inst-head {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-crs-inst-rate {
  font-size: 12.5px;
  color: #b4690e;
  font-weight: 600;
}

.sc-crs-inst-rate .fa-star {
  color: #f5c96b;
  font-size: 11px;
}

.sc-crs-inst-meta {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-crs-inst-meta b {
  color: var(--heading_color);
}

.sc-crs-filters {
  position: sticky;
  top: 90px;
  background: #fff;
}

.sc-crs-filter {
  border-top: 1px solid var(--border_color);
  padding: 14px 0;
}

.sc-crs-filter:first-child {
  border-top: 0;
  padding-top: 0;
}

.sc-crs-filter-title {
  font-weight: 800;
  font-size: 15px;
  color: var(--heading_color);
  margin-bottom: 10px;
}

.sc-crs-filter-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 13.5px;
  cursor: pointer;
  color: var(--text_color);
}

.sc-crs-filter-row input {
  accent-color: var(--primary_color);
  flex-shrink: 0;
}

.sc-crs-filter-row em {
  font-style: normal;
  color: var(--text_muted);
  font-size: 12px;
}

.sc-crs-filter-stars .fa-star,
.sc-crs-filter-stars .fa-star-half-stroke {
  color: #f5c96b;
  font-size: 11.5px;
}

.sc-crs-filter-clear {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #b42318;
  margin-bottom: 10px;
  text-decoration: none;
}

.sc-crs-card-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 2px 0;
}

.sc-crs-badge-best {
  background: #eceb98;
  color: #3d3c0a;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
}

.sc-crs-badge-type {
  border: 1px solid #1d8a49e6;
  color: #fcfcfc;
  font-size: 11px;
  padding: 1px 8px;
  border-radius: 8px;
  background-color: #1d8a49e6;
}

.sc-crs-badge-rate {
  color: #b4690e;
  font-weight: 800;
  font-size: 12.5px;
}

.sc-crs-badge-rate .fa-star {
  color: #f5c96b;
  font-size: 11px;
  margin-right: 2px;
}

.sc-crs-badge-count {
  border: 1px solid var(--border_color);
  color: var(--text_muted);
  font-size: 11px;
  padding: 1px 8px;
  border-radius: 4px;
}

.sc-learn-stage {
  background: #14161b;
  border-radius: 14px;
  overflow: hidden;
}

.sc-learn-article {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 14px;
}

.sc-learn-progress {
  display: inline-block;
  width: 120px;
  height: 8px;
  border-radius: 999px;
  background: #e4e7ec;
  overflow: hidden;
  vertical-align: middle;
}

.sc-learn-progress-bar {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--primary_color);
  transition: width .3s ease;
}

.sc-learn-sidebar {
  border: 1px solid var(--border_color);
  border-radius: 14px;
  overflow: hidden;
  position: sticky;
  top: 90px;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
  background: #fff;
}

.sc-learn-sidebar-head {
  padding: 14px 16px;
  font-weight: 800;
  border-bottom: 1px solid var(--border_color);
  background: var(--swiper_background_color, #f8f9fa);
}

.sc-learn-sec-title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 16px 6px;
  font-weight: 700;
  font-size: 13.5px;
  color: var(--heading_color);
}

.sc-learn-sec-title span {
  color: var(--text_muted);
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}

.sc-learn-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-size: 13.5px;
  color: var(--text_color);
  text-decoration: none;
}

.sc-learn-row:hover {
  background: var(--swiper_background_color, #f8f9fa);
}

.sc-learn-row.is-active {
  background: #e9f3ee;
  font-weight: 700;
}

.sc-learn-row.is-locked {
  opacity: .55;
}

.sc-learn-row-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-learn-row-time {
  font-size: 11.5px;
  color: var(--text_muted);
  flex-shrink: 0;
}

.sc-cert {
  max-width: 860px;
  margin: 0 auto;
}

.sc-cert-inner {
  border: 3px solid var(--primary_color);
  border-radius: 18px;
  padding: 56px 48px;
  text-align: center;
  background: #fffdf7;
  position: relative;
  box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 8px #e0c98f;
}

.sc-cert-brand {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--primary_color);
  margin-bottom: 26px;
}

.sc-cert-label {
  font-size: 13px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #9aa3ad;
  margin-bottom: 22px;
}

.sc-cert-text {
  color: #667085;
  margin: 8px 0;
}

.sc-cert-name {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #101828;
  margin: 6px 0;
}

.sc-cert-course {
  font-size: 22px;
  font-weight: 700;
  color: var(--primary_color);
  margin: 6px 0 18px;
}

.sc-cert-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 26px;
  font-size: 13px;
  color: #667085;
  margin-bottom: 20px;
}

.sc-cert-code {
  font-family: SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  letter-spacing: .1em;
  color: #9aa3ad;
}

@media print {

  header,
  footer,
  .navbar,
  .foot-main {
    display: none !important;
  }

  .sc-cert-inner {
    box-shadow: none;
  }
}

.sc-bot {
  position: fixed;
  right: 20px;
  bottom: 102px;
  z-index: 1060;
  font-family: var(--sc-font);
}

.sc-bot-toggle {
  position: relative;
  width: 180px;
  height: 180px;
  border: 0;
  cursor: pointer;
  padding: 0;
  background: transparent;
  color: #fff;
  font-size: 24px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  transition: transform .15s ease;
}

.sc-bot-toggle:hover {
  transform: scale(1.04);
}

.sc-bot-toggle .sc-bot-i-close {
  display: none;
}

.sc-bot-mascot {
  width: 180px;
  height: 180px;
  pointer-events: none;
  display: block;
  transform: translateX(40px);
}

.sc-bot-toggle.is-open {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: visible;
  background: var(--primary_color, var(--primary_color));
  box-shadow: 0 10px 28px rgba(var(--primary_rgb, 14, 90, 60), .42);
  align-items: center;
  justify-content: center;
}

.sc-bot-toggle.is-open .sc-bot-mascot {
  display: none;
}

.sc-bot-toggle.is-open .sc-bot-i-close {
  display: inline;
}

.sc-bot-panel {
  position: absolute;
  right: 0;
  bottom: 76px;
  width: 384px;
  max-width: calc(100vw - 32px);
  height: 620px;
  max-height: calc(100vh - 120px);
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(16, 24, 40, .3);
  display: none;
  flex-direction: column;
  overflow: hidden;
}

.sc-bot-panel.is-open {
  display: flex;
  animation: scBotIn .2s ease;
}

@keyframes scBotIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.sc-bot-pane {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.sc-bot-scroll {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
}

.sc-bot-hero {
  background: linear-gradient(160deg, #1aa06c 0%, var(--primary_color) 100%);
  color: #fff;
  padding: 18px 20px 26px;
}

.sc-bot-hero-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
}

.sc-bot-hero-logo {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .22);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.sc-bot-hero-title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
  letter-spacing: -0.02em;
}

.sc-bot-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid var(--border_color, #e4e7ec);
  font-weight: 800;
  font-size: 16px;
}

.sc-bot-x {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 16px;
  opacity: .8;
}

.sc-bot-x:hover {
  opacity: 1;
}

.sc-bot-hero .sc-bot-x {
  color: #fff;
}

.sc-bot-actioncard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 10px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(16, 24, 40, .05);
  transition: box-shadow .15s ease, transform .15s ease;
}

.sc-bot-actioncard:hover {
  box-shadow: 0 8px 20px rgba(16, 24, 40, .12);
  transform: translateY(-1px);
}

.sc-bot-actioncard strong {
  display: block;
  font-size: 14.5px;
  color: var(--heading_color);
}

.sc-bot-actioncard span {
  font-size: 12.5px;
  color: var(--text_muted);
}

.sc-bot-actioncard>i {
  color: var(--primary_color, var(--primary_color));
}

.sc-bot-searchbox {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f1f3f5;
  border-radius: 12px;
  padding: 10px 14px;
  margin: 4px 0 8px;
}

.sc-bot-searchbox input {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 14px;
}

.sc-bot-searchbox i {
  color: var(--text_muted);
}

.sc-bot-searchbox-flush {
  margin: 12px 14px;
}

.sc-bot-linklist {
  display: flex;
  flex-direction: column;
}

.sc-bot-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 4px;
  border-bottom: 1px solid var(--border_color, #eef0f2);
  text-decoration: none;
  color: var(--text_color);
}

.sc-bot-link:last-child {
  border-bottom: 0;
}

.sc-bot-link span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sc-bot-link b {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--heading_color);
}

.sc-bot-link em {
  font-style: normal;
  font-size: 12px;
  color: var(--text_muted);
}

.sc-bot-link>i {
  color: var(--text_muted);
  font-size: 12px;
  flex: none;
}

.sc-bot-link:hover b {
  color: var(--primary_color, var(--primary_color));
}

.sc-bot-collections-count {
  font-weight: 800;
  font-size: 15px;
  padding: 6px 4px 12px;
  border-bottom: 1px solid var(--border_color, #eef0f2);
}

.sc-bot-collection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 4px;
  border-bottom: 1px solid var(--border_color, #eef0f2);
  text-decoration: none;
  color: var(--text_color);
}

.sc-bot-collection strong {
  display: block;
  font-size: 14.5px;
  color: var(--heading_color);
}

.sc-bot-collection span {
  font-size: 12.5px;
  color: var(--text_muted);
}

.sc-bot-collection>i {
  color: var(--text_muted);
  font-size: 12px;
}

.sc-bot-help-all {
  display: inline-block;
  padding: 14px 4px;
  font-weight: 600;
  color: var(--primary_color, var(--primary_color));
  text-decoration: none;
}

.sc-bot-convo {
  border: 0;
  background: transparent;
  width: 100%;
  text-align: start;
  cursor: pointer;
}

.sc-bot-convo-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary_color, var(--primary_color));
  margin-left: 4px;
}

.sc-bot-thread-back {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 15px;
  opacity: .8;
}

.sc-bot-thread-back:hover {
  opacity: 1;
}

.sc-bot-convos {
  display: flex;
  flex-direction: column;
}

.sc-bot-convo {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 6px;
  border-bottom: 1px solid var(--border_color, #eef0f2);
  text-decoration: none;
  color: var(--text_color);
}

.sc-bot-convo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
}

.sc-bot-convo-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

.sc-bot-convo-info b {
  font-size: 13.5px;
  color: var(--heading_color);
}

.sc-bot-convo-info span {
  font-size: 12.5px;
  color: var(--text_color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-bot-convo-info em {
  font-style: normal;
  font-size: 11.5px;
  color: var(--text_muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-bot-convo-when {
  font-size: 11px;
  color: var(--text_muted);
  flex: none;
}

.sc-bot-empty {
  text-align: center;
  padding: 40px 20px;
}

.sc-bot-empty>i {
  font-size: 30px;
  color: #cbd2d9;
}

.sc-bot-empty p {
  font-weight: 700;
  font-size: 15px;
  margin: 12px 0 4px;
  color: var(--heading_color);
}

.sc-bot-thread {
  padding: 4px 0 8px;
}

.sc-bot-msg {
  display: flex;
  margin-bottom: 10px;
}

.sc-bot-msg-user {
  justify-content: flex-end;
}

.sc-bot-bubble {
  max-width: 86%;
  padding: 10px 13px;
  border-radius: 14px;
  font-size: 13.5px;
  line-height: 1.55;
  background: #f1f3f5;
  color: var(--text_color);
}

.sc-bot-msg-user .sc-bot-bubble {
  background: var(--primary_color, var(--primary_color));
  color: #fff;
}

.sc-bot-bubble a {
  color: var(--primary_color);
  font-weight: 600;
  text-decoration: underline;
}

.sc-bot-msg-user .sc-bot-bubble a {
  color: #eafff5;
}

.sc-bot-typing::after {
  content: '';
  animation: scBotDots 1.2s infinite;
}

@keyframes scBotDots {
  0% {
    content: ''
  }

  33% {
    content: '.'
  }

  66% {
    content: '..'
  }

  100% {
    content: '...'
  }
}

.sc-bot-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sc-bot-card {
  display: flex;
  gap: 10px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 12px;
  padding: 8px;
  text-decoration: none;
  color: var(--text_color);
}

.sc-bot-card:hover {
  border-color: var(--primary_color, var(--primary_color));
}

.sc-bot-card img {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  object-fit: cover;
  flex: none;
}

.sc-bot-card-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sc-bot-card-info b {
  font-size: 12.5px;
  color: var(--heading_color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-bot-card-info em {
  font-style: normal;
  font-size: 11px;
  color: var(--text_muted);
}

.sc-bot-card-price {
  font-size: 13px;
  font-weight: 800;
  color: var(--primary_color, var(--primary_color));
}

.sc-bot-seeall {
  display: block;
  text-align: center;
  padding: 12px;
  margin-top: 4px;
  font-weight: 700;
  font-size: 13px;
  color: var(--primary_color, var(--primary_color));
  text-decoration: none;
  border: 1px dashed var(--primary_color, var(--primary_color));
  border-radius: 12px;
}

.sc-bot-seeall:hover {
  background: #e9f3ee;
}

.sc-bot-compose {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-top: 1px solid var(--border_color, #e4e7ec);
}

.sc-bot-compose input {
  flex: 1;
  border: 0;
  outline: none;
  font-size: 13.5px;
  background: transparent;
}

.sc-bot-compose button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  flex: none;
  background: var(--primary_color, var(--primary_color));
  color: #fff;
}

.sc-bot-nav {
  display: flex;
  border-top: 1px solid var(--border_color, #e4e7ec);
  background: #fff;
}

.sc-bot-nav-btn {
  flex: 1;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 10px 0 9px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  color: var(--text_muted);
  font-size: 11.5px;
  font-weight: 600;
}

.sc-bot-nav-btn i {
  font-size: 18px;
}

.sc-bot-nav-link {
  text-decoration: none;
}

.sc-bot-nav-link:hover {
  color: var(--heading_color);
}

.sc-bot-nav-ico {
  position: relative;
  display: inline-flex;
  line-height: 1;
}

.sc-bot-nav-badge {
  position: absolute;
  top: -7px;
  left: 100%;
  transform: translateX(-45%);
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  border-radius: 8px;
  background: #e11d48;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 15px;
  text-align: center;
}

.sc-bot-nav-btn.is-active {
  color: var(--heading_color);
}

.sc-bot-nav-btn.is-active i {
  color: var(--primary_color, var(--primary_color));
}

.sc-bot-muted {
  color: var(--text_muted, #667085);
  font-size: 12.5px;
}

.sc-bot-nofaq {
  text-align: center;
  padding: 20px 12px;
}

.sc-bot-nofaq strong {
  display: block;
  font-size: 14.5px;
  color: var(--heading_color);
}

.sc-bot-nofaq p {
  font-size: 12.5px;
  color: var(--text_muted);
  margin: 6px 0 4px;
}

.sc-bot-btn {
  display: inline-block;
  margin-top: 12px;
  padding: 9px 20px;
  background: var(--primary_color, var(--primary_color));
  color: #fff !important;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
}

.sc-bot-ai {
  margin: 0 0 14px;
}

.sc-bot-ai-card {
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 14px;
  padding: 12px 14px;
  background: linear-gradient(180deg, #f3fbf7 0%, #ffffff 60%);
}

.sc-bot-ai-head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.sc-bot-ai-head i {
  color: var(--primary_color, var(--primary_color));
  font-size: 12px;
}

.sc-bot-ai-badge {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .3px;
  color: var(--primary_color, var(--primary_color));
  background: rgba(var(--primary_rgb, 14, 90, 60), .1);
  padding: 2px 7px;
  border-radius: 999px;
}

.sc-bot-ai-body {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--body_color, #374151);
  word-break: break-word;
}

.sc-bot-ai-body a {
  color: var(--primary_color, var(--primary_color));
  font-weight: 600;
}

.sc-bot-ai-src {
  font-size: 12px;
  color: var(--text_muted);
  margin-top: 8px;
}

.sc-bot-ai-src a {
  color: var(--primary_color, var(--primary_color));
}

.sc-bot-ai-note {
  font-size: 11px;
  color: var(--text_muted);
  margin-top: 8px;
  font-style: italic;
}

.sc-bot-ai-hint-i {
  color: var(--primary_color, var(--primary_color));
  font-size: 22px;
  display: block;
  margin-bottom: 6px;
}

@media (max-width: 575px) {
  .sc-bot {
    bottom: 80px;
    right: 4px;
  }

  .sc-bot-toggle {
    width: 148px;
    height: 148px;
    font-size: 21px;
  }

  .sc-bot-mascot {
    width: 148px;
    height: 148px;
    transform: translateX(34px);
  }

  .sc-bot-panel {
    width: calc(100vw - 24px);
    height: 68vh;
    max-height: 520px;
    bottom: 66px;
    border-radius: 16px;
  }

  .sc-bot-hero {
    padding: 14px 16px 20px;
  }

  .sc-bot-hero-title {
    font-size: 20px;
  }

  .sc-bot-nav-btn {
    font-size: 10.5px;
    padding: 8px 0 7px;
  }

  .sc-bot-nav-btn i {
    font-size: 16px;
  }
}

[dir="rtl"] .sc-bot {
  right: auto;
  left: 24px;
}

[dir="rtl"] .sc-bot-panel {
  right: auto;
  left: 0;
}

.sc-bot-overlay {
  position: absolute;
  inset: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  z-index: 5;
}

.sc-bot-overlay.d-none {
  display: none;
}

.sc-bot-back {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 15px;
  opacity: .8;
}

.sc-bot-back:hover {
  opacity: 1;
}

.sc-bot-bar>span {
  flex: 1;
  text-align: center;
}

.sc-bot-article-title {
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 4px 0 12px;
  color: var(--heading_color);
}

.sc-bot-article-body {
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--text_color);
}

.sc-bot-article-body h1,
.sc-bot-article-body h2,
.sc-bot-article-body h3 {
  font-size: 15px !important;
  margin: 14px 0 6px;
}

.sc-bot-article-body p {
  margin-bottom: .9em;
}

.sc-bot-article-body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.sc-bot-article-body a {
  color: var(--primary_color, var(--primary_color));
  font-weight: 600;
}

.sc-bot-article-body pre,
.sc-bot-article-body code {
  font-size: 12px;
}

.sc-bot-ctx,
.sc-inbox-ctx {
  font-size: 11.5px;
  color: var(--text_muted);
  background: var(--swiper_background_color, #f1f3f5);
  border-radius: 8px;
  padding: 4px 10px;
  margin: 6px 0;
  display: inline-block;
}

.sc-bot-ctx a,
.sc-inbox-ctx a {
  color: var(--primary_color, var(--primary_color));
  font-weight: 600;
}

.sc-inbox-ctx {
  text-align: center;
  display: block;
  margin: 12px auto 8px;
  max-width: fit-content;
}

.sc-bot-blocked {
  text-align: center;
  color: #b42318;
  font-size: 12.5px;
  padding: 10px;
  margin-top: 6px;
  background: #fdefed;
  border-radius: 10px;
}

.sc-inbox-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border_color, #eef0f2);
  text-decoration: none;
  color: var(--text_color);
}

.sc-inbox-row:last-child {
  border-bottom: 0;
}

.sc-inbox-row:hover {
  background: var(--swiper_background_color, #f8f9fa);
}

.sc-inbox-row.is-active {
  background: #e9f3ee;
}

.sc-inbox-row.is-unread .sc-inbox-name {
  font-weight: 800;
}

.sc-inbox-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
}

.sc-inbox-main {
  flex: 1;
  min-width: 0;
}

.sc-inbox-name {
  font-size: 14.5px;
  color: var(--heading_color);
}

.sc-inbox-preview {
  font-size: 13px;
  color: var(--text_muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-inbox-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  flex: none;
}

.sc-inbox-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--primary_color, var(--primary_color));
}

.sc-inbox-list {
  max-height: 66vh;
  overflow-y: auto;
}

.sc-inbox-thread {
  height: 66vh;
}

.sc-inbox-msgs {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
}

@media (max-width: 991.98px) {
  .sc-inbox-thread {
    height: auto;
    min-height: 60vh;
  }

  .sc-inbox-list {
    max-height: none;
  }
}

.ws-menu-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 4px;
  border-radius: 999px;
  background: #e11d48;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
  }

  .item:hover {
    transform: none;
  }

  .btn:hover {
    transform: none;
  }

  .sc-footer-socials .social-btn:hover,
  .sc-footer-top:hover {
    transform: none;
  }

  .sc-item-overlay-btn {
    transform: none;
  }
}

.btn.btn-primary,
.cart-counter,
.pagination .page-item.active .page-link,
.sc-trend-icon,
.sc-trend-card:hover .sc-trend-arrow,
.settings-link.active,
.dashboard-sidebar-link.current>.dashboard-sidebar-link-title,
.dashboard-sidebar-link.current>.dashboard-sidebar-link-title i,
.dashboard-balance-icon a,
.sc-marquee-item,
.sc-item-overlay-btn,
.sc-hero-search .search-input .btn,
.sc-footer-socials .social-btn:hover,
.sc-footer-top:hover,
.item-swiper .swiper-button-prev:hover,
.item-swiper .swiper-button-next:hover,
.testimonials-swiper .swiper-button-prev:hover,
.testimonials-swiper .swiper-button-next:hover {
  color: #ffffff !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  color: #ffffff !important;
}

.btn.btn-outline-primary {
  color: var(--primary_color);
}

/* ==========================================================================
   GPL PANTHER 2.0: Modern Minimal Studio Showcase & Live Terminal Hero Styles
   ========================================================================== */
.panther-hero {
  position: relative;
  overflow: hidden;
  background-color: #fcfbfe;
  padding: clamp(2.5rem, 4.5vw, 4.5rem) 0 2.5rem;
}

/* Ambient Aurora Mesh Background */
.panther-aurora-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}

.panther-aurora-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  opacity: 0.65;
  animation: pantherAuroraBreath 10s ease-in-out infinite alternate;
}

.panther-aurora-1 {
  top: -120px;
  right: 8%;
  width: 580px;
  height: 520px;
  background: radial-gradient(circle, rgba(124, 77, 255, 0.18) 0%, rgba(99, 102, 241, 0.08) 50%, transparent 75%);
}

.panther-aurora-2 {
  bottom: 50px;
  left: 2%;
  width: 500px;
  height: 480px;
  background: radial-gradient(circle, rgba(167, 139, 250, 0.14) 0%, rgba(216, 180, 254, 0.06) 50%, transparent 75%);
  animation-delay: -5s;
}

.panther-aurora-3 {
  top: 35%;
  left: 38%;
  width: 440px;
  height: 440px;
  background: radial-gradient(circle, rgba(192, 132, 252, 0.1) 0%, transparent 70%);
  animation-delay: -3s;
}

.panther-dot-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(124, 77, 255, 0.08) 1.2px, transparent 1.2px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 30%, transparent 80%);
}

/* Left Column: Copy, Spotlight Search, Category Chips & Proof */
.panther-hero-col-left {
  position: relative;
  z-index: 2;
}

/* Luminous Live Status Pill */
.panther-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(167, 139, 250, 0.4);
  padding: 6px 14px;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(124, 77, 255, 0.08), inset 0 1px 1px #fff;
  margin-bottom: 22px;
  backdrop-filter: blur(8px);
}

.panther-pulse-dot {
  position: relative;
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
  display: inline-block;
}

.panther-pulse-ring {
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 2px solid #10b981;
  animation: pantherPulseRing 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}

.panther-status-tag {
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #6038bb;
  text-transform: uppercase;
}

.panther-status-sep {
  color: #cbd5e1;
  font-size: 0.8rem;
}

.panther-status-desc {
  font-size: 0.78rem;
  font-weight: 600;
  color: #475569;
}

/* Editorial Headline */
.panther-hero-title {
  font-size: clamp(2.4rem, 4.3vw, 3.8rem);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -0.038em;
  color: #0f172a;
  margin-bottom: 18px;
}

.panther-gradient-text {
  background: linear-gradient(120deg, #6038bb 0%, #7c4dff 40%, #4f46e5 75%, #a855f7 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: pantherGradientFlow 6s linear infinite;
  display: inline-block;
}

.panther-title-subtext {
  font-size: clamp(1.8rem, 3.2vw, 2.7rem);
  font-weight: 750;
  color: #334155;
  display: inline-block;
  margin-top: 4px;
}

/* Clean Lead Description */
.panther-hero-lead {
  font-size: clamp(0.98rem, 1.15vw, 1.12rem);
  line-height: 1.68;
  color: #475569;
  margin-bottom: 26px;
  max-width: 530px;
}

/* Spotlight Command Deck */
.panther-search-deck {
  max-width: 540px;
  margin-bottom: 26px;
}

/* Quick Category Filter Chips */
.panther-category-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.panther-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(226, 232, 240, 0.9);
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.panther-chip i {
  font-size: 0.75rem;
}

.panther-chip:hover {
  background: #f1edff;
  color: #6038bb;
  border-color: rgba(167, 139, 250, 0.6);
  transform: translateY(-1px);
}

.panther-chip.active {
  background: #6038bb;
  color: #ffffff !important;
  border-color: #6038bb;
  box-shadow: 0 4px 12px rgba(96, 56, 187, 0.3);
}

/* Spotlight Form & Box */
.panther-search-box {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1.5px solid rgba(167, 139, 250, 0.38);
  border-radius: 18px;
  padding: 6px 7px 6px 18px;
  box-shadow: 0 14px 38px -8px rgba(96, 56, 187, 0.14), 0 4px 12px rgba(15, 23, 42, 0.03);
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.panther-search-box:focus-within {
  border-color: #7c4dff;
  box-shadow: 0 18px 48px -6px rgba(124, 77, 255, 0.28), 0 0 0 4px rgba(124, 77, 255, 0.12);
  transform: translateY(-2px);
}

.panther-search-icon-wrap {
  color: #7c4dff;
  font-size: 1.15rem;
  margin-right: 12px;
  flex-shrink: 0;
}

.panther-search-input {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  width: 100%;
  font-size: 0.96rem;
  color: #0f172a;
  padding: 10px 4px !important;
  box-shadow: none !important;
}

.panther-search-input::placeholder {
  color: #94a3b8;
  font-weight: 400;
}

.panther-kbd-badge {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748b;
  margin-right: 8px;
  white-space: nowrap;
}

.panther-search-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #6038bb, #7c4dff);
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px;
  padding: 11px 22px;
  font-weight: 700;
  font-size: 0.92rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(124, 77, 255, 0.35);
}

.panther-search-btn:hover {
  background: linear-gradient(135deg, #4b269b, #6c3bee);
  box-shadow: 0 6px 20px rgba(124, 77, 255, 0.48);
  transform: translateY(-1px);
}

.panther-search-btn i {
  transition: transform 0.2s ease;
}

.panther-search-btn:hover i {
  transform: translateX(3px);
}

/* Trending Keywords */
.panther-trending-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.panther-trending-lbl {
  font-size: 0.82rem;
  font-weight: 600;
  color: #64748b;
}

.panther-trending-tags {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.panther-trending-tags a {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 500;
  color: #475569;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 999px;
  padding: 3px 12px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
}

.panther-trending-tags a:hover {
  background: #ede8ff;
  color: #6038bb !important;
  border-color: #7c4dff;
  transform: translateY(-1px);
}

/* Developer Social Proof */
.panther-proof-strip {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 6px;
}

.panther-avatar-stack {
  display: flex;
  align-items: center;
}

.panther-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 800;
  color: #ffffff;
  border: 2px solid #ffffff;
  margin-left: -8px;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}

.panther-avatar:first-child {
  margin-left: 0;
}

.panther-av-1 {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
}

.panther-av-2 {
  background: linear-gradient(135deg, #ec4899, #f43f5e);
}

.panther-av-3 {
  background: linear-gradient(135deg, #10b981, #059669);
}

.panther-av-4 {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.panther-proof-meta {
  display: flex;
  flex-direction: column;
}

.panther-stars {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #f59e0b;
  font-size: 0.8rem;
}

.panther-score {
  color: #0f172a;
  font-size: 0.82rem;
  font-weight: 800;
  margin-left: 5px;
}

.panther-proof-text {
  font-size: 0.78rem;
  color: #64748b;
  font-weight: 500;
}

/* ==========================================================================
   Right Column: Interactive Panther Terminal & Motion Showcase
   ========================================================================== */
.panther-hero-col-right {
  position: relative;
  z-index: 2;
}

.panther-stage-deck {
  position: relative;
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  perspective: 1200px;
  padding: 30px 15px;
}

/* Main Interactive Panther Terminal Window */
.panther-terminal-window {
  background: linear-gradient(165deg, #13112c 0%, #0d0a21 100%);
  border-radius: 26px;
  border: 1px solid rgba(167, 139, 250, 0.28);
  box-shadow: 0 32px 75px -12px rgba(15, 8, 40, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 14px 40px rgba(124, 77, 255, 0.18);
  overflow: hidden;
  backdrop-filter: blur(20px);
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.4, 1), box-shadow 0.3s ease;
  transform-style: preserve-3d;
  position: relative;
  z-index: 5;
}

/* Window Header / macOS Controls */
.panther-window-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 18px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.panther-window-dots {
  display: flex;
  align-items: center;
  gap: 7px;
}

.panther-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
}

.panther-dot-close {
  background: #ff5f56;
}

.panther-dot-min {
  background: #ffbd2e;
}

.panther-dot-expand {
  background: #27c93f;
}

.panther-window-url {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  padding: 3px 14px;
  font-size: 0.72rem;
  color: #94a3b8;
  font-family: monospace;
}

.panther-window-url i {
  color: #10b981;
  font-size: 0.65rem;
}

.panther-window-status {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.68rem;
  font-weight: 750;
  color: #a78bfa;
  letter-spacing: 0.06em;
}

.panther-live-dot {
  width: 6px;
  height: 6px;
  background: #10b981;
  border-radius: 50%;
  box-shadow: 0 0 8px #10b981;
}

/* Tab Bar inside Terminal */
.panther-tab-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.panther-tab-btn {
  background: transparent;
  border: none;
  border-radius: 10px;
  padding: 7px 14px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #94a3b8;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.2s ease;
}

.panther-tab-btn:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
}

.panther-tab-btn.active {
  color: #ffffff;
  background: rgba(124, 77, 255, 0.28);
  border: 1px solid rgba(167, 139, 250, 0.35);
  box-shadow: 0 2px 8px rgba(124, 77, 255, 0.2);
}

/* Showcase Body Content */
.panther-showcase-content {
  padding: 24px;
}

.panther-product-panel {
  display: none;
  animation: pantherFadeIn 0.35s ease;
}

.panther-product-panel.active {
  display: block;
}

/* Product Panel Header */
.panther-prod-badge-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.panther-prod-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #ffffff;
  flex-shrink: 0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.panther-icon-elementor {
  background: linear-gradient(135deg, #92003b, #d91b5c);
}

.panther-icon-astra {
  background: linear-gradient(135deg, #7839ee, #5a18c7);
}

.panther-icon-rankmath {
  background: linear-gradient(135deg, #0260e8, #2563eb);
}

.panther-prod-info {
  display: flex;
  flex-direction: column;
}

.panther-prod-title {
  font-size: 1.25rem;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 5px 0;
  letter-spacing: -0.02em;
}

.panther-prod-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.panther-ver-tag {
  background: rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 600;
  font-family: monospace;
}

.panther-dot-sep {
  color: #64748b;
  font-size: 0.75rem;
}

.panther-time-tag {
  color: #94a3b8;
  font-size: 0.74rem;
}

.panther-verified-badge {
  background: rgba(16, 185, 129, 0.15);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.3);
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Feature Checkmarks */
.panther-feature-grid {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 22px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
}

.panther-feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.84rem;
  color: #e2e8f0;
}

.panther-feature-item i {
  color: #10b981;
  font-size: 0.8rem;
  flex-shrink: 0;
}

/* Price & Deal Action Box */
.panther-deal-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: rgba(124, 77, 255, 0.08);
  border: 1px solid rgba(167, 139, 250, 0.24);
  padding: 14px 18px;
  border-radius: 16px;
}

.panther-price-comparison {
  display: flex;
  align-items: center;
  gap: 14px;
}

.panther-price-off {
  display: flex;
  flex-direction: column;
}

.panther-off-lbl {
  font-size: 0.68rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.panther-off-val {
  font-size: 0.88rem;
  color: #ef4444;
  font-weight: 600;
}

.panther-price-panther {
  display: flex;
  flex-direction: column;
}

.panther-our-lbl {
  font-size: 0.68rem;
  color: #a78bfa;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.panther-our-val {
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.panther-curr {
  font-size: 0.95rem;
  font-weight: 700;
  color: #ffffff;
  margin-right: 1px;
}

.panther-amount {
  font-size: 1.6rem;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
}

.panther-save-pill {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 4px 9px;
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);
}

.panther-vault-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #6038bb, #7c4dff);
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 0.88rem;
  font-weight: 750;
  padding: 10px 18px;
  border-radius: 12px;
  transition: all 0.24s ease;
  box-shadow: 0 4px 14px rgba(124, 77, 255, 0.4);
  white-space: nowrap;
}

.panther-vault-btn:hover {
  background: linear-gradient(135deg, #4b269b, #6c3bee);
  box-shadow: 0 6px 20px rgba(124, 77, 255, 0.6);
  transform: translateY(-2px);
  color: #ffffff !important;
}

/* Terminal Footer Ticker */
.panther-terminal-foot {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 11px 16px;
  background: rgba(0, 0, 0, 0.35);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.panther-foot-metric {
  display: flex;
  align-items: center;
  gap: 6px;
}

.panther-metric-val {
  font-size: 0.82rem;
  font-weight: 800;
  color: #ffffff;
}

.panther-metric-lbl {
  font-size: 0.72rem;
  color: #94a3b8;
}

.panther-foot-sep {
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.1);
}

/* Floating Satellite Micro-Cards */
.panther-float-card {
  position: absolute;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 16px;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  box-shadow: 0 16px 36px -6px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.03);
  backdrop-filter: blur(10px);
  cursor: default;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.panther-float-card:hover {
  transform: translateY(-6px) scale(1.04) !important;
  box-shadow: 0 22px 46px -6px rgba(96, 56, 187, 0.22) !important;
  border-color: rgba(167, 139, 250, 0.6);
  z-index: 10;
}

.panther-float-body {
  display: flex;
  flex-direction: column;
}

.panther-float-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  font-weight: 800;
  color: #0f172a;
}

.panther-float-desc {
  font-size: 0.7rem;
  color: #64748b;
  font-weight: 500;
}

/* Card 1: Security Scan (Top-Right) */
.panther-float-security {
  top: 6px;
  right: -8px;
  animation: pantherFloat1 6.5s ease-in-out infinite;
}

.panther-radar-icon {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #ecfdf5;
  color: #10b981;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
}

.panther-radar-pulse {
  position: absolute;
  inset: -3px;
  border-radius: 13px;
  border: 1.5px solid #10b981;
  animation: pantherRadarPulse 2.4s ease-out infinite;
}

.panther-green-dot {
  width: 6px;
  height: 6px;
  background: #10b981;
  border-radius: 50%;
  display: inline-block;
}

/* Card 2: Live Activity (Bottom-Left) */
.panther-float-updates {
  bottom: 12px;
  left: -14px;
  animation: pantherFloat2 7.2s ease-in-out infinite;
}

.panther-zap-icon {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #fffbeb;
  color: #f59e0b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* Card 3: Unlimited GPL Freedom (Bottom-Right) */
.panther-float-freedom {
  bottom: -10px;
  right: 15px;
  animation: pantherFloat3 8s ease-in-out infinite;
}

.panther-infinity-icon {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #ede9fe;
  color: #7c4dff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
}

/* ==========================================================================
   Bottom 4-Column Minimal Trust Metrics Strip
   ========================================================================== */
.panther-trust-bar {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid rgba(167, 139, 250, 0.2);
  position: relative;
  z-index: 2;
}

.panther-trust-card {
  display: flex;
  align-items: center;
  gap: 13px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 16px;
  padding: 14px 18px;
  transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.02);
}

.panther-trust-card:hover {
  background: #ffffff;
  border-color: rgba(167, 139, 250, 0.45);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(96, 56, 187, 0.08);
}

.panther-trust-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.18rem;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.panther-trust-card:hover .panther-trust-icon {
  transform: scale(1.1);
}

.panther-icon-purple {
  background: #f3e8ff;
  color: #7c4dff;
}

.panther-icon-emerald {
  background: #dcfce7;
  color: #10b981;
}

.panther-icon-amber {
  background: #ffedd5;
  color: #ea580c;
}

.panther-icon-indigo {
  background: #e0e7ff;
  color: #4f46e5;
}

.panther-trust-text {
  display: flex;
  flex-direction: column;
}

.panther-trust-heading {
  font-size: 0.92rem;
  font-weight: 750;
  color: #0f172a;
  margin: 0 0 2px 0;
  line-height: 1.25;
}

.panther-trust-sub {
  font-size: 0.74rem;
  color: #64748b;
  margin: 0;
  line-height: 1.25;
}

/* ==========================================================================
   Animations Keyframes
   ========================================================================== */
@keyframes pantherAuroraBreath {
  0% {
    transform: scale(1) translate(0, 0);
  }

  50% {
    transform: scale(1.12) translate(-15px, 20px);
  }

  100% {
    transform: scale(0.95) translate(15px, -15px);
  }
}

@keyframes pantherPulseRing {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

@keyframes pantherRadarPulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(1.45);
    opacity: 0;
  }
}

@keyframes pantherGradientFlow {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes pantherFloat1 {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes pantherFloat2 {

  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-6px, 9px);
  }
}

@keyframes pantherFloat3 {

  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(6px, -8px);
  }
}

@keyframes pantherFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   Responsive Breakpoints
   ========================================================================== */
@media (max-width: 1199.98px) {
  .panther-stage-deck {
    max-width: 520px;
    padding: 24px 10px;
  }

  .panther-hero-title {
    font-size: 3rem;
  }
}

@media (max-width: 991.98px) {
  .panther-hero-col-left {
    text-align: center;
  }

  .panther-status-pill {
    margin-left: auto;
    margin-right: auto;
  }

  .panther-hero-lead {
    margin-left: auto;
    margin-right: auto;
  }

  .panther-search-deck {
    margin-left: auto;
    margin-right: auto;
  }

  .panther-category-chips {
    justify-content: center;
  }

  .panther-trending-row {
    justify-content: center;
  }

  .panther-proof-strip {
    justify-content: center;
  }

  .panther-stage-deck {
    margin-top: 30px;
    max-width: 500px;
  }

  .panther-float-security {
    right: 5px;
    top: 0;
  }

  .panther-float-updates {
    left: 5px;
  }
}

@media (max-width: 767.98px) {
  .panther-hero {
    padding: 2rem 0 1.5rem;
  }

  .panther-hero-title {
    font-size: 2.15rem;
  }

  .panther-title-subtext {
    font-size: 1.55rem;
  }

  .panther-stage-deck {
    max-width: 100%;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
  }

  .panther-terminal-window {
    order: 1;
    margin-bottom: 14px;
    border-radius: 20px;
  }

  .panther-float-security {
    order: 2;
  }

  .panther-float-updates {
    order: 3;
  }

  .panther-float-freedom {
    order: 4;
  }

  .panther-float-card {
    position: static;
    margin-bottom: 8px;
    width: 100%;
    animation: none !important;
    padding: 9px 14px;
    border-radius: 14px;
  }

  .panther-showcase-content {
    padding: 18px 14px;
  }

  .panther-deal-box {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    gap: 12px;
  }

  .panther-price-comparison {
    justify-content: center;
  }

  .panther-vault-btn {
    justify-content: center;
  }

  .panther-kbd-badge {
    display: none;
  }

  .panther-trust-bar {
    margin-top: 24px;
    padding-top: 20px;
  }

  .panther-trust-card {
    padding: 10px 12px;
    gap: 10px;
  }

  .panther-trust-icon {
    width: 38px;
    height: 38px;
    font-size: 1rem;
  }

  .panther-trust-heading {
    font-size: 0.82rem;
  }

  .panther-trust-sub {
    font-size: 0.68rem;
  }
}

.sc-hok-hero {
  position: relative;
  z-index: 20;
  overflow: visible;
  background: linear-gradient(135deg, #faf9f6 0%, rgba(var(--primary_rgb, 14, 90, 60), 0.06) 100%);
  padding: clamp(2.5rem, 2.5vw, 4rem) 0;
  background-image: repeating-radial-gradient(circle at 25% 50%, rgba(var(--primary_rgb, 14, 90, 60), 0.1) 0px, rgba(var(--primary_rgb, 14, 90, 60), 0.1) 1px, transparent 2px, transparent 15px);
}

.sc-hok-hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.sc-hok-hero-blob {
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}

.sc-hok-hero-blob-1 {
  top: -80px;
  left: -60px;
  width: 260px;
  height: 260px;
  background: rgba(var(--primary_rgb, 14, 90, 60), .16);
}

.sc-hok-hero-blob-2 {
  bottom: -90px;
  right: 30%;
  width: 220px;
  height: 220px;
  background: rgba(17, 17, 17, .04);
}

.sc-hok-hero-left {
  position: relative;
  z-index: 1;
}

.sc-hok-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--heading_color);
  background: #fff;
  border: 1px solid var(--border_color);
  box-shadow: var(--sc-shadow);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 22px;
}

.sc-hok-eyebrow .fa-star {
  color: var(--primary_color);
  font-size: 11px;
}

.sc-hok-eyebrow span {
  color: var(--text_muted);
  margin-inline-start: 4px;
}

.sc-hok-hero-title {
  font-weight: 800;
  font-size: clamp(2.1rem, 4.4vw, 3.4rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--heading_color);
  margin-bottom: 18px;
}

.sc-hok-hero-text {
  font-size: clamp(1rem, 1.5vw, 1.12rem);
  line-height: 1.7;
  color: var(--text_muted);
  max-width: 520px;
  margin-bottom: 26px;
}

.sc-hok-hero-search {
  max-width: 560px;
}

.sc-hok-hero-search .search-input {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border-radius: 999px;
  padding: 6px 6px 6px 10px;
  box-shadow: 0 16px 44px rgba(17, 17, 17, .12);
  border: 1px solid var(--border_color);
}

.sc-hok-hero-search .search-input input {
  flex: 1;
  min-width: 0;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent;
  font-size: 15px;
  padding: 12px 14px;
  color: var(--heading_color);
}

.sc-hok-hero-search .search-input .btn {
  flex-shrink: 0;
  border-radius: 999px;
  padding: 12px 26px;
}

.sc-hok-hero-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  font-size: 14px;
}

.sc-hok-hero-tags-label {
  color: var(--text_muted);
  font-weight: 600;
}

.sc-hok-hero-tags a {
  color: var(--heading_color);
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 5px 14px;
  border-radius: 999px;
  transition: .2s ease;
}

.sc-hok-hero-tags a:hover {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #fff;
}

.sc-hok-hero-right {
  position: relative;
  z-index: 1;
}

.sc-hok-collage {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 460px;
  margin: 0 auto;
}

.sc-hok-collage-card {
  aspect-ratio: 1 / 1.1;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #fff;
  box-shadow: var(--sc-shadow-lg);
}

.sc-hok-collage-1 {
  background: linear-gradient(135deg, #111111, #2a2a2a);
  transform: translateY(18px);
}

.sc-hok-collage-2 {
  background: linear-gradient(135deg, var(--primary_color), var(--sc-moss, var(--primary_hover)));
  color: #fff;
}

.sc-hok-collage-3 {
  background: linear-gradient(135deg, var(--primary_color), var(--sc-moss, var(--primary_hover)));
  color: #fff;
  transform: translateY(18px);
}

.sc-hok-collage-4 {
  background: linear-gradient(135deg, #111111, #2a2a2a);
}

.sc-hok-collage-chip {
  position: absolute;
  background: #fff;
  border-radius: 14px;
  box-shadow: var(--sc-shadow-lg);
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: var(--text_muted);
  z-index: 2;
}

.sc-hok-collage-rating {
  top: -14px;
  inset-inline-start: -18px;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  color: var(--heading_color);
}

.sc-hok-collage-rating .fa-star {
  color: var(--primary_color);
}

.sc-hok-collage-rating span {
  color: var(--text_muted);
  font-weight: 500;
}

.sc-hok-collage-stat {
  bottom: -16px;
  inset-inline-end: -10px;
}

.sc-hok-collage-stat strong {
  font-size: 18px;
  color: var(--heading_color);
  letter-spacing: -0.02em;
}

.sc-hero-stage {
  position: relative;
  width: 100%;
  max-width: 610px;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
}

.sc-hero-stage-rings {
  position: absolute;
  inset: 3%;
  border-radius: 50%;
  z-index: 0;
  background: repeating-radial-gradient(circle at 50% 50%, rgba(var(--primary_rgb, 14, 90, 60), .06) 0 1px, transparent 1px 28px);
}

.sc-hero-wolf-scene {
  position: absolute;
  left: 50%;
  top: 53%;
  transform: translate(-50%, -50%);
  width: 106%;
  height: auto;
  z-index: 2;
  filter: drop-shadow(0 14px 22px rgba(10, 60, 41, .16));
}

.sc-hero-orb {
  position: absolute;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  box-shadow: 0 20px 40px -14px rgba(var(--primary_rgb, 14, 90, 60), .3), 0 6px 14px rgba(0, 0, 0, .06);
  animation: scHeroFloat 3.8s ease-in-out infinite;
}

.sc-hero-orb i {
  font-size: 35px;
}

.sc-hero-orb-1 {
  top: 1%;
  left: 12%;
  color: #e6a92e;
  animation-duration: 3.6s;
}

.sc-hero-orb-2 {
  top: -1%;
  right: 7%;
  color: var(--primary_color);
  animation-name: scHeroFloatB;
  animation-duration: 4.3s;
  animation-delay: .5s;
}

.sc-hero-orb-3 {
  top: 40%;
  left: -2%;
  color: #2f6df0;
  animation-duration: 4s;
  animation-delay: .4s;
}

.sc-hero-orb-4 {
  top: 52%;
  right: -3%;
  color: var(--primary_color);
  animation-name: scHeroFloatB;
  animation-delay: .3s;
}

.sc-hero-orb-5 {
  bottom: 4%;
  left: 14%;
  color: #0f1a15;
  animation-duration: 3.4s;
  animation-delay: .7s;
}

.sc-hero-chip {
  position: absolute;
  background: #fff;
  z-index: 3;
  box-shadow: 0 18px 38px -14px rgba(var(--primary_rgb, 14, 90, 60), .3), 0 5px 12px rgba(0, 0, 0, .06);
  animation: scHeroFloat 4s ease-in-out infinite;
}

.sc-hero-chip-rating {
  top: 0;
  left: 50%;
  margin-left: -74px;
  border-radius: 999px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 15px;
  color: #1f2937;
  animation-delay: .9s;
}

.sc-hero-chip-rating .fa-star {
  color: #e6a92e;
}

.sc-hero-chip-rating span {
  color: #7a8794;
  font-weight: 500;
  font-size: 14px;
}

.sc-hero-chip-items {
  bottom: 6%;
  inset-inline-end: -2%;
  background: var(--primary_color);
  border-radius: 16px;
  padding: 12px 18px;
  text-align: start;
  animation-name: scHeroFloatB;
  animation-delay: .2s;
}

.sc-hero-chip-items strong {
  display: block;
  font-size: 24px;
  color: #fff;
  letter-spacing: -.02em;
  line-height: 1;
}

.sc-hero-chip-items span {
  font-size: 12px;
  color: #bfe6d2;
}

.sc-hero-badge {
  position: absolute;
  left: 49.5%;
  top: 65%;
  transform: translate(-50%, -50%);
  width: 152px;
  height: 152px;
  z-index: 5;
  pointer-events: none;
}

.sc-hero-badge svg {
  width: 100%;
  height: 100%;
  display: block;
}

.sc-hero-badge-spin {
  transform-origin: 100px 100px;
  animation: scBadgeSpin 14s linear infinite;
}

.sc-hero-badge-text {
  fill: var(--primary_color);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.sc-hero-badge-icon {
  fill: #f0a32a;
  font-size: 44px;
  font-weight: 700;
}

@keyframes scBadgeSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes scHeroFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}

@keyframes scHeroFloatB {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(11px);
  }
}

@media (max-width: 991.98px) {
  .sc-hero-stage {
    max-width: 440px;
    margin-top: 10px;
  }

  .sc-hero-orb {
    width: 66px;
    height: 66px;
  }

  .sc-hero-orb i {
    font-size: 26px;
  }

  .sc-hero-chip-items strong {
    font-size: 20px;
  }

  .sc-hero-badge {
    display: none;
  }
}

.sc-find-visual {
  position: relative;
  border-radius: var(--sc-radius);
  background: linear-gradient(150deg, #111111 0%, #2a2a2a 100%);
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #34d399;
  font-size: 80px;
  overflow: hidden;
}

.sc-find-visual::after {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 14, 90, 60), .35), rgba(var(--primary_rgb, 14, 90, 60), 0) 70%);
}

.sc-find-stat {
  position: absolute;
  bottom: 18px;
  inset-inline-start: 18px;
  background: #fff;
  border-radius: 14px;
  box-shadow: var(--sc-shadow-lg);
  padding: 12px 18px;
  display: flex;
  flex-direction: column;
}

.sc-find-stat strong {
  font-size: 22px;
  color: var(--heading_color);
  letter-spacing: -0.02em;
}

.sc-find-stat span {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-find-text {
  color: var(--text_muted);
  line-height: 1.7;
  margin: 14px 0 22px;
}

.sc-find-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 26px;
}

.sc-find-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.sc-find-check {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sc-find-item h6 {
  font-weight: 700;
  color: var(--heading_color);
  margin-bottom: 3px;
}

.sc-find-item p {
  font-size: 14px;
  color: var(--text_muted);
  margin: 0;
  line-height: 1.5;
}

.sc-start {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: var(--sc-radius);
  padding: 34px 36px;
  display: flex;
  align-items: center;
}

.sc-start-body {
  position: relative;
  z-index: 1;
  max-width: 70%;
}

.sc-start h3 {
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}

.sc-start p {
  line-height: 1.6;
  margin-bottom: 20px;
}

.sc-start-icon {
  position: absolute;
  inset-inline-end: 18px;
  bottom: -10px;
  font-size: 120px;
  opacity: .12;
  z-index: 0;
}

.sc-start-dark {
  background: linear-gradient(150deg, #111111, #2a2a2a);
}

.sc-start-dark h3 {
  color: #fff;
}

.sc-start-dark p {
  color: #cbd5e1;
}

.sc-start-dark .sc-start-icon {
  color: var(--primary_color);
  opacity: .18;
}

.sc-start-yellow {
  background: linear-gradient(150deg, var(--primary_color), var(--sc-moss, var(--primary_hover)));
}

.sc-start-yellow h3,
.sc-start-yellow p {
  color: #ffffff;
}

.sc-start-yellow p {
  opacity: .85;
}

.sc-start-yellow .sc-start-icon {
  color: #fff;
}

.sc-start-btn {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  padding: 11px 24px;
  border-radius: 999px;
  transition: transform .2s ease;
}

.sc-start-btn:hover {
  transform: translateY(-2px);
}

.sc-start-btn-yellow {
  background: var(--primary_color);
  color: #fff;
}

.sc-start-btn-yellow:hover {
  color: #fff;
}

.sc-start-btn-dark {
  background: #111;
  color: #fff;
}

.sc-start-btn-dark:hover {
  color: #fff;
}

.sc-plan {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 20px;
  padding: 26px 24px;
  box-shadow: var(--sc-shadow);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

.sc-plan::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--sc-mint, var(--primary_hover)), var(--primary_color));
}

.sc-plan:hover {
  transform: translateY(-6px);
  box-shadow: var(--sc-shadow-lg);
}

.sc-plan-action {
  margin-top: auto;
  margin-bottom: 0;
}

.sc-plan-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--primary_color);
  background: color-mix(in srgb, var(--primary_color) 12%, transparent);
  border-radius: 999px;
  padding: 5px 11px;
  margin-bottom: 14px;
}

.sc-plan-tag i {
  font-size: .72rem;
}

.sc-plan-name {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
  font-size: 1.5rem;
  letter-spacing: -.02em;
  color: var(--heading_color);
  margin: 0 0 4px;
}

.sc-plan-live {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #a314e3;
  box-shadow: 0 0 0 0 rgba(163, 20, 227, .6);
  animation: sc-plan-pulse 1.6s ease-out infinite;
}

@keyframes sc-plan-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(163, 20, 227, .55);
  }

  70%,
  100% {
    box-shadow: 0 0 0 8px rgba(163, 20, 227, 0);
  }
}

.sc-plan-featured .sc-plan-live {
  background: #c96bf0;
  box-shadow: 0 0 0 0 rgba(201, 107, 240, .7);
  animation-name: sc-plan-pulse-f;
}

@keyframes sc-plan-pulse-f {
  0% {
    box-shadow: 0 0 0 0 rgba(201, 107, 240, .6);
  }

  70%,
  100% {
    box-shadow: 0 0 0 8px rgba(201, 107, 240, 0);
  }
}

.sc-plan-sub {
  font-size: .95rem;
  font-weight: 700;
  color: var(--primary_color);
  margin-bottom: 16px;
}

.sc-plan-price {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 20px;
}

.sc-plan-amount {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--heading_color);
}

.sc-plan-period {
  font-size: 14px;
  color: var(--text_muted);
}

.sc-plan-features {
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sc-plan-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--text_color);
  padding: 6px 0;
}

.sc-plan-features .fa-circle-check {
  color: #16a34a;
  font-size: 16px;
  flex: 0 0 auto;
}

.sc-plan-action .btn {
  width: 100%;
  border-radius: 12px;
  font-weight: 700;
  padding: 12px;
  background: linear-gradient(120deg, var(--sc-moss, var(--primary_hover)), var(--primary_color));
  border: 0;
  color: #fff;
}

.sc-plan-action .btn:hover {
  filter: brightness(1.06);
  color: #fff;
}

.sc-plan-action .btn[disabled] {
  opacity: .7;
}

.sc-plan-badge {
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
  z-index: 2;
  background: #0e2a1e;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  padding: 5px 12px;
  border-radius: 999px;
}

.sc-plan-featured {
  border: 0;
  color: #fff;
  box-shadow: 0 22px 50px rgba(var(--primary_rgb, 14, 90, 60), .35);
  background: linear-gradient(150deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 55%, var(--primary_hover) 100%);
}

.sc-plan-featured::before {
  display: none;
}

.sc-plan-featured .sc-plan-name,
.sc-plan-featured .sc-plan-amount {
  color: #fff;
}

.sc-plan-featured .sc-plan-tag {
  color: #d1fadf;
  background: rgba(255, 255, 255, .14);
}

.sc-plan-featured .sc-plan-sub {
  color: #a7f3c9;
}

.sc-plan-featured .sc-plan-period {
  color: rgba(255, 255, 255, .78);
}

.sc-plan-featured .sc-plan-features li {
  color: rgba(255, 255, 255, .92);
}

.sc-plan-featured .sc-plan-features .fa-circle-check {
  color: #4ade80;
}

.sc-plan-featured .sc-plan-action .btn {
  background: #fff !important;
  color: var(--primary_color) !important;
  border: 0;
}

.sc-plan-featured .sc-plan-action .btn:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  color: var(--primary_color) !important;
  filter: none;
}

.sc-plan-action .btn.sc-plan-renew,
.sc-plan-featured .sc-plan-action .btn.sc-plan-renew {
  background: linear-gradient(120deg, #e6a92e, #b7791f) !important;
  color: #3a2606 !important;
  border: 0;
}

.sc-plan-action .btn.sc-plan-renew:hover,
.sc-plan-featured .sc-plan-action .btn.sc-plan-renew:hover {
  background: linear-gradient(120deg, #d99a1f, #a06a12) !important;
  color: #3a2606 !important;
  filter: none;
}

.sc-app {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  background: linear-gradient(135deg, rgba(var(--primary_rgb, 14, 90, 60), 0.08) 0%, #faf9f6 100%);
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  padding: 40px 44px;
}

.sc-app-eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--primary_color);
  margin-bottom: 8px;
}

.sc-app-text {
  max-width: 520px;
}

.sc-app-text h3 {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--heading_color);
  margin-bottom: 10px;
}

.sc-app-text p {
  color: var(--text_muted);
  line-height: 1.6;
  margin-bottom: 22px;
}

.sc-app-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.sc-app-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #111;
  color: #fff;
  padding: 10px 20px;
  border-radius: 12px;
  transition: transform .2s ease;
}

.sc-app-badge:hover {
  transform: translateY(-2px);
  color: #fff;
}

.sc-app-badge i {
  font-size: 26px;
}

.sc-app-badge span {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.1;
}

.sc-app-badge small {
  font-weight: 500;
  font-size: 10px;
  opacity: .8;
}

.sc-app-visual {
  font-size: 120px;
  color: var(--primary_color);
}

.sc-trusted {
  padding: 30px 0;
}

.sc-trusted-title {
  text-align: center;
  color: var(--text_muted);
  font-weight: 600;
  margin-bottom: 22px;
}

.sc-trusted-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 5vw, 56px);
}

.sc-trusted-logo {
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #9ca3af;
  filter: grayscale(1);
  transition: color .2s ease;
}

.sc-trusted-logo:hover {
  color: var(--heading_color);
}

@media (max-width: 991px) {
  .sc-hok-collage {
    margin-top: 30px;
  }

  .sc-start-body {
    max-width: 100%;
  }

  .sc-app-visual {
    display: none;
  }
}

.sc-tst-head {
  margin-bottom: 8px;
}

.sc-tst {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius-sm);
  box-shadow: var(--sc-shadow);
  padding: 16px 16px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.sc-tst:hover {
  transform: translateY(-4px);
  box-shadow: var(--sc-shadow-lg);
}

.sc-tst-quote {
  font-size: 15px;
  color: var(--primary_color);
  margin-bottom: 6px;
}

.sc-tst-title {
  font-weight: 700;
  font-size: 13px;
  color: var(--heading_color);
  margin-bottom: 6px;
  line-height: 1.3;
}

.sc-tst-text {
  font-size: 12px;
  line-height: 1.55;
  color: var(--text_muted);
  margin-bottom: 12px;
}

.sc-tst-foot {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--border_color);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sc-tst-author {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sc-tst-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.sc-tst-name {
  font-weight: 700;
  font-size: 12px;
  color: var(--heading_color);
  margin: 0;
  line-height: 1.2;
}

.sc-tst-handle {
  font-size: 11px;
  color: var(--primary_color);
}

.sc-tst-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sc-tst-date {
  font-size: 10px;
  color: var(--text_muted);
}

.sc-tst-stars {
  color: var(--primary_color);
  font-size: 10px;
  letter-spacing: .5px;
}

.sc-rec-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 8px;
}

.sc-rec-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #7a5a00;
  background: #fff;
  border: 1px solid #cfe6da;
  padding: 6px 18px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.sc-rec-title {
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--heading_color);
  font-size: clamp(1.6rem, 3.4vw, 2.4rem);
  margin: 0;
}

.sc-rec-tabs {
  display: flex;
  gap: 4px;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 999px;
  padding: 5px;
}

.sc-rec-tab {
  font-size: 14px;
  font-weight: 600;
  color: #191a1b;
  padding: 8px 18px;
  border-radius: 999px;
  transition: .2s ease;
}

.sc-rec-tab:hover {
  color: var(--heading_color);
}

.sc-rec-tab.active {
  background: var(--heading_color);
  color: #fff;
}

.sc-rec-filter {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  box-shadow: var(--sc-shadow);
  overflow: hidden;
}

.sc-rec-filter-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  color: var(--heading_color);
  padding: 18px 22px;
  border-bottom: 1px solid var(--border_color);
}

.sc-rec-filter-group {
  padding: 18px 22px;
  border-bottom: 1px solid var(--border_color);
}

.sc-rec-filter-last {
  border-bottom: none;
}

.sc-rec-filter-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 15px;
  color: var(--heading_color);
  margin-bottom: 14px;
}

.sc-rec-filter-title i {
  color: var(--text_muted);
  font-size: 12px;
}

.sc-rec-tag {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  color: var(--text_color);
  font-size: 14px;
  transition: color .2s ease;
}

.sc-rec-tag:hover {
  color: var(--primary_color);
}

.sc-rec-radio {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--border_color);
  position: relative;
  transition: border-color .2s ease;
}

.sc-rec-tag:hover .sc-rec-radio {
  border-color: var(--primary_color);
}

.sc-rec-radio.checked {
  border-color: var(--primary_color);
}

.sc-rec-radio.checked::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--primary_color);
}

.sc-rec-price-label {
  font-size: 13px;
  color: var(--text_muted);
  margin: 6px 0 14px;
}

.sc-rec-price-btn {
  border-radius: var(--sc-radius-sm);
}

.section-title-text,
.sc-section-title,
.sc-rec-title {
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}

.sc-section-bg {
  background: transparent;
}

.sc-auth-modal .sc-auth-dialog {
  max-width: 860px;
}

.sc-auth-content {
  position: relative;
  border: none;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 30px 70px rgba(17, 17, 17, .32);
}

.sc-auth-x {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 5;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: none;
  background: rgba(17, 17, 17, .85);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: background .2s ease, transform .2s ease;
}

.sc-auth-x:hover {
  background: #111;
  transform: rotate(90deg);
}

.sc-auth-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
}

.sc-cart-trust {
  position: relative;
  overflow: hidden;
  background: #0d2b22 !important;
  border-color: rgba(255, 255, 255, .1) !important;
}

.sc-trust-lottie {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 42%;
  z-index: 0;
  opacity: .95;
  pointer-events: none;
}

.sc-trust-lottie svg {
  width: 100% !important;
  height: 100% !important;
}

.sc-cart-trust::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #0d2b22 0%, rgba(13, 43, 34, .9) 42%, rgba(13, 43, 34, .5) 100%);
}

.sc-cart-trust>*:not(.sc-trust-lottie) {
  position: relative;
  z-index: 2;
}

.sc-auth-visual {
  position: relative;
  overflow: hidden;
  display: flex;
  padding: 34px 30px;
  color: #fff;
  background-color: var(--sc-pine, var(--primary_hover));
}

.sc-auth-lottie {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.sc-auth-lottie svg {
  width: 100% !important;
  height: 100% !important;
}

.sc-auth-visual-wolf {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.sc-auth-visual-wolf img {
  width: 90%;
  max-width: 430px;
  height: auto;
  opacity: .92;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .3));
}

.sc-auth-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(160deg, rgba(var(--primary_rgb, 14, 90, 60), .5) 0%, rgba(10, 67, 41, .78) 55%, rgba(7, 48, 31, .92) 100%);
}

.sc-auth-visual-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}

.sc-auth-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sc-auth-brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .14);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}

.sc-auth-brand-name {
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -.02em;
}

.sc-auth-visual-bottom h3 {
  font-weight: 800;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -.02em;
  margin: 0 0 8px;
}

.sc-auth-visual-bottom p {
  color: rgba(255, 255, 255, .78);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.sc-auth-blob {
  position: absolute;
  border-radius: 50%;
  z-index: 1;
}

.sc-auth-blob-1 {
  width: 150px;
  height: 150px;
  top: -40px;
  right: -40px;
  background: radial-gradient(circle, rgba(52, 211, 153, .5), transparent 70%);
}

.sc-auth-blob-2 {
  width: 190px;
  height: 190px;
  bottom: -55px;
  left: -60px;
  background: radial-gradient(circle, rgba(21, 122, 79, .65), transparent 70%);
}

.sc-auth-panel {
  padding: 38px 36px;
  display: flex;
  flex-direction: column;
}

.sc-auth-title {
  font-weight: 800;
  font-size: 26px;
  letter-spacing: -.02em;
  color: var(--heading_color);
  margin: 0 0 4px;
}

.sc-auth-sub {
  color: var(--text_muted);
  font-size: 13.5px;
  margin: 0 0 20px;
}

.sc-auth-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.sc-auth-field {
  display: flex;
  align-items: center;
  background: #f3f5f4;
  border: 1.5px solid transparent;
  border-radius: 12px;
  padding: 0 14px;
  margin-bottom: 12px;
  transition: border-color .2s ease, background .2s ease;
}

.sc-auth-field>i {
  color: var(--primary_color);
  font-size: 14px;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}

.sc-auth-field input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  padding: 13px 10px;
  font-size: 14px;
  color: var(--heading_color);
}

.sc-auth-field:focus-within {
  border-color: var(--primary_color);
  background: #fff;
}

.sc-auth-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 2px 0 18px;
  font-size: 13px;
}

.sc-auth-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  color: var(--text_color);
  margin: 0;
}

.sc-auth-check input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
  width: 40px;
  height: 22px;
  border-radius: 999px;
  border: 0;
  background: #d5dce2;
  position: relative;
  transition: background .22s ease;
}

.sc-auth-check input[type="checkbox"]::after {
  content: '';
  position: absolute;
  top: 3px;
  inset-inline-start: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  transition: transform .22s ease;
}

.sc-auth-check input[type="checkbox"]:hover {
  background: #c5ced6;
}

.sc-auth-check input[type="checkbox"]:checked {
  background: var(--primary_color);
}

.sc-auth-check input[type="checkbox"]:checked:hover {
  background: #0a4830;
}

.sc-auth-check input[type="checkbox"]:checked::after {
  transform: translateX(18px);
}

.sc-auth-check input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--primary_color);
  outline-offset: 2px;
}

[dir="rtl"] .sc-auth-check input[type="checkbox"]:checked::after {
  transform: translateX(-18px);
}

.sc-auth-meta a {
  color: var(--text_muted);
}

.sc-auth-meta a:hover {
  color: var(--primary_color);
}

.sc-auth-terms {
  margin: 2px 0 16px;
  align-items: flex-start;
  font-size: 13px;
}

.sc-auth-terms a {
  color: var(--primary_color);
  text-decoration: underline;
}

.sc-auth-actions {
  display: flex;
  gap: 12px;
}

.sc-auth-submit {
  flex: 1;
}

.sc-auth-alt {
  flex: 1;
  background: #111;
  color: #fff;
  border: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sc-auth-alt:hover {
  background: #1e293b;
  color: #fff;
}

@media (max-width: 767.98px) {
  .sc-auth-grid {
    grid-template-columns: 1fr;
  }

  .sc-auth-visual {
    display: none;
  }

  .sc-auth-panel {
    padding: 30px 22px;
  }

  .sc-auth-actions {
    flex-direction: column;
  }
}

.sc-auth-errors {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
  border-radius: var(--sc-radius-sm);
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 16px;
}

.sc-auth-errors>div {
  padding: 1px 0;
}

.sc-cart-wrap {
  position: relative;
}

.sc-minicart {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  right: 0 !important;
  left: auto !important;
  width: 380px !important;
  max-width: 92vw !important;
  background: #ffffff !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.14) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(10, 25, 18, 0.18), 0 4px 18px rgba(0, 0, 0, 0.04) !important;
  padding: 0 !important;
  z-index: 1050 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px) scale(0.98) !important;
  transform-origin: top right !important;
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
  overflow: visible !important;
}

/* Upward pointer beak */
.sc-minicart::before {
  content: '' !important;
  position: absolute !important;
  top: -24px !important;
  left: 0 !important;
  right: 0 !important;
  height: 26px !important;
  background: transparent !important;
}

.sc-minicart::after {
  content: '' !important;
  position: absolute !important;
  top: -7px !important;
  right: 22px !important;
  width: 14px !important;
  height: 14px !important;
  background: #ffffff !important;
  border-left: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.14) !important;
  border-top: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.14) !important;
  transform: rotate(45deg) !important;
  border-top-left-radius: 3px !important;
  z-index: 2 !important;
}

.sc-cart-wrap:hover .sc-minicart,
.sc-cart-wrap:focus-within .sc-minicart,
.sc-cart-wrap.is-open .sc-minicart,
.sc-minicart.show,
.sc-minicart.is-active,
.sc-minicart:hover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

/* Suppress floating mini-cart popup on mobile screens (< 768px). Kept exclusively on tablet, laptop, and desktop (>= 768px) */
@media (max-width: 767.98px) {
  .sc-minicart,
  #scMiniCartDropdown,
  .sc-cart-wrap .sc-minicart,
  .sc-cart-wrap:hover .sc-minicart,
  .sc-cart-wrap:focus-within .sc-minicart,
  .sc-cart-wrap.is-open .sc-minicart,
  .sc-minicart.show,
  .sc-minicart.is-active,
  .sc-minicart:hover {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }
}

/* Header */
.sc-minicart-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%) !important;
  border-radius: 22px 22px 0 0 !important;
}

.sc-mc-head-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.sc-mc-head-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.1) !important;
  color: var(--primary_color) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
}

.sc-mc-title {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}

.sc-mc-count-pill {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  color: var(--primary_color) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  padding: 2px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.2) !important;
}

.sc-mc-head-total {
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  letter-spacing: 0.01em !important;
}

/* Item List */
.sc-minicart-items {
  padding: 8px 10px !important;
  max-height: 310px !important;
  overflow-y: auto !important;
}

.sc-minicart-items::-webkit-scrollbar {
  width: 5px !important;
}

.sc-minicart-items::-webkit-scrollbar-track {
  background: transparent !important;
}

.sc-minicart-items::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 999px !important;
}

.sc-minicart-items::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}

/* Individual Item Card */
.sc-minicart-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  margin: 4px 0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1px solid transparent !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  gap: 12px !important;
}

.sc-minicart-item:hover {
  background: #f8faf9 !important;
  border-color: #edf2ee !important;
  transform: translateX(2px) !important;
}

.sc-mc-item-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.sc-mc-thumb-link {
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f8fafc !important;
}

.sc-mc-thumb-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.25s ease !important;
}

.sc-minicart-item:hover .sc-mc-thumb-link img {
  transform: scale(1.06) !important;
}

.sc-mc-item-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.sc-mc-item-name {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  transition: color 0.15s ease !important;
}

.sc-mc-item-name:hover {
  color: var(--primary_color) !important;
}

.sc-mc-item-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 3px !important;
}

.sc-mc-item-price {
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
}

.sc-mc-item-badge {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* Remove button */
.sc-mc-item-right {
  flex: 0 0 auto !important;
}

.sc-minicart-remove-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #fef2f2 !important;
  color: #f87171 !important;
  border: 1px solid #fee2e2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  text-decoration: none !important;
}

.sc-minicart-remove-btn:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: scale(1.1) !important;
  box-shadow: 0 4px 10px rgba(239, 68, 68, 0.3) !important;
}

/* Remaining Items Indicator (+X more items in cart) */
.sc-mc-more-items {
  margin: 6px 4px 2px !important;
  padding: 2px 0 !important;
}

.sc-mc-more-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  background: linear-gradient(135deg, #f7faf8 0%, #edf6f1 100%) !important;
  border: 1px dashed rgba(var(--primary_rgb, 14, 90, 60), 0.3) !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  color: var(--primary_color) !important;
  transition: all 0.2s ease !important;
}

.sc-mc-more-link:hover {
  background: #edf6f1 !important;
  border-color: var(--primary_color) !important;
  color: var(--primary_color) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 10px rgba(var(--primary_rgb, 14, 90, 60), 0.1) !important;
}

.sc-mc-more-pill {
  background: var(--primary_color) !important;
  color: #ffffff !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
}

.sc-mc-more-text {
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  color: var(--primary_color) !important;
}

.sc-mc-more-arrow {
  font-size: 0.76rem !important;
  color: var(--primary_color) !important;
  transition: transform 0.2s ease !important;
}

.sc-mc-more-link:hover .sc-mc-more-arrow {
  transform: translateX(3px) !important;
}

/* Footer */
.sc-minicart-foot {
  background: linear-gradient(180deg, #fafbfb 0%, #f4f8f6 100%) !important;
  border-top: 1px solid #edf2ee !important;
  padding: 16px 20px 18px !important;
  border-radius: 0 0 22px 22px !important;
}

.sc-mc-subtotal-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
}

.sc-mc-subtotal-left {
  display: flex !important;
  flex-direction: column !important;
}

.sc-mc-subtotal-label {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
}

.sc-mc-subtotal-sub {
  font-size: 0.72rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

.sc-mc-subtotal-val {
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  color: var(--primary_color) !important;
  letter-spacing: -0.02em !important;
}

/* Action Buttons */
.sc-mc-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.sc-mc-btn-checkout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 46px !important;
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  color: #ffffff !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(var(--primary_rgb, 14, 90, 60), 0.32) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sc-mc-btn-checkout:hover {
  background: linear-gradient(135deg, var(--primary_dark) 0%, var(--primary_hover) 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(var(--primary_rgb, 14, 90, 60), 0.42) !important;
}

.sc-mc-btn-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  height: 42px !important;
  background: #ffffff !important;
  color: var(--primary_color) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.sc-mc-btn-cart:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  border-color: var(--primary_color) !important;
  color: var(--primary_color) !important;
  transform: translateY(-1px) !important;
}

/* Trust badge in footer */
.sc-mc-security-trust {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  font-size: 0.72rem !important;
  color: #64748b !important;
  font-weight: 600 !important;
}

.sc-mc-trust-item i.text-success,
.sc-mc-trust-item i.sc-mc-trust-icon {
  color: var(--primary_color) !important;
}

.sc-mc-trust-dot {
  color: #cbd5e1 !important;
  font-size: 0.65rem !important;
}

/* Empty State */
.sc-minicart-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 34px 24px !important;
}

.sc-mc-empty-icon {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  color: var(--primary_color) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
}

.sc-minicart-empty-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
}

.sc-minicart-empty-sub {
  font-size: 0.82rem !important;
  color: #64748b !important;
  line-height: 1.4 !important;
  margin-bottom: 18px !important;
  max-width: 260px !important;
}

.sc-mc-empty-shop-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 20px !important;
  border-radius: 999px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
}

.sc-mc-empty-shop-btn:hover {
  background: var(--sc-pine, var(--primary_hover)) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.sc-cat-banners {
  margin-top: 8px;
}

.sc-cat-banner {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 100%;
  padding: 22px 26px;
  border-radius: var(--sc-radius);
  border: 1px solid var(--border_color);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

.sc-cat-banner:hover {
  transform: translateY(-3px);
  box-shadow: var(--sc-shadow-lg);
}

.sc-cat-banner-dark {
  background: #111827;
  color: #fff;
  border-color: #111827;
}

.sc-cat-banner-light {
  background: #fff;
  color: var(--heading_color);
}

.sc-cat-banner-icon {
  width: 54px;
  height: 54px;
  flex-shrink: 0;
  border-radius: 16px;
  color: #fff;
  font-size: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sc-cat-banner-dark .sc-cat-banner-icon {
  background: linear-gradient(135deg, var(--primary_color), var(--sc-moss, var(--primary_hover)));
}

.sc-cat-banner-light .sc-cat-banner-icon {
  background: linear-gradient(135deg, #e6a92e, #f5c451);
}

.sc-cat-banner-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.sc-cat-banner-title {
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -.02em;
}

.sc-cat-banner-link {
  font-size: 13px;
}

.sc-cat-banner-dark .sc-cat-banner-link {
  color: #34d399;
}

.sc-cat-banner-light .sc-cat-banner-link {
  color: var(--primary_color);
}

.sc-popular-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sc-popular-tag {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--border_color);
  color: var(--text_color);
  font-size: 14px;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.sc-popular-tag:hover {
  border-color: var(--primary_color);
  color: var(--primary_color);
  background: var(--swiper_background_color);
}

.sc-cms-promo {
  background-color: #f8f8f8;
  background-image: repeating-radial-gradient(circle at 8% 56%, rgb(66 180 181 / 12%) 0px, rgba(184, 223, 168, 0.12) 1px, transparent 1px, transparent 16px);
  border-radius: var(--sc-radius);
  padding: 36px 32px;
}

.sc-cms-promo-title {
  font-weight: 800;
  font-size: clamp(1.4rem, 2.4vw, 1.9rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--heading_color);
  margin-bottom: 18px;
}

@media (max-width: 991.98px) {
  .sc-cms-promo {
    padding: 26px 22px;
  }
}

.sc-notif-wrap {
  position: relative;
}

.sc-notif-menu {
  width: 340px;
  max-width: 92vw;
  padding: 0;
  border-radius: var(--sc-radius);
  overflow: hidden;
}

.sc-notif-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border_color);
  font-weight: 700;
  font-size: 14px;
  color: var(--heading_color);
}

.sc-notif-readall {
  color: var(--primary_color);
  font-weight: 600;
}

.sc-notif-list {
  max-height: 360px;
  overflow-y: auto;
}

.sc-notif-item,
.sc-notif-row {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 11px 14px;
  text-decoration: none;
  border-bottom: 1px solid var(--border_color);
  transition: background .15s ease;
}

.sc-notif-item:last-child {
  border-bottom: none;
}

.sc-notif-item:hover,
.sc-notif-row:hover {
  background: var(--swiper_background_color);
}

.sc-notif-item.is-unread,
.sc-notif-row.is-unread {
  background: rgba(var(--primary_rgb, 14, 90, 60), .06);
}

.sc-notif-img,
.sc-notif-icon {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  flex-shrink: 0;
  object-fit: cover;
}

.sc-notif-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--swiper_background_color);
  color: var(--primary_color);
}

.sc-notif-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sc-notif-title {
  font-size: 13px;
  color: var(--heading_color);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sc-notif-time {
  font-size: 11.5px;
  color: var(--text_muted);
  margin-top: 2px;
}

.sc-notif-empty {
  padding: 28px 14px;
  text-align: center;
  color: var(--text_muted);
  font-size: 13px;
}

.sc-notif-all {
  display: block;
  text-align: center;
  padding: 11px;
  font-weight: 600;
  color: var(--primary_color);
  text-decoration: none;
  border-top: 1px solid var(--border_color);
}

.sc-notif-all:hover {
  background: var(--swiper_background_color);
  color: var(--primary_color);
}

.sc-notif-row {
  padding: 14px 18px;
}

.sc-notif-row-wrap {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border_color);
}

.sc-notif-row-wrap:last-child {
  border-bottom: none;
}

.sc-notif-row-wrap.is-unread {
  background: rgba(var(--primary_rgb, 14, 90, 60), .06);
}

.sc-notif-row-wrap .sc-notif-row {
  border-bottom: none;
  background: transparent;
}

.sc-notif-del {
  padding-inline: 14px;
}

.sc-notif-del .btn-transparent {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 6px;
}

.sc-notif-del .btn-transparent:hover {
  color: #b91c1c !important;
}

@property --sc-glow-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.sc-glow-btn {
  position: relative;
  z-index: 0;
}

.sc-glow-btn .sc-glow-label {
  position: relative;
  z-index: 2;
}

.sc-glow-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--sc-glow-angle),
      transparent 0deg, transparent 250deg,
      rgba(110, 231, 183, .85) 315deg, #d1fae5 350deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  animation: scGlowSpin 3s linear infinite;
}

.sc-glow-btn:disabled::before {
  display: none;
}

@keyframes scGlowSpin {
  to {
    --sc-glow-angle: 360deg;
  }
}

.sc-cart-ic {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.sc-cart-pulse {
  position: absolute;
  top: -3px;
  inset-inline-end: -5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 6px 1px rgba(255, 255, 255, .95), 0 0 0 0 rgba(255, 255, 255, .6);
  animation: scCartPulse 1.4s ease-out infinite;
}

.btn:disabled .sc-cart-pulse {
  display: none;
}

@keyframes scCartPulse {
  0% {
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, .95), 0 0 0 0 rgba(255, 255, 255, .6);
    opacity: 1;
  }

  70% {
    box-shadow: 0 0 5px 1px rgba(255, 255, 255, .35), 0 0 0 6px rgba(255, 255, 255, 0);
    opacity: .75;
  }

  100% {
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, .95), 0 0 0 0 rgba(255, 255, 255, 0);
    opacity: 1;
  }
}

.sc-collection-list {
  max-height: 260px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sc-collection-row-wrap {
  border-radius: 10px;
}

.sc-collection-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .15s ease;
}

.sc-collection-row:hover {
  background: var(--swiper_background_color);
}

.sc-collection-row-wrap.is-in {
  background: var(--swiper_background_color);
}

.sc-collection-row input[type="checkbox"] {
  width: 17px;
  height: 17px;
  accent-color: var(--primary_color);
  flex-shrink: 0;
}

.sc-collection-name {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  color: var(--heading_color);
  word-break: break-word;
}

.sc-collection-tick {
  color: var(--primary_color);
  opacity: 0;
  transition: opacity .15s ease;
}

.sc-collection-row-wrap.is-in .sc-collection-tick {
  opacity: 1;
}

.sc-collection-btn.is-saved {
  border-color: var(--primary_color);
  color: var(--primary_color);
}

.sc-coll-card {
  display: block;
  height: 100%;
  text-decoration: none;
  border: 1px solid var(--border_color);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}

.sc-coll-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--sc-shadow-lg);
}

.sc-coll-cover {
  aspect-ratio: 16 / 9;
  background: var(--swiper_background_color);
  overflow: hidden;
}

.sc-coll-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-coll-cover-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text_muted);
  font-size: 32px;
}

.sc-coll-body {
  padding: 14px 16px;
}

.sc-coll-name {
  font-weight: 700;
  color: var(--heading_color);
  margin: 0 0 2px;
}

.sc-coll-count {
  font-size: 13px;
  color: var(--text_muted);
}

.sc-minicart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 24px 0;
  color: var(--text_muted);
  text-align: center;
}

.sc-minicart-empty i {
  font-size: 26px;
  opacity: .4;
}

.sc-minicart-empty-wolf {
  width: 46px;
  height: 46px;
  color: var(--primary_color);
  opacity: .9;
  margin-bottom: 4px;
}

.sc-minicart-empty-title {
  font-weight: 700;
  color: #14201a;
  font-size: .95rem;
}

.sc-minicart-empty-sub {
  font-size: .82rem;
  color: var(--text_muted);
}

/* ==========================================================================
   MODERN THEME-MATCHED CONFIRMATION MODAL POPUP
   ========================================================================== */
/* Prevent modal scrollbar lock shift */
body.modal-open {
  padding-right: 0 !important;
}

.modal-backdrop.show {
  background-color: rgba(6, 26, 17, 0.6) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  opacity: 1 !important;
}

.sc-confirm-modal .modal-dialog {
  max-width: 440px !important;
  margin: 1.75rem auto !important;
  padding: 0 16px !important;
}

.sc-confirm-modal.fade .modal-dialog {
  transform: scale(0.92) translateY(12px) !important;
  opacity: 0 !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.22s ease !important;
}

.sc-confirm-modal.show .modal-dialog {
  transform: scale(1) translateY(0) !important;
  opacity: 1 !important;
}

.sc-confirm-content {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  border-radius: 26px !important;
  padding: 38px 32px 30px !important;
  box-shadow: 0 25px 65px -10px rgba(6, 26, 17, 0.24), 0 0 0 1px rgba(255, 255, 255, 0.8) inset !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Close X button */
.sc-confirm-close-btn {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #94a3b8 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 10 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.sc-confirm-close-btn:hover {
  background: #fee2e2 !important;
  color: #e11d48 !important;
  border-color: #fecaca !important;
  transform: rotate(90deg) !important;
}

/* Icon pulse & centering */
.sc-confirm-icon-wrap {
  margin: 0 auto 20px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: 100% !important;
  text-align: center !important;
}

.sc-confirm-icon {
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  margin: 0 auto !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 32px !important;
  flex-shrink: 0 !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sc-confirm-icon i {
  font-size: 32px !important;
  color: inherit !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* Danger variant (default for empty cart / delete actions) */
.sc-confirm-modal .sc-confirm-icon,
.sc-confirm-content.sc-confirm-danger .sc-confirm-icon {
  background: linear-gradient(135deg, #fff1f2 0%, #fee2e2 100%) !important;
  border: 2px solid #fecdd3 !important;
  color: #e11d48 !important;
  box-shadow: 0 10px 25px -4px rgba(225, 29, 72, 0.22), 0 0 0 8px rgba(225, 29, 72, 0.05) !important;
  animation: sc-confirm-icon-float 2.4s ease-in-out infinite !important;
}

/* Info / Theme Green variant */
.sc-confirm-content.sc-confirm-info .sc-confirm-icon {
  background: linear-gradient(135deg, rgba(var(--primary_rgb, 14, 90, 60), 0.04) 0%, rgba(var(--primary_rgb, 14, 90, 60), 0.1) 100%) !important;
  border: 2px solid rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
  color: var(--primary_color) !important;
  box-shadow: 0 10px 25px -4px rgba(var(--primary_rgb, 14, 90, 60), 0.22), 0 0 0 8px rgba(var(--primary_rgb, 14, 90, 60), 0.05) !important;
  animation: sc-confirm-icon-float 2.4s ease-in-out infinite !important;
}

@keyframes sc-confirm-icon-float {

  0%,
  100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(-3px) scale(1.04);
  }
}

/* Optional Warning Badge */
.sc-confirm-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px auto !important;
  align-self: center !important;
  gap: 6px !important;
  padding: 5px 14px !important;
  border-radius: 999px !important;
  background: #fff1f2 !important;
  color: #e11d48 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  border: 1px solid #ffe4e6 !important;
}

.sc-confirm-content.sc-confirm-info .sc-confirm-badge {
  background: #eef7f2 !important;
  color: var(--primary_color) !important;
  border-color: #d1fae5 !important;
}

/* Title & Text */
.sc-confirm-title {
  font-weight: 800 !important;
  font-size: 1.38rem !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  width: 100% !important;
  align-self: center !important;
}

.sc-confirm-text {
  color: #64748b !important;
  font-size: 0.94rem !important;
  line-height: 1.55 !important;
  margin: 0 auto 24px auto !important;
  padding: 0 4px !important;
  text-align: center !important;
  max-width: 350px !important;
  align-self: center !important;
}

.sc-confirm-text .sc-confirm-link {
  color: var(--primary_color) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Actions Container */
.sc-confirm-actions {
  display: flex !important;
  gap: 12px !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
}

.sc-confirm-actions .btn {
  flex: 1 !important;
  height: 48px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: none !important;
}

/* Cancel Button */
.sc-confirm-cancel {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
}

.sc-confirm-cancel:hover {
  background: #e2e8f0 !important;
  color: #1e293b !important;
  transform: translateY(-1px) !important;
}

/* Confirm Button (Danger default for empty cart) */
#scConfirmOk {
  background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
  background-image: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 8px 20px -4px rgba(225, 29, 72, 0.4) !important;
}

#scConfirmOk:hover,
#scConfirmOk:focus,
#scConfirmOk:active {
  background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%) !important;
  background-image: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px -4px rgba(225, 29, 72, 0.55) !important;
}

/* Confirm Button (Info / Emerald variant) */
.sc-confirm-content.sc-confirm-info #scConfirmOk {
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px -4px rgba(var(--primary_rgb, 14, 90, 60), 0.35) !important;
}

.sc-confirm-content.sc-confirm-info #scConfirmOk:hover,
.sc-confirm-content.sc-confirm-info #scConfirmOk:focus,
.sc-confirm-content.sc-confirm-info #scConfirmOk:active {
  background: linear-gradient(135deg, var(--primary_dark) 0%, var(--primary_color) 100%) !important;
  background-image: linear-gradient(135deg, var(--primary_dark) 0%, var(--primary_color) 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px -4px rgba(var(--primary_rgb, 14, 90, 60), 0.45) !important;
}

.nav-bar.nav-bar-bg {
  background: var(--navbar2_background_color, var(--primary_color));
  background-image: none;
  border-top: none;
  border-bottom: none;
  box-shadow: none;
}

.nav-bar-bg .nav-bar-links {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-inline-start: 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.nav-bar-bg .nav-bar-links>.link,
.nav-bar-bg .nav-bar-links>.drop-down>.drop-down-btn {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  padding: 6px 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
  cursor: pointer;
  margin-inline-end: 0 !important;
}

.nav-bar-bg .nav-bar-links .link .link-title,
.nav-bar-bg .nav-bar-links .link .link-title span,
.nav-bar-bg .drop-down-btn,
.nav-bar-bg .drop-down-btn span {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  letter-spacing: 0.2px;
  line-height: 1.4;
  white-space: nowrap;
  transition: color 0.18s ease !important;
}

.nav-bar-bg .nav-bar-ico {
  display: none !important;
}

/* Hover style: simple minimal theme mint transition */
.nav-bar-bg .nav-bar-links>.link:hover,
.nav-bar-bg .nav-bar-links>.drop-down:hover>.drop-down-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.nav-bar-bg .nav-bar-links>.link:hover .link-title,
.nav-bar-bg .nav-bar-links>.link:hover .link-title span,
.nav-bar-bg .drop-down:hover>.drop-down-btn,
.nav-bar-bg .drop-down:hover>.drop-down-btn span {
  color: var(--sc-mint) !important;
}

/* Active style: theme mint text with refined minimal accent */
.nav-bar-bg .nav-bar-links>.link.active,
.nav-bar-bg .nav-bar-links>.drop-down.active>.drop-down-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.nav-bar-bg .nav-bar-links>.link.active .link-title,
.nav-bar-bg .nav-bar-links>.link.active .link-title span,
.nav-bar-bg .drop-down.active>.drop-down-btn span {
  color: var(--sc-mint) !important;
  font-weight: 600 !important;
}

.nav-bar-bg .nav-bar-links>.link.active::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background-color: var(--sc-mint) !important;
}

.nav-bar-bg .nav-bar-links>.link:not(.active)::after {
  display: none !important;
  content: none !important;
}

.sc-nav-actions .btn-padding,
.sc-cart-wrap .btn-padding,
.sc-wishlist-wrap .btn-padding,
.sc-notif-wrap .btn-padding {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px;
  padding: 0 !important;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sc-nav-actions .btn-padding i,
.sc-cart-wrap .btn-padding i,
.sc-wishlist-wrap .btn-padding i,
.sc-notif-wrap .btn-padding i {
  font-size: 16px;
  line-height: 1;
}

.nav-bar-bg .drop-down-btn i {
  color: inherit;
  opacity: .7;
}

@media (min-width: 1200px) {
  .nav-bar-bg .nav-bar-links {
    align-items: center;
    margin-inline-start: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .nav-bar-bg .nav-bar-links>.link,
  .nav-bar-bg .nav-bar-links>.drop-down {
    margin-inline-end: 10px;
  }
}

.sc-foot {
  position: relative;
  background: #0c0c0c center / cover no-repeat;
  color: #a3a3a3;
  overflow: hidden;
}

.sc-foot-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .6) 100%);
  pointer-events: none;
}

.sc-foot-main {
  position: relative;
  padding: 64px 0 44px;
  background: radial-gradient(70% 65% at 62% 45%, rgba(118, 168, 78, 0.22) 0%, rgba(74, 222, 128, 0.08) 40%, transparent 70%), rgb(22, 38, 16);
}

.sc-foot-logo img {
  height: 44px;
  width: auto;
}

.sc-foot-about {
  color: #a3a3a3;
  line-height: 1.7;
  margin: 22px 0 0;
  max-width: 360px;
  font-size: 14px;
}

.sc-foot-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 26px;
}

.sc-foot-social {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #a3a3a3;
  transition: color .2s ease;
}

.sc-foot-social-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  font-size: 16px;
  transition: .2s ease;
}

.sc-foot-social-label {
  font-size: 13px;
}

.sc-foot-social:hover {
  color: var(--primary_color);
}

.sc-foot-social:hover .sc-foot-social-icon {
  background: linear-gradient(135deg, var(--primary_color), var(--sc-moss, var(--primary_hover)));
  border-color: transparent;
  color: #fff;
  transform: translateY(-2px);
}

.sc-foot-title {
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding-inline-start: 14px;
  margin-bottom: 20px;
}

.sc-foot-title::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 3px;
  width: 4px;
  height: 15px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--primary_color), var(--sc-pine, var(--primary_hover)));
}

.sc-foot-links li {
  margin-bottom: 12px;
}

.sc-foot-links a {
  color: #a3a3a3;
  font-size: 14px;
  transition: color .2s ease, padding-inline-start .2s ease;
}

.sc-foot-links a:hover {
  color: var(--primary_color);
  padding-inline-start: 4px;
}

.sc-foot-news {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border-radius: var(--sc-radius-sm);
  padding: 5px 5px 5px 4px;
  max-width: 320px;
}

.sc-foot-news input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14px;
  padding: 9px 12px;
  color: #111;
}

.sc-foot-news .btn {
  flex-shrink: 0;
  border-radius: 8px;
  padding: 9px 16px;
  background-image: linear-gradient(135deg, var(--primary_color), var(--sc-moss, var(--primary_hover))) !important;
  color: #fff !important;
  border: none;
}

.sc-foot-pay {
  background: #fff;
  border-radius: var(--sc-radius-sm);
  padding: 12px 14px;
  display: inline-block;
  max-width: 340px;
}

.sc-foot-pay img {
  max-width: 100%;
  height: auto;
}

.sc-foot-bottom-wrap {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, .08);
  padding: 20px 0;
  background-color: #152610;
}

.sc-foot-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
}

.sc-foot-copy {
  color: #a3a3a3;
  font-size: 14px;
}

.sc-foot-bottom-links {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.sc-foot-bottom-links a {
  color: #a3a3a3;
  font-size: 14px;
  transition: color .2s ease;
}

.sc-foot-bottom-links a:hover {
  color: var(--primary_color);
}

.sc-foot-top {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 1055;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, var(--primary_color), var(--sc-moss, var(--primary_hover)));
  border: none;
  box-shadow: 0 8px 24px rgba(var(--primary_rgb, 14, 90, 60), .35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease, box-shadow .2s ease;
}

.sc-foot-top.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sc-foot-top:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(var(--primary_rgb, 14, 90, 60), .45);
}

@media (max-width: 575px) {
  .sc-foot-top {
    right: 16px;
    bottom: 16px;
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 575px) {
  .sc-foot-bottom {
    justify-content: center;
    text-align: center;
  }

  .sc-foot-socials {
    gap: 16px;
  }
}

.sc-item-preview {
  white-space: nowrap;
}

.sc-item-preview-text {
  display: none;
}

@media (min-width: 1200px) {
  .sc-item-preview-text {
    display: inline;
  }
}

.row-cols-xl-6 .sc-item-preview-text,
.row-cols-xl-5 .sc-item-preview-text,
.row-cols-xxl-5 .sc-item-preview-text {
  display: none !important;
}

.sc-cat-promo {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 28px;
  align-items: center;
  background: var(--header_background_color);
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  padding: 28px;
}

.sc-cat-promo-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--heading_color);
  font-size: clamp(1.3rem, 2.4vw, 1.7rem);
  margin-bottom: 18px;
}

@media (max-width: 991px) {
  .sc-cat-promo {
    grid-template-columns: 1fr;
  }
}

.sc-cat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 22px;
}

.sc-cat-head .section-title-text {
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}

.header.header-bg.sc-header {
  background-color: var(--header_background_color, #faf9fe);
  background-image:
    radial-gradient(ellipse 65% 75% at 10% 25%, rgba(var(--primary_rgb, 14, 90, 60), .12), transparent 65%),
    radial-gradient(ellipse 55% 65% at 92% 80%, rgba(var(--primary_rgb, 14, 90, 60), .07), transparent 60%),
    radial-gradient(circle at center, rgba(var(--primary_rgb, 14, 90, 60), .08) 1px, transparent 1px),
    linear-gradient(135deg, var(--header_background_color, #faf9fe) 0%, var(--header_gradient_color, #f3eefc) 100%);
  background-size: auto, auto, 24px 24px, auto;
  border-bottom: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .14);
  position: relative;
  overflow: visible;
  padding-top: 75px !important;
}

.sc-header-wolf {
  display: none !important;
}

.sc-header-inner,
.header.header-bg .header-inner,
.header.header-bg .sc-header-inner {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px 24px !important;
  padding: 10px 0 14px 0 !important;
}

.sc-header-text {
  flex: 1 1 320px !important;
  min-width: 0 !important;
}

.sc-header nav[aria-label="breadcrumb"],
.header.header-bg nav[aria-label="breadcrumb"],
.sc-header .breadcrumb,
.header.header-bg .breadcrumb {
  margin-bottom: 6px !important;
}

.sc-header .header-title,
.header.header-bg .header-title {
  font-weight: 800 !important;
  font-size: clamp(1.4rem, 2.2vw, 1.85rem) !important;
  letter-spacing: -0.02em !important;
  color: var(--heading_color) !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

@media (max-width: 991.98px) {
  .sc-header-inner,
  .header.header-bg .header-inner,
  .header.header-bg .sc-header-inner {
    padding: 8px 0 12px 0 !important;
    gap: 10px 20px !important;
  }

  .sc-header nav[aria-label="breadcrumb"],
  .header.header-bg nav[aria-label="breadcrumb"],
  .sc-header .breadcrumb,
  .header.header-bg .breadcrumb {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 575.98px) {
  .sc-header-inner,
  .header.header-bg .header-inner,
  .header.header-bg .sc-header-inner {
    padding: 6px 0 10px 0 !important;
    gap: 8px 16px !important;
  }

  .sc-header nav[aria-label="breadcrumb"],
  .header.header-bg nav[aria-label="breadcrumb"],
  .sc-header .breadcrumb,
  .header.header-bg .breadcrumb {
    margin-bottom: 4px !important;
  }
}

.sc-header-desc {
  color: var(--text_muted);
  margin: 8px 0 0;
  max-width: 760px;
  font-size: 14px;
  line-height: 1.6;
}

.sc-header-search {
  flex: 0 0 auto;
  width: 100%;
  max-width: 440px;
}

.sc-header-search .search-input {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius-sm);
  padding: 5px 5px 5px 8px;
  box-shadow: var(--sc-shadow);
}

.sc-header-search .search-input input {
  flex: 1;
  min-width: 0;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent;
  font-size: 14px;
  padding: 9px 10px;
  color: var(--heading_color);
}

.sc-header-search .search-input .btn {
  position: static;
  flex-shrink: 0;
  transform: none;
  border-radius: 8px;
  padding: 9px 18px;
}

@media (min-width: 992px) {
  .sc-header-search {
    width: 440px;
  }
}

@media (max-width: 991px) {
  .sc-header-inner {
    align-items: flex-start;
  }

  .sc-header-search {
    max-width: none;
  }
}

.preview-body {
  position: relative;
}

.preview-fallback {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 5;
  background: var(--background_color);
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.preview-fallback.show {
  display: flex;
}

.preview-fallback-box {
  max-width: 460px;
  text-align: center;
}

.preview-fallback-icon {
  font-size: 46px;
  color: #ef4444;
  margin-bottom: 16px;
}

.preview-fallback-box h4 {
  font-weight: 700;
  color: var(--heading_color);
  margin-bottom: 10px;
}

.preview-fallback-box p {
  color: var(--text_muted);
  line-height: 1.6;
  margin-bottom: 22px;
}

.sc-item-search {
  max-width: 520px;
}

.sc-item-results {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 260px;
  overflow-y: auto;
  background: var(--card_background, #fff);
  border: 1px solid var(--border_color, #e5e7eb);
  border-radius: var(--sc-radius-sm, 8px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

.sc-item-result {
  padding: 10px 14px;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid var(--border_color, #f1f1f1);
}

.sc-item-result:last-child {
  border-bottom: 0;
}

.sc-item-result:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), .06);
}

.sc-item-result.is-added {
  cursor: default;
  opacity: .65;
}

.sc-item-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(var(--primary_rgb, 14, 90, 60), .08);
  color: var(--heading_color, #1f2937);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .18);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  max-width: 100%;
}

.sc-item-chip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
}

.sc-chip-remove {
  background: transparent;
  border: 0;
  color: #ef4444;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}

.sc-chip-remove:hover {
  color: #b91c1c;
}

.sc-suggest-box {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 1050;
  background: #fff;
  border: 1px solid var(--border_color, #e5e7eb);
  border-radius: var(--sc-radius-sm, 10px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
  overflow: hidden;
  max-height: 70vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(109, 74, 255, 0.3) transparent;
  -webkit-overflow-scrolling: touch;
}

.sc-suggest-box::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.sc-suggest-box::-webkit-scrollbar-track {
  background: transparent;
  margin: 6px 0;
}

.sc-suggest-box::-webkit-scrollbar-thumb {
  background: rgba(109, 74, 255, 0.28);
  border-radius: 9999px;
  transition: background 0.2s ease;
}

.sc-suggest-box::-webkit-scrollbar-thumb:hover {
  background: var(--primary_color, #6d4aff);
}

.sc-suggest-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border_color, #f1f1f1);
  text-decoration: none;
  color: var(--heading_color, #1f2937);
}

.sc-suggest-item:hover {
  background: rgba(var(--primary_rgb, 57, 34, 119), .06);
}

.sc-suggest-img {
  width: 46px;
  height: 36px;
  object-fit: cover;
  border-radius: 6px;
  flex: 0 0 auto;
  background: #f3f4f6;
}

.sc-suggest-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}

.sc-suggest-name {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sc-suggest-cat {
  font-size: 12px;
  color: var(--text_muted, #6b7280);
}

.sc-suggest-price {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary_color);
  flex: 0 0 auto;
}

.sc-suggest-empty {
  padding: 14px;
  text-align: center;
  color: var(--text_muted, #6b7280);
  font-size: 14px;
}

.sc-suggest-all {
  display: block;
  padding: 11px 14px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), .05);
  text-decoration: none;
}

.sc-suggest-all:hover {
  background: rgba(var(--primary_rgb, 57, 34, 119), .1);
}

.sc-utility-bar {
  background: radial-gradient(70% 65% at 62% 45%, rgba(118, 168, 78, 0.22) 0%, rgba(74, 222, 128, 0.08) 40%, transparent 70%), rgb(22, 38, 16);
  border-bottom: 1px solid #151516;
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
}

.sc-utility-bar .container-custom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 7px;
  padding-bottom: 7px;
}

.sc-utility-left {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}

.sc-utility-left span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
}

.sc-utility-left i {
  color: #fff;
  font-size: 12px;
}

.sc-utility-right {
  display: flex;
  gap: 18px;
  align-items: center;
}

.sc-utility-right a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: color .15s ease;
}

.sc-utility-right a:hover {
  color: var(--primary_color);
}

@media (max-width: 991.98px) {
  .sc-utility-bar {
    display: none;
  }
}

.announcement .container-custom {
  justify-content: center;
}

.announcement-text {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}

.announcement-close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .18);
  border: 0;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease;
}

.announcement-close:hover {
  background: rgba(255, 255, 255, .32);
}

.nav-bar:not(.nav-bar-bg) {
  background: #f8f8f8 !important;
  border-bottom: 0px solid var(--border_color, #eceef1);
  top: 0;
  box-shadow: 0 5px 18px -10px rgba(15, 23, 42, .15);
}

.sc-nav-main {
  position: sticky;
  top: 0;
  z-index: 1030;
}

.nav-bar:not(.nav-bar-bg) .nav-bar-links .link .link-title,
.nav-bar:not(.nav-bar-bg) .nav-bar-links .link .link-title span,
.nav-bar:not(.nav-bar-bg) .drop-down-btn,
.nav-bar:not(.nav-bar-bg) .user-name {
  color: #1f2937;
}

.nav-bar:not(.nav-bar-bg) .nav-bar-links .link:hover .link-title,
.nav-bar:not(.nav-bar-bg) .nav-bar-links .link:hover .link-title span,
.nav-bar:not(.nav-bar-bg) .nav-bar-links .link.active .link-title,
.nav-bar:not(.nav-bar-bg) .nav-bar-links .link.active .link-title span,
.nav-bar:not(.nav-bar-bg) .drop-down:hover .drop-down-btn,
.nav-bar:not(.nav-bar-bg) .drop-down-btn:hover {
  color: var(--primary_color, var(--primary_color)) !important;
}

.nav-bar:not(.nav-bar-bg) .btn-outline-light {
  color: #1f2937;
  border-color: var(--border_color, #e5e7eb);
  background: transparent;
}

.nav-bar:not(.nav-bar-bg) .btn-outline-light:hover {
  color: var(--primary_color, var(--primary_color));
  border-color: var(--primary_color, var(--primary_color));
  background: rgba(var(--primary_rgb, 14, 90, 60), .06);
}

.nav-bar:not(.nav-bar-bg) .nav-bar-menu-btn i {
  color: #1f2937;
}

.nav-bar:not(.nav-bar-bg) .drop-down-btn i {
  color: inherit;
  opacity: .7;
}

.nav-bar:not(.nav-bar-bg) .nav-bar-menu-inner {
  background: #fff;
}

.sc-nav-main .nav-bar-container {
  display: flex;
  align-items: center;
  gap: 24px;
}

.sc-nav-search {
  flex: 1;
  max-width: 620px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  border: 1px solid var(--border_color, #e5e7eb);
  border-radius: 10px;
  background: #fff;
  position: relative;
}

.sc-nav-search-cat {
  border: 0;
  background: #f6f7f9;
  border-right: 1px solid var(--border_color, #e5e7eb);
  border-radius: 10px 0 0 10px;
  padding: 0 12px;
  font-size: 13px;
  color: #374151;
  max-width: 160px;
  cursor: pointer;
}

.sc-nav-search-cat:focus {
  outline: none;
}

.sc-cat-dd {
  position: relative;
  display: flex;
  align-items: stretch;
}

button.sc-nav-search-cat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  line-height: 1;
  height: 100%;
  font: inherit;
  font-size: 13px;
}

.sc-cat-dd .sc-cat-label {
  max-width: 120px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-cat-menu {
  min-width: 240px;
  max-height: none;
  overflow: visible;
}

.sc-cat-menu .sc-cat-opt {
  cursor: pointer;
}

.sc-cat-parent {
  display: flex;
  align-items: center;
}

.sc-cat-parent>i:first-child {
  width: 18px;
  text-align: center;
  opacity: .8;
}

.sc-cat-dd .sc-cat-menu {
  top: calc(100% + 6px) !important;
  bottom: auto !important;
}

.sc-cat-row {
  position: relative;
}

.sc-cat-row .sc-cat-parent .fa-angle-right {
  font-size: 11px;
  opacity: .45;
  margin-left: auto;
}

.sc-cat-row::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 14px;
  height: 100%;
}

.sc-cat-flyout {
  display: none;
  position: absolute;
  left: 100%;
  top: -8px;
  min-width: 220px;
  padding: 8px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 16px 36px -10px rgba(15, 23, 42, .28);
  z-index: 20;
  max-height: 80vh;
  overflow-y: auto;
}

.sc-cat-row:hover>.sc-cat-flyout {
  display: block;
}

.sc-cat-dd-bs {
  min-width: 200px;
}

.sc-cat-dd-bs .sc-cat-btn {
  width: 100%;
  cursor: pointer;
}

.sc-cat-dd-bs .sc-cat-label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.drop-down-menu-md .drop-down-item {
  border-bottom: 1px dashed rgba(15, 23, 42, .14);
}

.drop-down-menu-md .drop-down-item:last-child {
  border-bottom: 0;
}

.sc-nav-search-input {
  border: 0;
  flex: 1;
  min-width: 0;
  padding: 10px 14px;
  font-size: 16px;
  background: transparent;
  color: var(--heading_color, #1f2937);
}

.sc-nav-search-input:focus {
  outline: none;
}

.sc-nav-search-btn {
  border: 0;
  background: var(--primary_color, var(--primary_color));
  color: #fff;
  padding: 0 18px;
  border-radius: 0 9px 9px 0;
  cursor: pointer;
  font-size: 16px;
}

.sc-nav-search-btn:hover {
  background: var(--primary_hover);
}

.sc-nav-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 12px;
}

.sc-nav-actions>* {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sc-nav-actions .sc-lang-btn,
.dashboard-nav .sc-lang-btn {
  width: 42px;
  height: 42px;
  border: 1px solid var(--border_color, #e5e7eb);
  border-radius: 50%;
  justify-content: center;
  transition: .15s;
}

.sc-nav-actions .sc-lang-btn:hover,
.dashboard-nav .sc-lang-btn:hover {
  border-color: var(--primary_color, var(--primary_color));
  background: rgba(var(--primary_rgb, 14, 90, 60), .06);
}

.dashboard-nav .sc-lang-btn {
  border-color: rgba(255, 255, 255, .35);
}

.sc-nav-actions .sc-lang-btn:hover .sc-lang-flag,
.dashboard-nav .sc-lang-btn:hover .sc-lang-flag {
  box-shadow: none;
}

.sc-nav-premium .btn {
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .sc-nav-main .nav-bar-container {
    gap: 12px;
  }

  .sc-nav-search {
    max-width: none;
    margin: 0;
  }

  .sc-nav-search-cat,
  .sc-cat-dd {
    display: none;
  }
}

.sc-nav-search-toggle {
  display: none;
}

@media (max-width: 767.98px) {

  .sc-nav-main .nav-bar-container {
    flex-wrap: nowrap;
    gap: 8px;
  }

  .sc-nav-search {
    display: none !important;
  }

  .sc-nav-search-toggle {
    display: inline-flex !important;
  }

  .sc-nav-actions {
    margin-inline-start: auto;
    gap: 8px;
    align-items: center;
  }

  .sc-nav-main .user-name,
  .sc-nav-main .user-menu .fa-angle-down {
    display: none;
  }
}

.sc-search-modal-content {
  border: 0;
  border-radius: 16px;
  padding: 16px;
}

.sc-search-modal-form {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.sc-search-modal-ico {
  position: absolute;
  inset-inline-start: 16px;
  color: var(--text_muted);
  pointer-events: none;
}

.sc-search-modal-input {
  flex: 1;
  min-width: 0;
  border: 1px solid var(--border_color);
  border-radius: 10px;
  padding: 12px 14px 12px 40px;
  font-size: 15px;
  outline: none;
}

.sc-search-modal-input:focus {
  border-color: var(--primary_color);
}

.sc-search-modal-btn {
  border-radius: 10px;
  padding-inline: 18px;
  white-space: nowrap;
}

.sc-search-modal {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 100200 !important;
  padding: 24px 16px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.sc-search-modal .modal-dialog,
.sc-search-dialog {
  max-width: 680px !important;
  width: 100% !important;
  margin: 70px auto 40px auto !important;
  transform: translateY(-8px) scale(0.98);
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;
}

body.admin-bar .sc-search-modal .modal-dialog,
body.admin-bar .sc-search-dialog {
  margin-top: 100px !important;
}

@media (max-width: 768px) {
  .sc-search-modal .modal-dialog,
  .sc-search-dialog {
    margin-top: 36px !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }
}

.sc-search-modal.show .modal-dialog,
.sc-search-modal.show .sc-search-dialog {
  transform: translateY(0) scale(1) !important;
}

.sc-search-modal .modal-content.sc-search-modal-content {
  padding: 24px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 25px 60px -12px rgba(15, 23, 42, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.04);
}

.sc-search-modal .sc-search-modal-form {
  gap: 12px;
  padding: 8px 10px 8px 14px;
  border: 2px solid rgba(var(--primary_rgb, 57, 34, 119), 0.2);
  border-radius: 16px;
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.03);
  transition: border-color .2s, box-shadow .2s, background-color .2s;
  display: flex;
  align-items: center;
}

.sc-search-modal .sc-search-modal-form:focus-within {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 4px rgba(var(--primary_rgb, 57, 34, 119), 0.15);
  background: #ffffff;
}

.sc-search-modal .sc-search-modal-ico {
  position: static;
  color: var(--primary_color);
  font-size: 19px;
  margin: 0;
  flex-shrink: 0;
}

.sc-search-modal .sc-search-modal-input {
  border: 0;
  background: transparent;
  padding: 10px 4px;
  font-size: 16px;
  font-weight: 500;
  color: #0f172a;
  outline: none;
  box-shadow: none;
  width: 100%;
  flex: 1 1 auto;
}

.sc-search-modal .sc-search-modal-input::placeholder {
  color: #94a3b8;
  font-weight: 400;
}

.sc-search-modal .sc-search-modal-input:focus {
  border: 0;
  box-shadow: none;
}

.sc-search-clear-btn {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 50%;
  background: #f1f5f9;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  transition: all .15s ease;
  flex-shrink: 0;
}

.sc-search-clear-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
}

.sc-search-esc {
  font-size: .7rem;
  font-weight: 700;
  color: #64748b;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 4px 8px;
  letter-spacing: .06em;
  user-select: none;
  cursor: pointer;
  flex-shrink: 0;
}

.sc-search-close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #f1f5f9;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: all .15s ease;
  flex-shrink: 0;
}

.sc-search-close:hover {
  background: #e2e8f0;
  color: #0f172a;
}

.sc-search-body {
  padding-top: 20px;
  margin-top: 18px;
  border-top: 1px solid #f0f0f4;
}

.sc-search-sec {
  margin-bottom: 22px;
}

.sc-search-sec:last-child {
  margin-bottom: 0;
}

.sc-search-sec-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 14px;
}

.sc-search-sec-head i {
  color: var(--primary_color);
}

.sc-search-sec-head i.sc-qp-ic {
  color: var(--primary_color);
}

.sc-search-pop {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.sc-search-pop-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  text-decoration: none;
  color: #1f2937;
  font-weight: 600;
  transition: border-color .15s, box-shadow .15s, transform .15s, color .15s;
}

.sc-search-pop-item:hover {
  border-color: var(--primary_color);
  box-shadow: 0 6px 18px rgba(var(--primary_rgb, 57, 34, 119), .15);
  transform: translateY(-1px);
  color: var(--primary_color);
}

.sc-search-pop-ic {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  color: var(--primary_color);
  font-size: 15px;
  transition: background .15s, color .15s;
}

.sc-search-pop-item:hover .sc-search-pop-ic {
  background: var(--primary_color);
  color: #ffffff;
}

.sc-search-pop-t {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-search-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.sc-search-chip {
  text-decoration: none;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #4b5563;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 10px 18px;
  transition: border-color .15s, color .15s, background .15s;
}

.sc-search-chip:hover {
  border-color: var(--primary_color);
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
}

.sc-search-foot {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #f0f0f4;
  font-size: .8rem;
  color: #6b7280;
}

.sc-search-foot-i {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.sc-search-foot-i i {
  color: var(--primary_color);
}

.sc-search-foot-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary_color);
  box-shadow: 0 0 0 0 rgba(var(--primary_rgb, 57, 34, 119), .5);
  animation: sc-ls-pulse 1.8s ease-out infinite;
}

.sc-search-foot-r {
  margin-inline-start: auto;
  color: #9ca3af;
}

@keyframes sc-ls-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--primary_rgb, 57, 34, 119), .5);
  }

  70%,
  100% {
    box-shadow: 0 0 0 7px rgba(var(--primary_rgb, 57, 34, 119), 0);
  }
}

@media (max-width: 575px) {
  .sc-search-pop {
    grid-template-columns: 1fr;
  }

  .sc-search-foot {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.sc-search-live-results {
  min-height: 180px;
}

.sc-search-result-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #f1f5f9;
  border-radius: 12px;
  text-decoration: none !important;
  color: inherit;
  transition: all 0.2s ease;
}

.sc-search-result-item:hover {
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.05);
  border-color: rgba(var(--primary_rgb, 57, 34, 119), 0.25);
  transform: translateX(3px);
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 57, 34, 119), 0.08);
}

.sc-search-result-thumb {
  width: 48px;
  height: 40px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  background: #f3f4f6;
  border: 1px solid #e2e8f0;
}

.sc-search-result-info {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.sc-search-result-title {
  font-size: 0.92rem;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.15s ease;
}

.sc-search-result-item:hover .sc-search-result-title {
  color: var(--primary_color) !important;
}

.sc-search-result-meta {
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 1px;
}

.sc-search-result-price {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--primary_color);
  flex-shrink: 0;
}

.sc-search-esc {
  cursor: pointer;
  user-select: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.sc-search-esc:hover {
  background: #f1f5f9;
  color: #0f172a;
  border-color: #cbd5e1;
}

.sc-search-see-all .btn-primary {
  background: var(--primary_color) !important;
  border-color: var(--primary_color) !important;
  color: #ffffff !important;
  border-radius: 12px;
  padding: 10px 16px;
  transition: all 0.2s ease;
}

.sc-search-see-all .btn-primary:hover {
  background: var(--primary_hover, #2b185f) !important;
  border-color: var(--primary_hover, #2b185f) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 57, 34, 119), 0.35);
}

.sc-msg {
  display: flex;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--border_color);
}

.sc-msg:last-child {
  border-bottom: none;
}

.sc-msg-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.sc-msg-body {
  flex: 1;
  min-width: 0;
}

.sc-msg-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.sc-msg-name {
  font-weight: 600;
  color: var(--heading_color);
}

.sc-msg-time {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-msg-edit-btn {
  border: 0;
  background: transparent;
  color: var(--text_muted);
  cursor: pointer;
  padding: 0;
  margin-inline-start: auto;
}

.sc-msg-edit-btn:hover {
  color: var(--primary_color);
}

.sc-msg-text {
  color: var(--body_color, #374151);
  line-height: 1.6;
  word-break: break-word;
}

.sc-msg-mine .sc-msg-body {
  background: rgba(var(--primary_rgb, 14, 90, 60), .05);
  border-radius: 10px;
  padding: 10px 14px;
}

.sc-msg-admin .sc-msg-body {
  background: #fdf5e7;
  border: 1px solid #f2d8a6;
  border-radius: 10px;
  padding: 10px 14px;
}

.dashboard-topnav {
  overflow: visible !important;
}

.dashboard-topnav .dashboard-body {
  margin-inline-start: 0 !important;
  width: 100% !important;
  padding-top: 0 !important;
  overflow: visible !important;
}

.dashboard-topnav .dashboard-nav {
  position: sticky !important;
  top: 0;
  left: 0 !important;
  width: 100% !important;
  z-index: 1031;
  background: radial-gradient(80% 0% at 20% 45%, rgba(118, 168, 78, 0.22) 10%, rgba(74, 222, 128, 0.08) 40%, transparent 70%), rgb(22, 38, 16) !important;
  border-bottom: none;
  height: auto;
  padding: 0;
}

.dashboard-topnav .ws-menu-bar {
  position: sticky;
  top: 64px;
  z-index: 1030;
}

.dashboard-topnav .dashboard-nav-inner {
  display: flex;
  align-items: center;
  height: 64px;
  width: 100%;
}

.dashboard-topnav .dashboard-nav .user-name,
.dashboard-topnav .dashboard-nav .drop-down-btn {
  color: #fff;
}

.dashboard-topnav .dashboard-nav .drop-down-btn i {
  color: #cbd5e1;
}

.ws-balance {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .09);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}

.ws-balance:hover {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

.ws-balance i {
  color: #34d399;
}

.dashboard-topnav .dashboard-container {
  margin-inline: auto;
}

.dashboard-topnav .dashboard-footer .container-custom {
  margin-inline: auto;
}

.ws-menu-bar {
  background: #fff;
  border-bottom: 1px solid var(--border_color, #eceef1);
}

.ws-menu {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
}

.ws-menu-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  padding: 14px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .15s ease, border-color .15s ease;
}

.ws-menu-link i {
  font-size: 15px;
  color: #6b7280;
}

.ws-menu-link:hover {
  color: var(--primary_color, var(--primary_color));
}

.ws-menu-more .ws-menu-link:focus,
.ws-menu-more .ws-menu-link:focus-visible {
  outline: none;
  box-shadow: none;
}

.ws-menu-link.active {
  color: var(--primary_color, var(--primary_color));
  border-bottom-color: var(--primary_color, var(--primary_color));
}

.ws-menu-link.active i {
  color: var(--primary_color, var(--primary_color));
}

.ws-menu-more .ws-more-caret {
  font-size: 12px;
  opacity: .7;
}

.ws-menu-more-menu {
  padding: 6px;
  min-width: 220px;
}

.ws-menu-more-menu .ws-menu-link {
  display: flex;
  width: 100%;
  padding: 9px 12px;
  border-bottom: 0;
  border-radius: 8px;
}

.ws-menu-more-menu .ws-menu-link:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), .06);
}

.ws-menu-more-menu .ws-menu-link.active {
  background: rgba(var(--primary_rgb, 14, 90, 60), .08);
  border-bottom: 0;
}

.ws-menu-badge {
  background: #e11d48;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ws-menu-toggle {
  background: transparent;
  border: 0;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 1199.98px) {
  .dashboard-topnav .ws-menu-bar {
    display: none;
    position: static;
    top: auto;
  }

  .dashboard-topnav .ws-menu-bar.open {
    display: block;
  }

  .ws-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .ws-menu-link {
    border-bottom: 1px solid var(--border_color, #eceef1);
    border-inline-start: 3px solid transparent;
  }

  .ws-menu-link.active {
    border-bottom-color: var(--border_color, #eceef1);
    border-inline-start-color: var(--primary_color, var(--primary_color));
  }

  .ws-menu-more {
    width: 100%;
  }

  .ws-menu-more>.ws-menu-link {
    display: none;
  }

  .ws-menu-more-menu {
    display: block !important;
    position: static !important;
    transform: none !important;
    border: 0;
    box-shadow: none;
    padding: 0;
    min-width: 0;
  }

  .ws-menu-more-menu .ws-menu-link {
    border-radius: 0;
    border-bottom: 1px solid var(--border_color, #eceef1);
    border-inline-start: 3px solid transparent;
  }

  .ws-menu-more-menu .ws-menu-link.active {
    border-inline-start-color: var(--primary_color, var(--primary_color));
    background: transparent;
  }
}

@media (min-width: 1200px) {
  .ws-menu-toggle {
    display: none;
  }
}

.dashboard-table th.th-tight {
  white-space: normal;
  width: 92px;
  min-width: 92px;
  line-height: 1.25;
  font-size: 13px;
}

.dashboard-table td .badge,
.dashboard-table th.th-tight+th {
  vertical-align: middle;
}

.premium .plan {
  padding: 32px 26px;
  border: 1px solid var(--border_color, #e7ebf0);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.premium .plan:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .1);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .4);
}

.premium .plan:has(.plan-pro) {
  border: 2px solid var(--primary_color, var(--primary_color));
  box-shadow: 0 18px 44px rgba(var(--primary_rgb, 14, 90, 60), .18);
}

.plan-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading_color);
  margin-bottom: 4px;
}

.plan-price {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--heading_color);
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 18px;
  line-height: 1.1;
}

.plan-price span {
  font-size: 14px;
  font-weight: 500;
  color: var(--text_muted);
}

.plan-text {
  font-size: 14px;
  color: var(--text_muted);
  margin-bottom: 20px;
}

.plan-features {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.plan-feat {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--body_color, #374151);
}

.plan-feat-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--primary_rgb, 14, 90, 60), .1);
  color: var(--primary_color, var(--primary_color));
  font-size: 11px;
}

.plan-pro {
  position: absolute;
  top: 20px;
  right: -36px;
  transform: rotate(45deg);
  background: linear-gradient(135deg, var(--primary_color), var(--sc-moss, var(--primary_hover)));
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 42px;
  box-shadow: 0 4px 10px rgba(var(--primary_rgb, 14, 90, 60), .3);
}

.plan-switcher {
  background: #f1f3f5;
  border-radius: 999px;
  padding: 4px;
}

.plan-switcher-inner {
  display: flex;
  gap: 2px;
}

.plan-switcher-item {
  border: 0;
  background: transparent;
  padding: 9px 24px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  color: var(--text_muted);
  cursor: pointer;
  transition: .15s ease;
}

.plan-switcher-item.active {
  background: var(--primary_color, var(--primary_color));
  color: #fff;
}

.sc-premium-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 760px;
  margin: 0 auto 32px;
  padding: 16px 22px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: var(--heading_color, #1f2937);
  background: rgba(var(--primary_rgb, 14, 90, 60), .07);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .2);
  border-radius: 14px;
}

.sc-premium-note i {
  color: var(--primary_color, var(--primary_color));
  font-size: 20px;
  flex-shrink: 0;
}

.sc-premium-note a {
  color: var(--primary_color, var(--primary_color));
  font-weight: 800;
  text-decoration: underline;
}

@media (max-width: 575.98px) {
  .sc-premium-note {
    font-size: 15px;
    padding: 14px 16px;
    flex-direction: column;
  }
}

.sc-auth-page {
  max-width: 880px;
  margin: 24px auto;
  padding: 0 16px;
  width: 100%;
}

.sc-auth-page-sm {
  max-width: 460px;
}

.sc-auth-page .sc-auth-content {
  box-shadow: 0 12px 44px rgba(15, 23, 42, .12);
  border: 1px solid var(--border_color, #e7ebf0);
}

.sc-auth-page-sm .sc-auth-panel {
  padding: 40px 34px;
}

.sc-auth-icon-top {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  font-size: 22px;
  margin: 0 auto 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sc-auth-page-sm .input-numeric {
  letter-spacing: .4em;
  text-align: center;
  font-size: 18px;
}

@media (max-width: 767.98px) {
  .sc-auth-page .sc-auth-grid {
    grid-template-columns: 1fr;
  }

  .sc-auth-page .sc-auth-visual {
    display: none;
  }
}

.sc-hok-collage-lottie {
  background: #ffffff !important;
  padding: 6px;
  overflow: hidden;
}

.sc-hok-collage-card .sc-lottie {
  width: 100%;
  height: 100%;
}

.sc-hok-collage-card .sc-lottie svg {
  display: block;
}

.sc-error-lottie {
  display: block;
  width: 100%;
  max-width: 340px;
  height: 300px;
  margin: 0 auto 4px;
}

.sc-error-lottie svg {
  width: 100% !important;
  height: 100% !important;
}

.sc-license-features {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.sc-license-feature {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
  padding: .6rem .8rem;
  border-radius: 10px;
  border: 1px solid transparent;
}

.sc-license-feature i {
  flex: 0 0 auto;
  width: 1.1rem;
  text-align: center;
  font-size: 1rem;
}

.sc-license-feature.is-checked {
  color: #0f7b4f;
  background: rgba(16, 123, 79, .08);
  border-color: rgba(16, 123, 79, .18);
}

.sc-license-feature.is-checked i {
  color: #f5a623;
}

.sc-license-feature.is-yes {
  color: #0f7b4f;
  background: rgba(16, 123, 79, .06);
  border-color: rgba(16, 123, 79, .14);
}

.sc-license-feature.is-yes i {
  color: #1a9d63;
}

.sc-license-feature.is-no {
  color: #b3261e;
  background: rgba(214, 69, 65, .06);
  border-color: rgba(214, 69, 65, .14);
}

.sc-license-feature.is-no i {
  color: #d64541;
}

.item-single-img {
  position: relative;
}

.sc-checked-badge {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 600;
  color: #fff;
  background: rgba(15, 123, 79, .95);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .22);
  backdrop-filter: blur(2px);
}

.sc-checked-badge i {
  color: #ffd76a;
}

.sc-envato-badge {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 600;
  color: #fff;
  background: rgba(33, 32, 46, .95);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .22);
  backdrop-filter: blur(2px);
}

.sc-envato-badge i {
  color: #81b441;
}

.sc-checked-badge+.sc-envato-badge {
  bottom: 52px;
}

.sc-author-items .sc-item-preview-text {
  display: none;
}

.sc-author-items .sc-item-preview {
  padding-left: .7rem;
  padding-right: .7rem;
}

.sc-cbar-link {
  text-decoration: underline;
  font-weight: 600;
}

.sc-nl-dialog {
  max-width: 740px;
}

.sc-nl-modal {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.sc-nl-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 46px;
  height: 46px;
  border: 0;
  border-bottom-left-radius: 16px;
  background: #182433;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  transition: background .15s ease;
}

.sc-nl-close:hover {
  background: #0f1a24;
}

.sc-nl-body {
  padding: 2.6rem 2rem;
}

.sc-nl-title {
  font-weight: 800;
  font-size: 1.7rem;
  line-height: 1.15;
  margin-bottom: .6rem;
  color: #1f2a37;
}

.sc-nl-sub {
  color: #6b7280;
  font-size: .95rem;
  margin-bottom: 1.2rem;
}

.sc-nl-coupon {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(16, 123, 79, .08);
  color: #0f7b4f;
  border: 1px dashed rgba(16, 123, 79, .45);
  padding: .55rem .9rem;
  border-radius: 10px;
  font-size: .9rem;
  margin-bottom: 1.15rem;
}

.sc-nl-coupon strong {
  letter-spacing: .5px;
}

.sc-nl-form {
  display: flex;
  flex-direction: column;
  gap: .7rem;
}

.sc-nl-input {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: .85rem 1rem;
  font-size: .95rem;
  background: #fff;
}

.sc-nl-input:focus {
  outline: none;
  border-color: rgba(16, 123, 79, .6);
  box-shadow: 0 0 0 3px rgba(16, 123, 79, .12);
}

.sc-nl-btn {
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: .85rem 1rem;
  font-weight: 700;
  color: #fff;
  background: var(--primary_color, var(--primary_color));
  cursor: pointer;
  transition: filter .15s ease;
}

.sc-nl-btn:hover {
  filter: brightness(.94);
}

.sc-nl-later {
  display: block;
  width: 100%;
  margin-top: .85rem;
  background: none;
  border: 0;
  color: #9ca3af;
  font-size: .85rem;
  text-decoration: underline;
  cursor: pointer;
}

.sc-nl-art {
  background: #f3f5f7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.sc-nl-art img {
  max-width: 100%;
  max-height: 290px;
  object-fit: contain;
}

.sc-nl-art-icon {
  font-size: 5rem;
  color: #cbd5e1;
}

@media (max-width: 767.98px) {
  .sc-nl-art {
    display: none;
  }

  .sc-nl-body {
    padding: 2.2rem 1.5rem;
  }
}

.sc-nl-dialog-coupon {
  max-width: 460px;
}

.sc-nl-offer {
  padding: 2.6rem 2rem 0;
  text-align: center;
}

.sc-nl-offer-title {
  font-weight: 800;
  font-size: 1.5rem;
  color: #1f2a37;
  margin-bottom: .5rem;
}

.sc-nl-offer-text {
  color: #6b7280;
  font-size: .95rem;
  line-height: 1.45;
  margin-bottom: 1.4rem;
}

.sc-nl-coupon-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .14);
  border: 1px solid #eef0f2;
  margin-bottom: .9rem;
}

.sc-nl-coupon-code {
  font-size: 1.85rem;
  font-weight: 800;
  letter-spacing: 3px;
  color: #3b4252;
  padding: 1.1rem 1rem .95rem;
  word-break: break-all;
}

.sc-nl-coupon-copy {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  border: 0;
  padding: .95rem 1rem;
  font-weight: 800;
  font-size: .92rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #fff;
  background: var(--primary_color);
  cursor: pointer;
  transition: background .15s ease;
}

.sc-nl-coupon-copy:hover {
  background: #ea6a0c;
}

.sc-nl-coupon-copy.is-copied {
  background: #1a9d63;
}

.sc-nl-paste {
  color: #9aa3ad;
  font-size: .85rem;
  margin: 0;
}

.sc-nl-divider {
  position: relative;
  border-top: 2px dashed #d8dde3;
  margin: 1.6rem 1.6rem 0;
}

.sc-nl-divider span {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 0 12px;
  color: #b6bdc6;
  font-size: .9rem;
}

.sc-nl-signup {
  padding: 1.4rem 2rem 2.3rem;
  text-align: center;
}

.sc-nl-signup-label {
  color: #4b5563;
  font-size: .92rem;
  margin-bottom: .9rem;
}

.sc-nl-form-row {
  flex-direction: row;
  gap: .6rem;
}

.sc-nl-form-row .sc-nl-input {
  flex: 1 1 auto;
}

.sc-nl-form-row .sc-nl-btn {
  width: auto;
  flex: 0 0 auto;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}

@media (max-width: 575.98px) {
  .sc-nl-form-row {
    flex-direction: column;
  }

  .sc-nl-form-row .sc-nl-btn {
    width: 100%;
  }
}

.sc-nl-expiry {
  margin-top: .9rem;
}

.sc-nl-expiry-label {
  display: block;
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #9aa3ad;
}

.sc-nl-countdown {
  display: block;
  font-size: 1.15rem;
  font-weight: 800;
  color: #e11d48;
  letter-spacing: .5px;
  margin: .15rem 0;
}

.sc-nl-expiry-date {
  display: block;
  font-size: .8rem;
  color: #9aa3ad;
}

@media (max-width: 575.98px) {
  .sc-nl-popup .modal-dialog {
    margin: .75rem auto;
    max-width: calc(100% - 1.2rem);
  }

  .sc-nl-dialog-coupon,
  .sc-nl-dialog {
    max-width: 360px;
  }

  .sc-nl-offer {
    padding: 1.7rem 1.1rem 0;
  }

  .sc-nl-offer-title {
    font-size: 1.2rem;
  }

  .sc-nl-offer-text {
    font-size: .85rem;
    margin-bottom: 1rem;
  }

  .sc-nl-coupon-code {
    font-size: 1.35rem;
    letter-spacing: 2px;
    padding: .85rem .7rem .75rem;
  }

  .sc-nl-coupon-copy {
    padding: .75rem;
    font-size: .82rem;
  }

  .sc-nl-divider {
    margin: 1.1rem 1.1rem 0;
  }

  .sc-nl-signup {
    padding: 1.1rem 1.1rem 1.7rem;
  }

  .sc-nl-countdown {
    font-size: 1.05rem;
  }

  .sc-nl-title {
    font-size: 1.25rem;
  }

  .sc-nl-body {
    padding: 1.7rem 1.2rem;
  }

  .sc-nl-close {
    width: 30px;
    height: 30px;
  }
}

.sc-cbar {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18px;
  z-index: 1080;
  width: min(900px, calc(100% - 28px));
  max-width: none;
  height: auto;
  visibility: visible;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 14px;
  text-align: left;
  background: #ece4d6;
  color: #1f2433;
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
}

.sc-cbar-hide {
  display: none;
}

.sc-cbar-ico {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f2433;
  font-size: 1.05rem;
}

.sc-cbar-text {
  flex: 1 1 240px;
  min-width: 0;
  margin: 0;
  font-size: .86rem;
  line-height: 1.35;
  color: #1f2433;
}

.sc-cbar-text .sc-cbar-link {
  color: #1f2433;
  text-decoration: underline;
  font-weight: 600;
}

.sc-cbar-btn {
  flex: 0 0 auto;
  margin-left: auto;
  border: 0;
  background: #1f2433;
  color: #fff;
  border-radius: 10px;
  padding: .55rem 1.15rem;
  font-weight: 600;
  font-size: .88rem;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s ease;
}

.sc-cbar-btn:hover {
  background: #11151f;
}

@media (max-width: 575.98px) {
  .sc-cbar {
    bottom: 10px;
  }

  .sc-cbar-text {
    flex: 1 1 100%;
    min-width: 0;
  }

  .sc-cbar-btn {
    margin-left: 0;
    flex: 1 1 100%;
  }
}

/* Services & Premium buttons and star shining styles removed */

.sc-svc-pricing.card-v {
  padding: 0;
  border-radius: 14px;
  overflow: hidden;
}

.sc-svc-info.card-v {
  padding: 0;
  border-radius: 14px;
  overflow: hidden;
}

.sc-svc-info-body {
  padding: 15px;
}

.sc-svc-tabs {
  display: flex;
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sc-svc-tab {
  width: 100%;
  border: 0;
  background: #fff;
  border-bottom: 2px solid #eef0f2;
  padding: 1rem .5rem;
  font-weight: 700;
  color: #6b7280;
  cursor: pointer;
}

.sc-svc-tab+.sc-svc-tab,
.sc-svc-tabs li+li .sc-svc-tab {
  border-left: 1px solid #eef0f2;
}

.sc-svc-tab.active {
  color: #ed6f1f;
  border-bottom-color: #ed6f1f;
}

.sc-svc-pane {
  padding: 15px;
}

.sc-svc-price-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.sc-svc-price-label {
  font-size: 1.3rem;
  font-weight: 800;
  color: #1f2a37;
}

.sc-svc-price {
  font-size: 1.6rem;
  font-weight: 800;
  color: #1f2a37;
}

.sc-svc-meta {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
  color: #1f2a37;
  font-weight: 700;
  font-size: 1.02rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #f1f3f5;
}

.sc-svc-meta i {
  margin-right: .45rem;
  color: #ed6f1f;
  font-size: 1rem;
}

.sc-svc-features {
  list-style: none;
  margin: 0 0 1.2rem;
  padding: 0;
}

.sc-svc-features li {
  display: flex;
  gap: .6rem;
  align-items: flex-start;
  margin-bottom: .7rem;
  color: #4b5563;
  line-height: 1.4;
}

.sc-svc-features li i {
  color: #ed6f1f;
  margin-top: .2rem;
  flex: 0 0 auto;
}

.sc-svc-checkout {
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: .9rem 1rem;
  font-weight: 800;
  color: #fff;
  background: #ed6f1f;
  cursor: pointer;
  transition: background .15s ease;
}

.sc-svc-checkout:hover {
  background: #d8610f;
}

.sc-svc-desc {
  color: #4b5563;
  line-height: 1.7;
}

.sc-svc-desc img {
  max-width: 100%;
  height: auto;
}

.sc-svc-card {
  background: #fff;
  border: 1px solid #eef0f2;
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow .15s ease, transform .15s ease;
}

.sc-svc-card:hover {
  box-shadow: 0 10px 26px rgba(0, 0, 0, .1);
  transform: translateY(-2px);
}

.sc-svc-card-img {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #f3f5f7;
}

.sc-svc-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-svc-card-body {
  padding: 10px;
}

.sc-svc-card-title {
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: .4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sc-svc-card-rating {
  color: #f6a609;
  font-size: .85rem;
}

.sc-svc-card-rating .fa-regular {
  color: #d6d9de;
}

.sc-svc-card-body .btn-md {
  padding: .25rem .5rem;
  font-size: .85rem;
}

.sc-svc-cat-link {
  display: block;
  padding: .55rem .25rem;
  color: #4b5563;
  text-decoration: none;
  font-size: .95rem;
  border-bottom: 1px solid #f1f3f5;
  transition: color .12s ease;
}

.sc-svc-cat-link:hover {
  color: var(--primary_color, var(--primary_color));
}

.sc-svc-cat-link.active {
  color: var(--primary_color, var(--primary_color));
  font-weight: 700;
}

.sc-chat {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  max-height: 480px;
  overflow-y: auto;
}

.sc-chat-row {
  display: flex;
  gap: .6rem;
  align-items: flex-start;
}

.sc-chat-row.is-mine {
  flex-direction: row-reverse;
}

.sc-chat-ava {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}

.sc-chat-bubble {
  background: #f3f5f7;
  border-radius: 12px;
  padding: .6rem .85rem;
  max-width: 78%;
}

.sc-chat-row.is-mine .sc-chat-bubble {
  background: rgba(16, 123, 79, .1);
}

.sc-chat-meta {
  display: flex;
  gap: .5rem;
  align-items: baseline;
  font-size: .78rem;
  color: #6b7280;
  margin-bottom: .2rem;
}

.sc-chat-meta strong {
  color: #1f2a37;
}

.sc-chat-text {
  color: #374151;
  line-height: 1.4;
  word-break: break-word;
}

.sc-order-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.sc-order-tab {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem 1.1rem;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  color: #4b5563;
  font-weight: 600;
  text-decoration: none;
  transition: all .12s ease;
}

.sc-order-tab:hover {
  border-color: var(--primary_color, var(--primary_color));
  color: var(--primary_color, var(--primary_color));
}

.sc-order-tab.active {
  background: var(--primary_color, var(--primary_color));
  border-color: var(--primary_color, var(--primary_color));
  color: #fff;
}

.sc-order-tab-count {
  min-width: 22px;
  text-align: center;
  padding: 0 .35rem;
  border-radius: 999px;
  background: #eef0f2;
  color: #374151;
  font-size: .8rem;
  font-weight: 700;
}

.sc-order-tab.active .sc-order-tab-count {
  background: rgba(255, 255, 255, .25);
  color: #fff;
}

.sc-rate {
  display: flex;
  gap: .3rem;
  font-size: 1.5rem;
}

.sc-rate-star {
  color: #f6a609;
  cursor: pointer;
}

.sc-rate-star.fa-regular {
  color: #d6d9de;
}

.sc-promos {
  margin-top: 30px;
}

.sc-promos-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}

.sc-promo {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 100%;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid var(--border_color, #e6ece8);
  background: #fff;
  text-decoration: none;
  box-shadow: 0 6px 18px -10px rgba(15, 23, 42, .15);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sc-promo:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px -12px rgba(15, 23, 42, .28);
}

.sc-promo-dark {
  background: #0f172a;
  border-color: #0f172a;
}

.sc-promo-ic {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 19px;
}

.sc-promo-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sc-promo-title {
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--heading_color, #0f172a);
}

.sc-promo-dark .sc-promo-title {
  color: #fff;
}

.sc-promo-link {
  font-weight: 700;
  font-size: .88rem;
  color: var(--primary_color);
  margin-top: 4px;
}

.sc-promo-dark .sc-promo-link {
  color: #34d399;
}

.sc-promo-link i {
  font-size: .78rem;
  margin-left: 5px;
}

.sc-promo-service {
  background: #E1F5EE;
  border-color: #c6ecdc;
}

.sc-promo-premium {
  background: #7F77DD;
  border-color: #7F77DD;
}

.sc-promo-premium .sc-promo-title,
.sc-promo-premium .sc-promo-link {
  color: #fff;
}

.sc-contact-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--primary_color);
  background: #e9f3ee;
  border: 1px solid #cfe6da;
  border-radius: 999px;
  padding: 6px 14px;
  margin-bottom: 14px;
}

.sc-contact-title {
  font-weight: 800;
  font-size: clamp(1.9rem, 4vw, 2.8rem);
  line-height: 1.12;
  letter-spacing: -.02em;
  color: var(--heading_color);
}

.sc-contact-sub {
  max-width: 700px;
  margin: .9rem auto 0;
  color: var(--text_muted);
}

.sc-contact-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  border: 1px solid var(--border_color);
  color: var(--heading_color);
  padding: 28px 24px;
  text-align: center;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 14px 34px -24px rgba(var(--primary_rgb, 14, 90, 60), .4);
}

/* card 1 = dark forest-green feature (matches hero / promo bands) */
.sc-contact-card-1 {
  background: linear-gradient(160deg, var(--primary_dark) 0%, var(--sc-ink) 100%);
  border: 0;
  color: #fff;
}

.sc-contact-card-1 .sc-contact-icon {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

.sc-contact-card-1 .sc-contact-card-title {
  color: #fff;
}

.sc-contact-card-1 .sc-contact-card-text {
  color: rgba(255, 255, 255, .8);
}

.sc-contact-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: #e9f3ee;
  color: var(--primary_color);
  display: grid;
  place-items: center;
  font-size: 1.35rem;
  margin: 0 auto 1rem;
}

.sc-contact-card-title {
  font-size: 1.2rem;
  font-weight: 800;
  margin-bottom: .45rem;
  color: var(--heading_color);
  letter-spacing: -.01em;
}

.sc-contact-card-text {
  color: var(--text_muted);
  margin: 0;
  text-decoration: none;
  word-break: break-word;
  font-size: 14px;
  line-height: 1.6;
}

a.sc-contact-card-text:hover {
  color: var(--primary_color);
}

.sc-contact-card-link {
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sc-contact-card-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 44px -22px rgba(var(--primary_rgb, 14, 90, 60), .5);
  border-color: #bcd9c9;
}

.sc-contact-form {
  border-radius: 22px;
}

.sc-contact-submit {
  border-radius: 999px;
  padding-top: .85rem;
  padding-bottom: .85rem;
  font-weight: 700;
  background: linear-gradient(120deg, var(--sc-moss, var(--primary_hover)), var(--primary_color)) !important;
  border: 0 !important;
  color: #fff !important;
}

.sc-contact-submit:hover {
  filter: brightness(1.06);
  color: #fff !important;
}

.sc-dd {
  position: relative;
}

.sc-dd-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .8rem 1rem;
  border: 1.5px solid #e4e4e466;
  border-radius: 12px;
  background: #e3ffd845;
  font-size: .95rem;
  font-weight: 500;
  color: #1a2b3b;
  line-height: 1.3;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.sc-dd-toggle:hover {
  border-color: #cbd5e1;
}

.sc-dd.is-open .sc-dd-toggle {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), .14);
}

.sc-dd-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-dd-caret {
  font-size: .78rem;
  color: #64748b;
  transition: transform .15s ease;
  flex: 0 0 auto;
}

.sc-dd.is-open .sc-dd-caret {
  transform: rotate(180deg);
}

.sc-dd-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  border: 1px solid #eef1f5;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s;
}

.sc-dd.is-open .sc-dd-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sc-dd-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .65rem .85rem;
  border-radius: 9px;
  cursor: pointer;
  font-size: .92rem;
  color: #1a2b3b;
}

.sc-dd-item:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), .06);
}

.sc-dd-item.is-selected {
  background: rgba(var(--primary_rgb, 14, 90, 60), .1);
  font-weight: 600;
}

.sc-dd-item-price {
  font-size: .82rem;
  font-weight: 600;
  flex: 0 0 auto;
}

.sc-dd-item-price.is-paid {
  color: var(--primary_color);
}

.sc-dd-item-price.is-free {
  color: #16a34a;
}

.sc-hint {
  position: relative;
}

.sc-hint::after {
  content: attr(data-tip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: #1f2937;
  color: #fff;
  font-size: .76rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  padding: .4rem .6rem;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 60;
  transition: opacity .15s ease, transform .15s ease;
}

.sc-hint::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1f2937;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 60;
  transition: opacity .15s ease;
}

.sc-hint:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.sc-hint:hover::before {
  opacity: 1;
  visibility: visible;
}

.sc-author-bubble {
  position: absolute;
  bottom: calc(86% + 2px);
  left: 35px;
  background: #ffffff;
  color: #1f2937;
  border-radius: 16px;
  padding: .6rem 1.9rem .6rem .95rem;
  width: 290px !important;
  box-sizing: border-box;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5;
  box-shadow: 0 10px 24px -8px rgb(43 45 50 / 50%), 0 3px 10px rgb(0 0 0 / 8%);
  z-index: 5;
  animation: scBubbleIn .35s ease both;
}

.sc-author-bubble::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 11px solid transparent;
  border-top: 14px solid #ffffff;
}

.sc-author-bubble i {
  font-size: .78rem;
  margin-inline-end: 2px;
}

.sc-author-bubble-msg {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 1.1em;
}

.sc-author-bubble .sc-ab-line {
  display: block;
}

.sc-author-bubble .sc-ab-row {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.sc-author-bubble .sc-ab-row i {
  margin: 0;
  flex-shrink: 0;
}

.sc-author-bubble .typing::after {
  content: '▌';
  margin-inline-start: 1px;
  color: #9aa4ad;
  animation: scAbCaret 1s step-end infinite;
}

@keyframes scAbCaret {
  50% {
    opacity: 0;
  }
}

.sc-author-bubble-close {
  position: absolute;
  top: 6px;
  inset-inline-end: 7px;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #f1f3f5;
  color: #6b7280;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sc-author-bubble-close i {
  font-size: 11px;
  margin: 0;
}

.sc-author-bubble-close:hover {
  background: #e5e7eb;
  color: #374151;
}

@media (max-width: 575.98px) {
  .sc-author-bubble {
    width: min(290px, 76vw) !important;
  }
}

@keyframes scBubbleIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 992px) {
  .sc-balance-cards>[class*="col"] {
    flex: 1 1 0;
    max-width: none;
  }
}

.sc-cart-row .col-form-label {
  font-size: .82rem;
  color: #6b7280;
  padding-block: 0;
}

.sc-cart-row .form-select,
.sc-cart-row .form-control {
  font-size: .9rem;
  padding-top: .4rem;
  padding-bottom: .4rem;
}

.sc-cart-row .form-select {
  max-width: 230px;
}

.sc-cart-row input[name="quantity"] {
  width: 64px;
}

/* Product Sub-elements Default Visibility (Hidden in Grid, Shown in List) */
.sc-item-cat-top,
.sc-item-price-panel,
.sc-item-features,
.sc-item-preview-text,
.sc-item-sales-pill,
.sc-item-author-label {
  display: none !important;
}

.item-desc {
  display: none;
  margin: 6px 0 0;
  font-size: .88rem;
  line-height: 1.5;
  color: #64748b;
}

/* ==========================================================================
   Modern Marketplace List View Layout (.item-inline) - Desktop Only (>= 1200px)
   (Tablets & Mobile strictly use Grid View)
   ========================================================================== */
@media (min-width: 1200px) {
  .item.item-inline {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px -1px rgba(15, 23, 42, 0.03) !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
    position: relative !important;
    height: auto !important;
  }

  .item.item-inline:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.35) !important;
    box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 10px -2px rgba(15, 23, 42, 0.04) !important;
  }

  .item.item-inline {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    padding: 18px 20px !important;
    gap: 22px !important;
    height: auto !important;
  }

  /* Left Thumbnail */
  .item.item-inline .item-header {
    flex: 0 0 260px !important;
    width: 260px !important;
    aspect-ratio: 16 / 10.5 !important;
    height: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 0 !important;
    background: #f8fafc !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) inset !important;
  }

  .item.item-inline .item-header>a,
  .item.item-inline .sc-item-media {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .item.item-inline .item-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .item.item-inline:hover .item-img {
    transform: scale(1.05) !important;
  }

  .item.item-inline .sc-item-fav {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 5 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .item.item-inline .sc-item-fav .btn {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08) !important;
    color: #64748b !important;
    font-size: 14px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .item.item-inline .sc-item-fav .btn:hover {
    color: #ef4444 !important;
    background: #ffffff !important;
    border-color: #fca5a5 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.2) !important;
  }

  /* Center Details */
  .item.item-inline .item-body {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 24px !important;
    margin: 0 !important;
  }

  .item.item-inline .item-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  /* Category & Author Row */
  .item.item-inline .sc-item-cat-top {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
  }

  .item.item-inline .sc-item-cat-top .sc-item-cat-badge {
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .item.item-inline .sc-item-cat-top .sc-item-cat-badge a {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.52rem !important;
    font-weight: 700 !important;
    color: var(--primary_color) !important;
    background: rgba(var(--primary_rgb, 57, 34, 119), 0.08) !important;
    border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.18) !important;
    padding: 2px 5px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.3 !important;
    transition: all 0.2s ease !important;
  }

  .item.item-inline .sc-item-cat-top .sc-item-cat-badge a:hover {
    background: var(--primary_color) !important;
    color: #ffffff !important;
    border-color: var(--primary_color) !important;
  }

  .item.item-inline .sc-item-author-label {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.8rem !important;
    color: #64748b !important;
  }

  .item.item-inline .sc-item-sales-pill {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    color: var(--sc-forest, var(--primary_color)) !important;
    background: #f0fdf4 !important;
    border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
  }

  /* Title */
  .item.item-inline .item-title {
    font-size: 1.14rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin: 0 0 6px 0 !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: break-word !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: color 0.2s ease !important;
  }

  .item.item-inline .item-title:hover {
    color: var(--sc-forest, var(--primary_color)) !important;
  }

  /* Excerpt Description */
  .item.item-inline .item-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 0.86rem !important;
    color: #64748b !important;
    line-height: 1.55 !important;
    margin: 0 0 8px 0 !important;
  }

  /* Trust & Value Feature Tags */
  .item.item-inline .sc-item-features {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 2px !important;
  }

  .item.item-inline .sc-item-feature-tag {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    letter-spacing: 0.01em !important;
  }

  .item.item-inline .sc-item-meta {
    display: none !important;
  }

  /* Right Dedicated Purchase Panel */
  .item.item-inline .item-purchase {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    padding: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 12px !important;
    gap: 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .item.item-inline .sc-item-price-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .item.item-inline .sc-item-price-panel .item-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .item.item-inline .sc-item-price-panel .item-price .item-price-number {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    text-align: right !important;
  }

  .item.item-inline .sc-item-price-panel .item-price del,
  .item.item-inline .sc-item-price-panel .item-price del .amount {
    font-size: 0.86rem !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    display: block !important;
    margin: 0 !important;
  }

  .item.item-inline .sc-item-price-panel .item-price ins,
  .item.item-inline .sc-item-price-panel .item-price ins .amount {
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    color: var(--sc-forest, var(--primary_color)) !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    letter-spacing: -0.02em !important;
    display: block !important;
    margin: 0 !important;
  }

  .item.item-inline .sc-item-price-panel .item-price>.item-price-number>.amount {
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    color: var(--sc-forest, var(--primary_color)) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    display: block !important;
    margin: 0 !important;
  }

  .item.item-inline .sc-item-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .item.item-inline .sc-item-btn-cart {
    width: 100% !important;
    height: 40px !important;
    background: var(--sc-forest, var(--primary_color)) !important;
    border-color: var(--sc-forest, var(--primary_color)) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    border-radius: 9px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 6px rgba(var(--primary_rgb, 14, 90, 60), 0.2) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .item.item-inline .sc-item-btn-cart:hover {
    background: var(--primary_hover) !important;
    border-color: var(--primary_hover) !important;
    box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.3) !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
  }

  .item.item-inline .sc-item-btn-preview {
    width: 100% !important;
    height: 36px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    background: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.84rem !important;
    padding: 0 12px !important;
    gap: 6px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .item.item-inline .sc-item-btn-preview:hover {
    background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
    border-color: var(--sc-forest, var(--primary_color)) !important;
    color: var(--sc-forest, var(--primary_color)) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px) !important;
  }

  .item.item-inline .sc-item-preview-text {
    display: inline !important;
  }
}

/* Enforce Grid Only on Tablet & Mobile (< 1200px) */
@media (max-width: 1199.98px) {

  #itemsGrid,
  #itemsList {
    display: none !important;
  }
}

.sc-pay-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}

.sc-pay-wide {
  grid-column: 1 / -1;
}

.sc-pay-method {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border: 1.5px solid var(--border_color, #e6eaed);
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

.sc-pay-method:hover {
  border-color: rgba(var(--primary_rgb, 14, 90, 60), .5);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(15, 46, 34, .07);
}

.sc-pay-method.active,
.sc-pay-method:has(.sc-pay-radio:checked) {
  border-color: var(--primary_color);
  background: color-mix(in srgb, var(--primary_color) 6%, #fff);
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), .15);
}

.sc-pay-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.sc-pay-mark {
  order: 3;
  margin-left: auto;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #cbd5e1;
  position: relative;
  transition: border-color .18s ease;
}

.sc-pay-method.active .sc-pay-mark,
.sc-pay-method:has(.sc-pay-radio:checked) .sc-pay-mark {
  border-color: var(--primary_color);
}

.sc-pay-method.active .sc-pay-mark::after,
.sc-pay-method:has(.sc-pay-radio:checked) .sc-pay-mark::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--primary_color);
}

.sc-pay-icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f5f7;
  color: var(--primary_color);
  font-size: 20px;
  overflow: hidden;
}

.sc-pay-method.active .sc-pay-icon,
.sc-pay-method:has(.sc-pay-radio:checked) .sc-pay-icon {
  background: color-mix(in srgb, var(--primary_color) 12%, #fff);
}

.sc-pay-icon img {
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
}

.sc-pay-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}

.sc-pay-name {
  font-weight: 600;
  color: var(--heading_color, #0f2e22);
  line-height: 1.25;
}

.sc-pay-balance {
  font-size: .85rem;
  color: #16794f;
  font-weight: 600;
  margin-top: 2px;
}

@media (max-width: 575.98px) {
  .sc-pay-grid {
    grid-template-columns: 1fr;
  }

  .sc-pay-method {
    padding: 12px 14px;
    gap: 10px;
  }

  .sc-pay-icon {
    width: 38px;
    height: 38px;
    font-size: 17px;
  }
}

.sc-catlist-extra {
  display: none;
}

.sc-catlist[data-collapsed="0"] .sc-catlist-extra {
  display: block;
}

.sc-catlist-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  justify-content: center;
  background: none;
  border: none;
  padding: 14px 0 2px;
  margin-top: 6px;
  cursor: pointer;
  border-top: 1px solid var(--border_color, #e5e7eb);
  color: var(--primary_color);
  font-weight: 600;
  font-size: .9rem;
}

.sc-catlist-toggle i {
  transition: transform .2s ease;
}

.sc-catlist[data-collapsed="0"] .sc-catlist-toggle i {
  transform: rotate(180deg);
}

.sc-catlist-less {
  display: none;
}

.sc-catlist[data-collapsed="0"] .sc-catlist-more {
  display: none;
}

.sc-catlist[data-collapsed="0"] .sc-catlist-less {
  display: inline;
}

.sc-catrow-link {
  text-decoration: none;
}

.sc-catrow-ico {
  width: 20px;
  text-align: center;
  margin-right: 9px;
  color: #9aa4b2;
  font-size: .95em;
}

.sc-catrow-link:hover .sc-catrow-ico,
.sc-catrow-link.text-primary .sc-catrow-ico {
  color: var(--primary_color);
}

.sc-catrow-toggle {
  flex: 0 0 auto;
  background: none;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  color: #9aa4b2;
  line-height: 1;
}

.sc-catrow-toggle:hover {
  color: var(--primary_color);
}

.sc-catrow-toggle i {
  transition: transform .2s ease;
}

.sc-catrow[data-open="1"] .sc-catrow-toggle i {
  transform: rotate(180deg);
  color: var(--primary_color);
}

.sc-catrow-subs {
  display: none;
  padding: 8px 0 2px 12px;
}

.sc-catrow[data-open="1"] .sc-catrow-subs {
  display: block;
}

.sc-catrow-sub {
  display: block;
  padding: 5px 0;
  font-size: .875rem;
  color: #5b6472;
  text-decoration: none;
  border-left: 2px solid var(--border_color, #e5e7eb);
  padding-left: 12px;
}

.sc-catrow-sub:hover {
  color: var(--primary_color);
  border-left-color: var(--primary_color);
}

.drop-down-btn .drop-down-parent-link {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  color: inherit;
  text-decoration: none;
}

.drop-down-btn .drop-down-parent-link:hover {
  color: inherit;
}

.drop-down-btn .drop-down-caret {
  padding: 6px;
  margin-left: auto;
  cursor: pointer;
}

.sc-cat-panel {
  position: relative;
}

.sc-cat-panel[data-collapsed="1"] .sc-cat-more-item {
  display: none;
}

.sc-cat-showmore {
  border-radius: 8px;
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #f6f6f6;
  padding: 4px 16px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #4b5563;
  font-weight: 600;
  font-size: .9rem;
  white-space: nowrap;
}

.sc-cat-showmore:hover {
  color: var(--primary_color);
}

.sc-cat-showmore i {
  transition: transform .2s ease;
}

.sc-cat-panel[data-collapsed="0"] .sc-cat-showmore i {
  transform: rotate(180deg);
}

.sc-cat-showmore-less {
  display: none;
}

.sc-cat-panel[data-collapsed="0"] .sc-cat-showmore-more {
  display: none;
}

.sc-cat-panel[data-collapsed="0"] .sc-cat-showmore-less {
  display: inline;
}

.item-single-paragraph figure.media,
.item-single-paragraph [data-oembed-url] {
  position: relative;
  width: 100%;
  max-width: 760px;
  margin: 1.25rem 0;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
}

.item-single-paragraph figure.media iframe,
.item-single-paragraph [data-oembed-url] iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.item-single-paragraph>iframe,
.item-single-paragraph p>iframe {
  display: block;
  width: 100%;
  max-width: 760px;
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 1.25rem 0;
  border: 0;
  border-radius: 10px;
}

.sc-sim-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  min-height: 320px;
  padding: 28px 22px;
  border-radius: var(--sc-radius-sm, 14px);
  text-decoration: none;
  background: linear-gradient(160deg, var(--sc-moss, var(--primary_hover)) 0%, var(--primary_color) 55%, #0a3f2b 100%);
  transition: box-shadow .2s ease, transform .2s ease;
}

.sc-sim-banner:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(var(--primary_rgb, 14, 90, 60), .35);
}

.sc-sim-banner-ic {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--primary_color);
  font-size: 26px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
}

.sc-sim-banner-title {
  color: #fff;
  font-weight: 800;
  font-size: 1.15rem;
  line-height: 1.35;
  max-width: 240px;
}

.sc-sim-banner-divider {
  width: 44px;
  height: 2px;
  background: rgba(255, 255, 255, .45);
  margin: 14px 0;
}

.sc-sim-banner-text {
  color: rgba(255, 255, 255, .85);
  font-size: .9rem;
  line-height: 1.5;
  max-width: 250px;
  margin-bottom: 20px;
}

.sc-sim-banner-btn {
  display: inline-flex;
  align-items: center;
  padding: 10px 26px;
  border-radius: 999px;
  background: #fff;
  color: var(--primary_color);
  font-weight: 700;
  font-size: .95rem;
  transition: transform .15s ease;
}

.sc-sim-banner:hover .sc-sim-banner-btn {
  transform: scale(1.04);
}

.sc-fs-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  background: rgba(10, 24, 18, .55);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}

.sc-fs-overlay.show {
  opacity: 1;
  visibility: visible;
}

.sc-fs-modal {
  position: relative;
  width: 100%;
  max-width: 480px;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
  transform: translateY(16px) scale(.97);
  transition: transform .25s ease;
}

.sc-fs-overlay.show .sc-fs-modal {
  transform: translateY(0) scale(1);
}

.sc-fs-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(255, 255, 255, .92);
  color: #374151;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
  transition: transform .15s ease;
}

.sc-fs-close:hover {
  transform: rotate(90deg);
}

.sc-fs-media {
  display: block;
}

.sc-fs-media img {
  width: 100%;
  max-height: 240px;
  object-fit: cover;
  display: block;
}

.sc-fs-body {
  padding: 24px 26px 28px;
  text-align: center;
}

.sc-fs-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  margin-bottom: 12px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(135deg, #f59e0b, #dc2626);
}

.sc-fs-title {
  font-weight: 800;
  color: #10231b;
  margin-bottom: 8px;
}

.sc-fs-subtitle {
  color: #5b6472;
  font-size: .95rem;
  margin-bottom: 16px;
}

.sc-fs-countdown {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.sc-fs-cd {
  min-width: 62px;
  padding: 8px 6px;
  border-radius: 12px;
  background: #f1f5f2;
  border: 1px solid #e2e8e4;
}

.sc-fs-cd span {
  display: block;
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--primary_color);
  line-height: 1.1;
}

.sc-fs-cd small {
  color: #6b7280;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.sc-fs-cta {
  width: 100%;
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .sc-fs-modal {
    max-width: 100%;
  }

  .sc-fs-cd {
    min-width: 54px;
  }
}

.sc-rv-card {
  background: #fff;
  border-radius: var(--sc-radius-sm, 12px);
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
  height: 100%;
}

.sc-rv-card:hover {
  box-shadow: 0 10px 24px rgba(15, 46, 34, .1);
  transform: translateY(-2px);
}

.sc-rv-media {
  display: block;
  aspect-ratio: 590 / 300;
  overflow: hidden;
  background: #f1f5f9;
}

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

.sc-rv-body {
  padding: 12px 14px;
}

.sc-rv-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #1f2937;
  font-weight: 600;
  font-size: .92rem;
  line-height: 1.35;
  text-decoration: none;
  margin-bottom: 8px;
  min-height: 2.5em;
}

.sc-rv-name:hover {
  color: var(--primary_color);
}

.sc-rv-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.sc-rv-author {
  font-size: .82rem;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-rv-price {
  font-weight: 700;
  color: var(--primary_color);
  white-space: nowrap;
}

.nav-bar-bg .nav-bar-links .drop-down-btn,
.nav-bar-bg .nav-bar-links .drop-down-parent-link,
.nav-bar-bg .nav-bar-links .drop-down-btn>span,
.nav-bar-bg .nav-bar-links .link .link-title,
.nav-bar-bg .nav-bar-links .link .link-title span {
  white-space: nowrap;
}

.sc-lang-menu {
  display: inline-flex;
  align-items: center;
}

.sc-lang-btn {
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
}

.sc-lang-flag {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .6);
  transition: box-shadow .15s ease;
}

.sc-lang-btn:hover .sc-lang-flag {
  box-shadow: 0 0 0 2px rgba(52, 211, 153, .9);
}

.sc-lang-menu .drop-down-item-img img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
}

.item .sc-preview-col {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

.sc-item-preview {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.sc-item-preview .sc-item-preview-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.item-badge {
  white-space: nowrap;
}

.item-badge i {
  margin-right: 0 !important;
}

.item-badge .item-badge-text {
  display: inline-block;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  vertical-align: middle;
  transition: max-width .3s ease, opacity .2s ease, margin-left .3s ease;
}

.item:hover .item-badge .item-badge-text,
.item-badge:hover .item-badge-text {
  max-width: 120px;
  opacity: 1;
  margin-left: 6px;
}

.sc-fav-tabs .nav-link {
  color: var(--text_color);
  font-weight: 600;
  border-radius: 999px;
  padding: 8px 18px;
}

.sc-fav-tabs .nav-link .badge {
  background: rgba(0, 0, 0, .08);
  color: inherit;
}

.sc-fav-tabs .nav-link.active {
  background: var(--primary_color);
  color: #fff;
}

.sc-fav-tabs .nav-link.active .badge {
  background: rgba(255, 255, 255, .25);
  color: #fff;
}

.item-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  min-width: 34px;
  padding: 0 10px;
  line-height: 1;
}

.item-badge i {
  width: 14px;
  text-align: center;
}

.item-badge.item-badge-lg {
  height: 42px;
  min-width: 42px;
  padding: 0 14px;
}

.user-menu a.user-name {
  color: inherit;
  text-decoration: none;
}

.user-menu a.user-name:hover {
  color: var(--primary_color);
}

.dashboard-topnav .dashboard-nav .user-menu a.user-name:hover {
  color: #fff;
}

@media (max-width: 767.98px) {
  .dashboard-nav .user-menu .user-name {
    display: none;
  }

  .dashboard-nav .dashboard-nav-inner {
    min-width: 0;
  }

  .logo img {
    min-height: 35px;
  }
}

.sc-nfp {
  position: relative;
}

.sc-nfp-overlay {
  position: fixed;
  inset: 0;
  z-index: 1044;
  background: rgba(15, 23, 42, .45);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s;
}

.sc-nfp.open .sc-nfp-overlay {
  opacity: 1;
  visibility: visible;
}

body.sc-nfp-lock {
  overflow: hidden;
}

.sc-nfp-panel {
  position: fixed;
  top: 74px;
  right: 16px;
  z-index: 1045;
  width: 430px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 100px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px) scale(.98);
  transition: .25s ease;
}

.sc-nfp.open .sc-nfp-panel {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.sc-nfp-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 18px 12px;
}

.sc-nfp-sub {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-nfp-head-actions {
  display: flex;
  gap: 6px;
}

.sc-nfp-hbtn {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border_color);
  border-radius: 10px;
  background: #fff;
  color: var(--text_color);
  font-size: 13px;
  cursor: pointer;
  transition: .15s;
}

.sc-nfp-hbtn:hover {
  color: var(--primary_color);
  border-color: var(--primary_color);
}

.sc-nfp-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 0 18px 10px;
  border-bottom: 1px solid var(--border_color);
}

.sc-nfp-tab {
  border: 0;
  background: transparent;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text_muted);
  cursor: pointer;
}

.sc-nfp-tab.active {
  background: var(--primary_color);
  color: #fff;
}

.sc-nfp-tab-count {
  display: inline-block;
  min-width: 18px;
  padding: 0 5px;
  margin-left: 4px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
}

.sc-nfp-readall {
  border: 0;
  background: transparent;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--primary_color);
  cursor: pointer;
  white-space: nowrap;
}

.sc-nfp-list {
  overflow-y: auto;
  flex: 1 1 auto;
  padding: 6px 10px;
}

.sc-nfp-group {
  font-size: 12px;
  font-weight: 700;
  color: var(--text_muted);
  padding: 10px 8px 4px;
}

.sc-nfp-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 12px;
  margin-bottom: 8px;
  border-radius: 12px;
  color: var(--text_color);
  border-left: 3px solid transparent;
  background: color-mix(in srgb, var(--nfp-c, #64748b) 9%, transparent);
  transition: background .15s ease, border-color .15s ease;
}

.sc-nfp-item:last-child {
  margin-bottom: 0;
}

.sc-nfp-item:hover {
  background: color-mix(in srgb, var(--nfp-c, #64748b) 18%, transparent);
  border-left-color: var(--nfp-c, #64748b);
  color: var(--text_color);
}

.sc-nfp-item.is-unread {
  background: color-mix(in srgb, var(--nfp-c, #64748b) 16%, transparent);
  border-left-color: var(--nfp-c, #64748b);
}

.sc-nfp-ico,
.sc-notifp-ico {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  overflow: hidden;
}

.sc-nfp-ico img,
.sc-notifp-ico img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-nfp-body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sc-nfp-title {
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sc-nfp-meta {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-nfp-dot {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary_color);
}

.sc-nfp-empty {
  padding: 40px 0;
  text-align: center;
  color: var(--text_muted);
}

.sc-nfp-all {
  display: block;
  text-align: center;
  padding: 12px;
  border-top: 1px solid var(--border_color);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--primary_color);
  border-radius: 0 0 16px 16px;
}

@media (max-width: 575.98px) {
  .sc-nfp-panel {
    right: 8px;
    left: 8px;
    width: auto;
    top: 66px;
  }
}

.sc-notifp-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border_color);
  font-size: 13px;
  font-weight: 700;
  color: var(--text_muted);
}

.sc-notifp-col {
  flex: 0 0 140px;
}

.sc-notifp-col-sm {
  flex: 0 0 90px;
}

.sc-notifp-col-main {
  flex: 1 1 auto;
}

.sc-notifp-col-del {
  flex: 0 0 34px;
  text-align: right;
}

.sc-notifp-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border_color);
  border-left: 3px solid transparent;
  background: color-mix(in srgb, var(--nfp-c, #64748b) 7%, transparent);
  transition: background .15s ease, border-color .15s ease;
}

.sc-notifp-row:last-child {
  border-bottom: 0;
}

.sc-notifp-row:hover {
  background: color-mix(in srgb, var(--nfp-c, #64748b) 14%, transparent);
  border-left-color: var(--nfp-c, #64748b);
}

.sc-notifp-row.is-unread {
  background: color-mix(in srgb, var(--nfp-c, #64748b) 15%, transparent);
  border-left-color: var(--nfp-c, #64748b);
}

.sc-notifp-main {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
  color: var(--text_color);
}

.sc-notifp-main:hover {
  color: var(--primary_color);
}

.sc-notifp-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sc-notifp-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
}

.sc-notifp-sub {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-notifp-chip {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .06);
  font-size: 12px;
  font-weight: 600;
  color: var(--text_color);
}

.sc-notifp-chip-unread {
  background: rgba(79, 70, 229, .12);
  color: #4f46e5;
}

.sc-notifs-head {
  padding: 14px 18px;
  border-bottom: 1px solid var(--border_color);
  font-size: 13px;
  font-weight: 700;
  color: var(--text_muted);
}

.sc-notifs-col {
  flex: 0 0 90px;
  text-align: center;
}

.sc-notifs-row {
  gap: 12px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--border_color);
}

.sc-notifs-row:last-child {
  border-bottom: 0;
}

.sc-notifs-row .form-check-input {
  cursor: pointer;
}

.dashboard-nav .sc-notif-wrap,
.dashboard-nav .sc-lang-menu,
.dashboard-nav .user-menu {
  margin-left: 0 !important;
}

.dashboard-body .dashboard-card {
  position: relative;
  z-index: 1;
}

.dashboard-body .sc-foot,
body>.sc-foot,
footer.sc-foot {
  z-index: 0;
}

.sc-prof-hero {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sc-shadow-lg);
}

.sc-prof-cover {
  position: relative;
  height: 190px;
  background: linear-gradient(115deg, var(--primary_dark) 0%, var(--primary_color) 42%, var(--sc-moss, var(--primary_hover)) 72%, var(--sc-mint, var(--primary_hover)) 100%);
  background-size: cover;
  background-position: center;
}

.sc-prof-cover-edit {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #111827;
  font-size: 15px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
  transition: .15s;
}

.sc-prof-cover-edit:hover {
  color: var(--primary_color);
  transform: scale(1.05);
}

.sc-prof-body {
  position: relative;
  padding: 0 24px 14px;
}

.sc-prof-wolf {
  position: absolute;
  right: -30px;
  bottom: -44px;
  width: 230px;
  height: 230px;
  color: var(--sc-forest, var(--primary_color));
  opacity: .06;
  pointer-events: none;
  transform: rotate(-8deg);
}

.sc-prof-body>.row {
  position: relative;
  z-index: 1;
}

.sc-prof-chip-dark i {
  margin-right: 5px;
  color: var(--sc-gold-hi, #f5c451);
}

.sc-prof-side-col {
  padding-top: 22px;
}

@media (max-width: 991.98px) {
  .sc-prof-side-col {
    padding-top: 0;
  }
}

.sc-prof-avatar {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 5px solid #fff;
  overflow: hidden;
  margin-top: -66px;
  margin-bottom: 12px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .12);
}

.sc-prof-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-prof-name {
  font-size: 28px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 2px;
}

.sc-prof-role {
  font-size: 15.5px;
  color: #475569;
  margin-bottom: 4px;
}

.sc-prof-role .sc-prof-chip {
  padding: 4px 10px;
  font-size: 12px;
}

.sc-prof-meta {
  font-size: 13.5px;
  color: var(--text_muted);
  margin-bottom: 0;
}

.sc-prof-side-label {
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 10px;
}

.sc-prof-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #fdeee3;
  color: #1f2937;
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
}

.sc-prof-chip img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.sc-prof-chip-dark {
  background: #eef2f7;
}

.sc-prof-skills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sc-prof-side {
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .sc-prof-cover {
    height: 130px;
  }

  .sc-prof-avatar {
    width: 104px;
    height: 104px;
    margin-top: -52px;
  }

  .sc-prof-name {
    font-size: 22px;
  }

  .sc-prof-body {
    padding: 0 16px 16px;
  }
}

.sc-prof-about {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 16px;
  padding: 28px 30px;
}

.sc-prof-about-title {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.45;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border_color);
}

.sc-prof-about-desc {
  color: #334155;
  font-size: 15px;
  line-height: 1.75;
}

.sc-prof-about-desc p {
  margin-bottom: 14px;
}

.sc-prof-about-desc p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .sc-prof-about {
    padding: 20px 18px;
  }
}

.sc-store-hero {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--sc-shadow-lg);
}

.sc-store-cover {
  height: 220px;
  background: linear-gradient(115deg, var(--store-accent, var(--primary_color)), color-mix(in srgb, var(--store-accent, var(--primary_color)) 35%, #0b1120));
  background-size: cover;
  background-position: center;
}

.sc-store-head {
  position: relative;
  padding: 0 28px 22px;
}

.sc-store-logo {
  width: 108px;
  height: 108px;
  border-radius: 24px;
  overflow: hidden;
  border: 5px solid #fff;
  margin-top: -54px;
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .14);
}

.sc-store-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-store-name {
  font-size: 26px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 2px;
}

.sc-store-headline {
  color: #475569;
  font-size: 15.5px;
  margin-bottom: 6px;
}

.sc-store-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  color: var(--text_muted);
  font-size: 13.5px;
}

.sc-store-about {
  margin: 14px 0 0;
  color: #334155;
  font-size: 14.5px;
  line-height: 1.7;
  max-width: 860px;
  border-top: 1px solid var(--border_color);
  padding-top: 14px;
}

.sc-store-social {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--store-accent, var(--primary_color)) 10%, #fff);
  color: var(--store-accent, var(--primary_color));
  transition: .15s;
}

.sc-store-social:hover {
  background: var(--store-accent, var(--primary_color));
  color: #fff;
}

.sc-store-plan .sc-store-plan-price {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

@media (max-width: 767.98px) {
  .sc-store-cover {
    height: 140px;
  }

  .sc-store-head {
    padding: 0 16px 16px;
  }

  .sc-store-logo {
    width: 84px;
    height: 84px;
    margin-top: -42px;
  }
}

.sc-storefront-page {
  background: #f6f7f9;
}

.sc-store-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border_color);
  padding: 10px 0;
}

.sc-store-nav-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #0f172a;
  font-weight: 800;
  font-size: 17px;
}

.sc-store-nav-brand img {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  object-fit: cover;
}

.sc-store-nav-brand:hover {
  color: var(--store-accent, var(--primary_color));
}

.sc-store-social-sm {
  width: 34px;
  height: 34px;
  font-size: 13px;
}

.sc-store-foot {
  border-top: 1px solid var(--border_color);
  background: #fff;
  padding: 18px 0;
  margin-top: 48px;
}

.sc-store-foot-brand {
  display: inline-flex;
  align-items: center;
}

.sc-store-foot-brand img {
  height: 26px;
  width: auto;
  opacity: .85;
  transition: .15s;
}

.sc-store-foot-brand:hover img {
  opacity: 1;
}

.sc-storefront {
  min-height: 60vh;
}

.sc-store-section {
  margin-top: 44px;
}

.sc-store-sec-title {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: .01em;
  margin-bottom: 24px;
}

.sc-store-about-wrap {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 20px;
  padding: 32px;
}

.sc-store-about-text {
  color: #334155;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.sc-store-about-img {
  width: 100%;
  border-radius: 16px;
  object-fit: cover;
  max-height: 380px;
}

.sc-store-accent-btn {
  background: var(--store-accent, var(--primary_color)) !important;
  border-color: var(--store-accent, var(--primary_color)) !important;
}

.sc-store-stats {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 20px;
  padding: 30px 16px;
}

.sc-store-stat-num {
  font-size: 32px;
  font-weight: 800;
  color: var(--store-accent, var(--primary_color));
  line-height: 1.2;
}

.sc-store-stat-label {
  color: var(--text_muted);
  font-size: 13.5px;
  margin-top: 4px;
}

.sc-store-coupon {
  background: #fff;
  border: 2px dashed var(--store-accent, var(--primary_color));
  border-radius: 16px;
  padding: 18px;
  text-align: center;
}

.sc-store-coupon-off {
  font-size: 26px;
  font-weight: 800;
  color: var(--store-accent, var(--primary_color));
}

.sc-store-coupon-code {
  font-family: SFMono-Regular, Menlo, monospace;
  font-weight: 700;
  letter-spacing: .06em;
  background: color-mix(in srgb, var(--store-accent, var(--primary_color)) 8%, #fff);
  border-radius: 8px;
  padding: 6px 10px;
  margin: 8px 0 4px;
  cursor: pointer;
  display: inline-block;
}

.sc-store-coupon-code:hover {
  background: color-mix(in srgb, var(--store-accent, var(--primary_color)) 16%, #fff);
}

.sc-store-coupon-exp {
  color: var(--text_muted);
  font-size: 12px;
}

.sc-cpnt {
  text-align: center;
  margin-bottom: 1.1rem;
}

.sc-cpnt-off {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--store-accent, var(--primary_color));
  background: color-mix(in srgb, var(--store-accent, var(--primary_color)) 10%, #fff);
  border-radius: 999px;
  padding: 3px 12px;
  margin-bottom: .55rem;
}

.sc-cpnt-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
  border: 1px solid #eef0f2;
}

.sc-cpnt-code {
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: 3px;
  color: #3b4252;
  padding: 1rem 1rem .85rem;
  word-break: break-all;
}

.sc-cpnt-copy {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  border: 0;
  padding: .8rem 1rem;
  font-weight: 800;
  font-size: .88rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #fff;
  background: var(--primary_color);
  cursor: pointer;
  transition: background .15s ease;
}

.sc-cpnt-copy:hover {
  background: #ea6a0c;
}

.sc-cpnt-copy.is-copied {
  background: #1a9d63;
}

.sc-cpnt-expiry {
  margin-top: .65rem;
}

.sc-cpnt-exp-label {
  display: block;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #9aa3ad;
}

.sc-cpnt-countdown {
  display: block;
  font-size: 1.05rem;
  font-weight: 800;
  color: #e11d48;
  letter-spacing: .5px;
  margin: .1rem 0;
}

.sc-cpnt-exp-date {
  display: block;
  font-size: .78rem;
  color: #9aa3ad;
}

.add-to-cart-form .form-check-lg .item-price .item-price-number {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.2;
}

.add-to-cart-form .form-check-lg .item-price .item-price-through {
  font-size: 15px;
}

.sc-cpn-tkt {
  display: block;
  width: 100%;
  max-width: 290px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  text-align: start;
  cursor: pointer;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .12);
  transition: box-shadow .15s ease, transform .15s ease;
}

.sc-cpn-tkt:hover {
  box-shadow: 0 12px 30px rgba(16, 24, 40, .18);
  transform: translateY(-1px);
}

.sc-cpn-tkt-top {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  background: color-mix(in srgb, var(--store-accent, var(--primary_color)) 78%, #7ac292);
  padding: 22px 18px 16px;
}

.sc-cpn-tkt-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 9px;
  background-image: radial-gradient(circle at 14px 0, #fff 7px, transparent 7.5px);
  background-size: 42px 9px;
  background-repeat: repeat-x;
  background-position: 7px 0;
}

.sc-cpn-tkt-icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .28);
  color: #ffd9a8;
  font-size: 15px;
}

.sc-cpn-tkt-head {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sc-cpn-tkt-head em {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, .9);
}

.sc-cpn-tkt-head strong {
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-cpn-tkt-body {
  display: block;
  padding: 13px 18px 11px;
}

.sc-cpn-tkt-body strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--heading_color);
  margin-bottom: 2px;
}

.sc-cpn-tkt-body>span {
  display: block;
  font-size: 12.5px;
  color: var(--text_muted);
  line-height: 1.5;
}

.sc-cpn-tkt-action {
  display: block;
  text-align: center;
  padding: 10px 18px;
  border-top: 1px solid var(--border_color, #e4e7ec);
  font-size: 13px;
  font-weight: 700;
  color: var(--store-accent, var(--primary_color));
}

.sc-cpnt-scope {
  margin-top: .5rem;
  font-size: .8rem;
  line-height: 1.5;
}

.sc-cpnt-scope-all {
  display: inline-block;
  font-weight: 700;
  color: #17714a;
  background: #e9f3ee;
  border-radius: 999px;
  padding: 2px 12px;
  font-size: .74rem;
}

.sc-cpnt-scope-label {
  color: var(--text_muted);
  font-size: .74rem;
}

.sc-cpnt-scope-item {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-weight: 600;
  font-size: .8rem;
  color: var(--store-accent, var(--primary_color));
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sc-cpnt-sm {
  margin-bottom: .2rem;
}

.sc-cpnt-sm .sc-cpnt-off {
  font-size: 9px;
  padding: 1px 7px;
  margin-bottom: .2rem;
}

.sc-cpnt-sm .sc-cpnt-code {
  font-size: .7rem;
  letter-spacing: .4px;
  padding: .32rem .35rem .25rem;
}

.sc-cpnt-sm .sc-cpnt-copy {
  padding: .28rem .35rem;
  font-size: .56rem;
  letter-spacing: .2px;
  gap: .25rem;
}

.sc-cpnt-sm .sc-cpnt-card {
  border-radius: 9px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .09);
}

.sc-cpnt-sm .sc-cpnt-expiry {
  margin-top: .25rem;
}

.sc-cpnt-sm .sc-cpnt-countdown {
  font-size: .68rem;
  margin: 0;
}

.sc-cpnt-modal {
  border: 0;
  border-radius: 18px;
}

.sc-store-review {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 16px;
  padding: 22px;
  height: 100%;
}

.sc-store-review-stars {
  color: #f59e0b;
  font-size: 13px;
  margin-bottom: 10px;
}

.sc-store-review-body {
  color: #334155;
  font-size: 14px;
  line-height: 1.7;
  font-style: italic;
}

.sc-store-review-user {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.sc-store-review-user img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
}

.sc-store-review-user strong {
  display: block;
  font-size: 13.5px;
  color: #0f172a;
}

.sc-store-review-user span {
  font-size: 12px;
  color: var(--text_muted);
}

.sc-store-search {
  flex: 1 1 auto;
  max-width: 420px;
}

.sc-store-nav-powered {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 10px;
  padding-left: 14px;
  border-left: 1px solid var(--border_color);
}

.sc-store-nav-powered span {
  font-size: 11px;
  color: var(--text_muted);
  white-space: nowrap;
}

.sc-store-nav-powered img {
  height: 22px;
  width: auto;
  opacity: .85;
  transition: .15s;
}

.sc-store-nav-powered:hover img {
  opacity: 1;
}

.sc-store-coupon-sm {
  padding: 12px;
}

.sc-store-coupon-sm .sc-store-coupon-off {
  font-size: 20px;
}

.sc-store-powered-center {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sc-store-powered-center span {
  font-size: 12.5px;
  color: var(--text_muted);
}

.sc-store-powered-center img {
  height: 26px;
  width: auto;
  opacity: .85;
  transition: .15s;
}

.sc-store-powered-center:hover img {
  opacity: 1;
}

.pagination {
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 8px;
}

.pagination .page-link {
  min-width: 40px;
  text-align: center;
}

@media (max-width: 575.98px) {
  .pagination .page-link {
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

.sc-prof-announce-label {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--primary_color, var(--primary_color));
  background: rgba(var(--primary_rgb, 14, 90, 60), .08);
  border-radius: 999px;
  padding: 5px 14px;
  margin-bottom: 14px;
}

.sc-side-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 8px;
  margin: 0 -8px;
  border-radius: 12px;
  color: var(--text_color);
  transition: background .15s;
}

.sc-side-item:hover {
  background: rgba(0, 0, 0, .04);
  color: var(--primary_color);
}

.sc-side-item img {
  width: 64px;
  height: 44px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}

.sc-side-item-body {
  min-width: 0;
}

.sc-side-item-name {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.35;
}

.sc-side-item-meta {
  font-size: 12px;
  color: var(--text_muted);
}

.section.forced-start {
  padding-top: 0 !important;
  overflow-x: clip;
}

.section.forced-start>.container>.section-header,
.section.forced-start>.section-header {
  margin: 0 calc(50% - 50vw) 30px;
  padding: 34px max(calc(50vw - 50%), 16px) 32px;
  background-color: var(--header_background_color, #faf9fe);
  background-image:
    radial-gradient(ellipse 65% 75% at 10% 25%, rgba(var(--primary_rgb, 14, 90, 60), .12), transparent 65%),
    radial-gradient(ellipse 55% 65% at 92% 80%, rgba(var(--primary_rgb, 14, 90, 60), .07), transparent 60%),
    radial-gradient(circle at center, rgba(var(--primary_rgb, 14, 90, 60), .08) 1px, transparent 1px),
    linear-gradient(135deg, var(--header_background_color, #faf9fe) 0%, var(--header_gradient_color, #f3eefc) 100%);
  background-size: auto, auto, 24px 24px, auto;
  border-bottom: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .14);
}

.sc-prof-promo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border-radius: 20px;
  padding: 44px 44px;
  background:
    radial-gradient(700px 300px at 90% -40%, rgba(34, 211, 238, .18), transparent 60%),
    repeating-linear-gradient(0deg, rgba(56, 189, 248, .05) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(90deg, rgba(56, 189, 248, .05) 0 1px, transparent 1px 44px),
    linear-gradient(135deg, #081526 0%, #0b2540 60%, #0a3350 100%);
  overflow: hidden;
}

.sc-prof-promo-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #7dd3fc;
  border: 1px solid rgba(125, 211, 252, .4);
  border-radius: 999px;
  padding: 6px 16px;
}

.sc-prof-promo-chip .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22d3ee;
}

.sc-prof-promo-title {
  font-size: clamp(38px, 5vw, 56px);
  font-weight: 800;
  letter-spacing: -.03em;
  color: #e2e8f0;
  margin: 18px 0 10px;
}

.sc-prof-promo-title span {
  color: #38bdf8;
}

.sc-prof-promo-text {
  color: #93b4cd;
  font-size: 17px;
  max-width: 380px;
  margin-bottom: 24px;
}

.sc-prof-promo-btn {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg, #38bdf8, #22d3ee);
  color: #06263c;
  font-weight: 800;
  font-size: 15.5px;
  border-radius: 12px;
  padding: 12px 24px;
  transition: .15s;
}

.sc-prof-promo-btn:hover {
  transform: translateY(-2px);
  color: #041a29;
  box-shadow: 0 10px 24px rgba(34, 211, 238, .35);
}

.sc-prof-promo-code {
  flex: 0 0 340px;
  background: rgba(8, 25, 43, .85);
  border: 1px solid rgba(125, 211, 252, .25);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(2, 12, 22, .5);
}

.sc-prof-promo-code-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(15, 38, 60, .9);
  padding: 10px 14px;
  border-bottom: 1px solid rgba(125, 211, 252, .2);
}

.sc-prof-promo-code-bar .d {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

.sc-prof-promo-code-bar .r {
  background: #f87171;
}

.sc-prof-promo-code-bar .y {
  background: #fbbf24;
}

.sc-prof-promo-code-bar .g {
  background: #34d399;
}

.sc-prof-promo-code-bar em {
  margin-left: auto;
  font-style: normal;
  font-family: SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  color: #7dd3fc;
}

.sc-prof-promo-code pre {
  margin: 0;
  padding: 18px 20px;
  font-family: SFMono-Regular, Menlo, monospace;
  font-size: 14.5px;
  line-height: 1.8;
  color: #e2e8f0;
  background: transparent;
}

.sc-prof-promo-code .k {
  color: #7dd3fc;
}

.sc-prof-promo-code .f {
  color: #fbbf24;
}

.sc-prof-promo-code .s {
  color: #86efac;
}

.sc-prof-promo-code .o {
  color: #f472b6;
}

.sc-prof-promo-code .c {
  color: #64748b;
}

@media (max-width: 767.98px) {
  .sc-prof-promo {
    padding: 28px 22px;
  }
}

@media (min-width: 992px) {
  .section:has(.sc-docs) {
    overflow: visible !important;
  }
}

.sc-docs {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 26px;
  align-items: start;
  transition: opacity .15s;
  max-width: 100%;
}

.sc-docs,
.sc-docs-main,
.sc-docs-body {
  min-width: 0;
}

.sc-docs-body {
  overflow-wrap: break-word;
}

.sc-docs-body table,
.sc-docs-body pre {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.sc-docs-nav {
  position: sticky;
  top: 90px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.sc-docs-card {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  box-shadow: var(--sc-shadow);
  padding: 18px;
}

.sc-docs-label {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text_muted);
  margin: 4px 6px 12px;
}

.sc-docs-toggle {
  display: none;
}

.sc-docs-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sc-docs-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  border-radius: var(--sc-radius-sm);
  color: var(--heading_color);
  font-weight: 600;
  font-size: .95rem;
  border: 1px solid transparent;
  text-decoration: none;
  transition: .18s ease;
}

.sc-docs-item:hover {
  background: #f6f9f7;
  color: var(--primary_color);
}

.sc-docs-ico {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f3;
  color: var(--primary_color);
  font-size: 14px;
  transition: .18s ease;
}

.sc-docs-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-docs-caret {
  font-size: 11px;
  color: #cbd5e1;
  opacity: 0;
  transition: .18s ease;
}

.sc-docs-item.is-active {
  background: color-mix(in srgb, var(--primary_color) 8%, #fff);
  border-color: color-mix(in srgb, var(--primary_color) 25%, transparent);
  color: var(--primary_color);
}

.sc-docs-item.is-active .sc-docs-ico {
  background: var(--primary_color);
  color: #fff;
}

.sc-docs-item.is-active .sc-docs-caret {
  opacity: 1;
  color: var(--primary_color);
}

.sc-docs-help {
  background: #f6f9f7;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  padding: 20px;
}

.sc-docs-help-ico {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid var(--border_color);
  color: var(--primary_color);
  font-size: 18px;
  margin-bottom: 12px;
}

.sc-docs-help h4 {
  font-weight: 800;
  font-size: 1.05rem;
  margin: 0 0 6px;
  color: var(--heading_color);
}

.sc-docs-help p {
  font-size: .88rem;
  color: var(--text_muted);
  margin: 0 0 14px;
  line-height: 1.55;
}

.sc-docs-help-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--heading_color);
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 999px;
  padding: 9px 16px;
  text-decoration: none;
  transition: .18s ease;
}

.sc-docs-help-btn:hover {
  background: var(--primary_color);
  color: #fff;
  border-color: var(--primary_color);
}

.sc-docs-main {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: var(--sc-radius);
  box-shadow: var(--sc-shadow);
  padding: 36px 40px;
}

.sc-docs-main::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--sc-mint, var(--primary_hover)), var(--primary_color));
}

.sc-docs-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--primary_color);
  background: color-mix(in srgb, var(--primary_color) 10%, transparent);
  border-radius: 999px;
  padding: 6px 13px;
  margin-bottom: 18px;
}

.sc-docs-title {
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--heading_color);
  margin: 0 0 8px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border_color);
}

.sc-docs-body {
  margin-top: 22px;
}

@media (max-width: 991.98px) {
  .sc-docs {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    overflow-x: clip;
  }

  .sc-docs-nav,
  .sc-docs-card {
    min-width: 0;
    max-width: 100%;
  }

  .sc-docs-nav {
    position: static;
  }

  .sc-docs-card {
    padding: 10px 12px;
  }

  .sc-docs-label {
    display: none;
  }

  .sc-docs-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 6px 4px;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    color: var(--heading_color);
  }

  .sc-docs-toggle-lead {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f3;
    color: var(--primary_color);
    font-size: .85rem;
  }

  .sc-docs-toggle-name {
    flex: 1 1 auto;
    min-width: 0;
    text-align: start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sc-docs-toggle-caret {
    flex: 0 0 auto;
    color: var(--text_muted);
    font-size: .8rem;
    transition: transform .2s;
  }

  .sc-docs-card.is-open .sc-docs-toggle-caret {
    transform: rotate(180deg);
  }

  .sc-docs-list {
    display: none;
    flex-direction: column;
    gap: 4px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border_color);
  }

  .sc-docs-card.is-open .sc-docs-list {
    display: flex;
  }

  .sc-docs-caret {
    display: none;
  }

  .sc-docs-help {
    display: none;
  }

  .sc-docs-main {
    padding: 24px 20px;
  }

  .sc-docs-title {
    font-size: 1.7rem;
  }
}

.sc-byb-wrap {
  margin-top: 24px;
}

.sc-byb {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 16px;
  box-shadow: var(--sc-shadow);
  padding: 18px;
}

.sc-byb-head {
  margin-bottom: 14px;
}

.sc-byb-title {
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--heading_color);
}

.sc-byb-title i {
  color: var(--primary_color);
  font-size: .95em;
}

.sc-byb-sub {
  margin: 8px 0 0;
  color: var(--text_muted);
  font-size: .88rem;
  line-height: 1.7;
}

.sc-byb-pct {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary_color);
  color: #fff;
  font-weight: 800;
  font-size: .82rem;
  line-height: 1;
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--primary_color) 35%, transparent);
}

.sc-byb-precart {
  margin: 6px 0 0;
  font-size: .82rem;
  font-weight: 600;
  color: var(--primary_color);
}

.sc-byb-precart::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  margin-inline-end: 6px;
}

.sc-byb-lock {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 9px 12px;
  border-radius: 10px;
  background: #fef3f2;
  color: #b42318;
  font-size: .82rem;
  font-weight: 600;
}

.sc-byb.is-locked .sc-byb-search,
.sc-byb.is-locked .sc-byb-list,
.sc-byb.is-locked .sc-byb-foot {
  opacity: .5;
  pointer-events: none;
  filter: grayscale(.3);
  user-select: none;
}

.sc-byb-search {
  position: relative;
  margin-bottom: 14px;
}

.sc-byb-search>i {
  position: absolute;
  top: 50%;
  inset-inline-start: 14px;
  transform: translateY(-50%);
  color: var(--text_muted);
  font-size: .85rem;
}

.sc-byb-search-input {
  width: 100%;
  border: 1px solid var(--border_color);
  border-radius: 12px;
  padding: 11px 14px 11px 38px;
  font-size: .92rem;
  background: #fff;
}

.sc-byb-search-input:focus {
  outline: 0;
  border-color: var(--primary_color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary_color) 15%, transparent);
}

.sc-byb-search-results {
  position: absolute;
  top: calc(100% + 6px);
  inset-inline: 0;
  z-index: 20;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 12px;
  box-shadow: var(--sc-shadow-lg);
  max-height: 280px;
  overflow-y: auto;
  padding: 6px;
}

.sc-byb-res {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
}

.sc-byb-res:hover {
  background: #f6f9f7;
}

.sc-byb-res img {
  width: 34px;
  height: 34px;
  border-radius: 7px;
  object-fit: cover;
  flex: 0 0 auto;
}

.sc-byb-res span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .9rem;
}

.sc-byb-res b {
  color: var(--heading_color);
  font-size: .9rem;
}

.sc-byb-res-empty {
  padding: 12px;
  text-align: center;
  color: var(--text_muted);
  font-size: .9rem;
}

.sc-byb-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sc-byb-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1.5px solid var(--border_color);
  border-radius: 12px;
  cursor: pointer;
  transition: border-color .15s, background .15s, opacity .15s;
}

.sc-byb-item:hover {
  border-color: color-mix(in srgb, var(--primary_color) 45%, var(--border_color));
}

.sc-byb-item.is-selected {
  border-color: var(--primary_color);
  background: color-mix(in srgb, var(--primary_color) 6%, #fff);
  box-shadow: inset 3px 0 0 var(--primary_color);
}

.sc-byb-item.is-disabled {
  opacity: .45;
  pointer-events: none;
}

.sc-byb-item.is-main {
  cursor: default;
}

.sc-byb-check {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.sc-byb-box {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  border: 2px solid var(--border_color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: .15s;
}

.sc-byb-box i {
  font-size: .72rem;
  opacity: 0;
}

.sc-byb-item.is-selected .sc-byb-box {
  background: var(--primary_color);
  border-color: var(--primary_color);
}

.sc-byb-item.is-selected .sc-byb-box i {
  opacity: 1;
}

.sc-byb-thumb {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 9px;
  overflow: hidden;
  background: #f1f5f3;
}

.sc-byb-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sc-byb-main-tag {
  position: absolute;
  top: 6px;
  inset-inline-end: 10px;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--primary_color);
}

.sc-byb-info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.sc-byb-name {
  font-weight: 700;
  color: var(--heading_color);
  font-size: .86rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-byb-cat {
  font-size: .75rem;
  color: var(--text_muted);
}

.sc-byb-price {
  flex: 0 0 auto;
  font-weight: 800;
  color: var(--heading_color);
  font-size: .92rem;
}

.sc-byb-hidden {
  display: none !important;
}

.sc-byb-morenote {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 10px 2px 0;
  font-size: .8rem;
  color: var(--text_muted);
  line-height: 1.45;
}

.sc-byb-morenote i {
  color: var(--primary_color);
  margin-top: 2px;
  flex: 0 0 auto;
}

.sc-byb-foot {
  margin-top: 20px;
}

.sc-byb-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text_muted);
  margin-bottom: 8px;
}

.sc-byb-remaining.is-unlocked {
  color: var(--primary_color);
}

.sc-byb-progress {
  height: 8px;
  border-radius: 999px;
  background: #e9edeb;
  overflow: hidden;
}

.sc-byb-bar {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sc-moss, var(--primary_hover)), var(--primary_color));
  transition: width .3s ease;
}

.sc-byb-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--primary_color) 6%, #fff);
  border: 1px solid color-mix(in srgb, var(--primary_color) 20%, transparent);
}

.sc-byb-total-label {
  display: block;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--primary_color);
  margin-bottom: 2px;
}

.sc-byb-total-now {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--heading_color);
}

.sc-byb-total-was {
  color: var(--text_muted);
  margin-inline-start: 8px;
}

.sc-byb-save {
  flex: 0 0 auto;
  background: color-mix(in srgb, var(--primary_color) 12%, #fff);
  color: var(--primary_color);
  font-weight: 800;
  font-size: .85rem;
  padding: 8px 14px;
  border-radius: 10px;
  white-space: nowrap;
}

.sc-byb-add {
  margin-top: 16px;
}

.sc-byb-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  margin-inline-start: 8px;
  border-radius: 999px;
  background: #fff;
  color: var(--primary_color);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 575.98px) {
  .sc-byb {
    padding: 16px;
  }

  .sc-byb-thumb {
    width: 46px;
    height: 46px;
  }

  .sc-byb-main-tag {
    display: none;
  }

  .sc-byb-total-now {
    font-size: 1.3rem;
  }
}

.sc-thanks {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 340px;
  background: #0f5a3c;
  box-shadow: 0 18px 44px rgba(var(--primary_rgb, 14, 90, 60), .22);
}

.sc-thanks-art {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 190px;
  margin: 18px auto 0;
}

.sc-thanks-art svg {
  width: 100% !important;
  height: 100% !important;
}

.sc-thanks-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.sc-thanks-bg svg {
  width: 100% !important;
  height: 100% !important;
}

.sc-thanks-has-art::after {
  content: none;
}

.sc-thanks::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(15, 90, 60, .5) 0%, rgba(15, 90, 60, .72) 46%, rgba(13, 55, 38, .97) 100%);
}

.sc-thanks-body {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding: 26px;
  display: flex;
  flex-direction: column;
}

.sc-thanks-has-art .sc-thanks-body {
  margin-top: 0;
  padding-top: 4px;
}

.sc-thanks-has-art .sc-thanks-cta {
  margin-top: 18px;
}

.sc-thanks-badge {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #d1fadf;
  background: rgba(255, 255, 255, .16);
  border-radius: 999px;
  padding: 5px 12px;
  margin-bottom: 12px;
}

.sc-thanks-title {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 10px;
  color: #fff;
}

.sc-thanks-desc {
  font-size: .92rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, .88);
  margin: 0 0 12px;
}

.sc-thanks-cta {
  align-self: flex-start;
  background: #fff;
  color: var(--primary_color);
  font-weight: 700;
  border: 0;
}

.sc-thanks-cta:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
}

.sc-bought {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sc-bought-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--border_color);
  border-radius: 12px;
  text-decoration: none;
  transition: .15s ease;
}

.sc-bought-row:hover {
  border-color: color-mix(in srgb, var(--primary_color) 40%, var(--border_color));
  background: #f6f9f7;
}

.sc-bought-row img {
  width: 46px;
  height: 46px;
  border-radius: 9px;
  object-fit: cover;
  flex: 0 0 auto;
  background: #f1f5f3;
}

.sc-bought-name {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
  color: var(--heading_color);
  font-size: .92rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-bought-price {
  flex: 0 0 auto;
  font-weight: 800;
  color: var(--heading_color);
  font-size: .92rem;
}

.sc-dash-notice {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 14px;
  background: linear-gradient(120deg, var(--primary_color) 0%, #12805a 100%);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(var(--primary_rgb, 14, 90, 60), .22);
  transition: transform .15s ease, box-shadow .15s ease;
}

.sc-dash-notice:hover {
  color: #fff;
  opacity: 1;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(var(--primary_rgb, 14, 90, 60), .3);
}

.sc-dash-notice-ic {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #fff;
  font-size: 1.1rem;
  overflow: hidden;
}

.sc-dash-notice-lottie {
  width: 52px;
  height: 52px;
  display: block;
}

.sc-dash-notice-lottie svg {
  width: 100% !important;
  height: 100% !important;
}

.sc-dash-notice-main {
  flex: 1 1 auto;
  min-width: 0;
}

.sc-dash-notice-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sc-dash-notice-tag {
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, .22);
  border-radius: 999px;
  padding: 3px 9px;
}

.sc-dash-notice-title {
  font-weight: 800;
  font-size: 1rem;
}

.sc-dash-notice-body {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 3px;
  font-size: .86rem;
  color: rgba(255, 255, 255, .84);
  overflow: hidden;
}

.sc-dash-notice-cta {
  display: inline-block;
  margin-top: 8px;
  font-size: .82rem;
  font-weight: 700;
  color: #fff;
  background: rgba(255, 255, 255, .18);
  border-radius: 999px;
  padding: 4px 12px;
}

.sc-dash-notice:hover .sc-dash-notice-cta {
  background: rgba(255, 255, 255, .28);
}

.sc-dash-notice-arrow {
  flex: 0 0 auto;
  opacity: .8;
}

.sc-announce-body {
  line-height: 1.7;
}

.sc-announce-body p:last-child {
  margin-bottom: 0;
}

.sc-announce-body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.sc-preview-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #fff6e0;
  border: 1px solid #f2c94c;
  margin-bottom: 20px;
}

.sc-preview-bar-badge {
  font-weight: 800;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #92610a;
  background: #ffe4a1;
  border-radius: 999px;
  padding: 5px 12px;
}

.sc-preview-bar-text {
  flex: 1 1 auto;
  min-width: 200px;
  color: #7a5807;
  font-size: .9rem;
  font-weight: 600;
}

.sc-preview-bar-btn {
  font-weight: 700;
  color: var(--primary_color);
  text-decoration: none;
  white-space: nowrap;
}

.sc-preview-bar-btn:hover {
  color: var(--sc-pine, var(--primary_hover));
}

.sc-tk-clamp {
  display: inline-block;
  max-width: 340px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .sc-tk-clamp {
    max-width: 180px;
  }
}

.sc-nfp-toggle .btn {
  position: relative;
  overflow: visible;
}

.sc-bell-ring {
  transform-origin: 50% 0;
  animation: sc-bell-swing 4s ease-in-out infinite;
}

@keyframes sc-bell-swing {

  0%,
  70%,
  100% {
    transform: rotate(0);
  }

  75% {
    transform: rotate(14deg);
  }

  80% {
    transform: rotate(-12deg);
  }

  85% {
    transform: rotate(9deg);
  }

  90% {
    transform: rotate(-6deg);
  }

  95% {
    transform: rotate(3deg);
  }
}

.sc-count-flash {
  animation: sc-count-flash 1s linear infinite;
}

@keyframes sc-count-flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .15;
  }

  100% {
    opacity: 1;
  }
}

.sc-crsl {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.sc-crsl:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(16, 24, 40, .12);
  border-color: #d9dbe9;
}

.sc-crsl-img {
  position: relative;
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #f1f3f5;
}

.sc-crsl-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.sc-crsl:hover .sc-crsl-img img {
  transform: scale(1.04);
}

.sc-crsl-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  color: #14161b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  opacity: 0;
  transition: opacity .2s ease;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .28);
}

.sc-crsl:hover .sc-crsl-play {
  opacity: 1;
}

.sc-crsl-sale {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  background: #ef2b3d;
  color: #fff;
  border-radius: 10px;
  padding: 6px 10px;
  box-shadow: 0 5px 14px rgba(239, 43, 61, .4);
}

.sc-crsl-sale small {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .1em;
}

.sc-crsl-sale b {
  font-size: 15px;
  font-weight: 800;
}

.sc-crsl-best {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #14161b;
  color: #ffd76a;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 9px;
  border-radius: 999px;
}

.sc-crsl-level {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, .95);
  color: #1e2749;
  font-size: .72rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .18);
}

.sc-crsl-level i {
  font-size: .68rem;
  color: var(--primary_color, #4f46e5);
}

.sc-crsl-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px 16px;
  flex: 1 1 auto;
}

.sc-crsl-rate {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .8rem;
  min-width: 0;
}

.sc-crsl-rate b {
  font-weight: 800;
  color: var(--heading_color);
}

.sc-crsl-stars {
  display: inline-flex;
  gap: 1px;
  font-size: .68rem;
  color: #f6a609;
}

.sc-crsl-dot {
  color: #c3c9d6;
}

.sc-crsl-rate em {
  font-style: italic;
  color: var(--text_muted);
}

.sc-crsl-author {
  font-weight: 700;
  color: var(--heading_color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-crsl-title {
  font-size: 1rem;
  font-weight: 800;
  color: var(--heading_color);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sc-crsl-div {
  display: block;
  height: 1px;
  background: var(--border_color);
  margin-top: 2px;
}

.sc-crsl-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  font-size: .78rem;
  font-weight: 600;
  color: #566173;
}

.sc-crsl-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.sc-crsl-meta i {
  font-size: .72rem;
  color: #8a94a6;
}

.sc-crsl-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 8px;
}

.sc-crsl-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.sc-crsl-price b {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--heading_color);
}

.sc-crsl-price s {
  font-size: .85rem;
  color: var(--text_muted);
}

.sc-crsl-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sc-crsl-cert {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .74rem;
  font-weight: 700;
  color: #16a34a;
}

.sc-crsl-go {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border: 1px solid var(--border_color);
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  color: var(--primary_color, #4f46e5);
  background: #fff;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.sc-crsl:hover .sc-crsl-go {
  background: var(--primary_color, #4f46e5);
  border-color: var(--primary_color, #4f46e5);
  color: #fff;
}

.sc-svc-addons-title {
  font-weight: 800;
  position: relative;
  padding-bottom: 10px;
}

.sc-svc-addons-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 3px;
  border-radius: 3px;
  background: var(--primary_color, var(--primary_color));
}

.sc-svc-addon {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 0;
  border-top: 1px solid var(--border_color, #e5e7eb);
  cursor: pointer;
  margin: 0;
}

.sc-svc-addon:first-of-type {
  border-top: 0;
}

.sc-svc-addon .form-check-input {
  margin-top: 3px;
  flex: 0 0 auto;
  cursor: pointer;
}

.sc-svc-addon-body {
  flex: 1 1 auto;
  min-width: 0;
}

.sc-svc-addon-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sc-svc-addon-name {
  font-weight: 700;
  color: var(--heading_color);
}

.sc-svc-addon-price {
  font-weight: 800;
  color: var(--primary_color, var(--primary_color));
  white-space: nowrap;
}

.sc-svc-addon-desc {
  display: block;
  margin-top: 3px;
  font-size: .86rem;
  color: var(--text_muted, #6b7280);
  line-height: 1.5;
}

.sc-svc-headstats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  padding: 18px 8px;
}

.sc-svc-headstat {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 18px;
}

.sc-svc-headstat+.sc-svc-headstat {
  border-left: 1px solid var(--border_color, #e5e7eb);
}

.sc-svc-headstat-ic {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
}

.sc-svc-headstat-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sc-svc-headstat-label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--text_muted, #9ca3af);
}

.sc-svc-headstat-val {
  font-weight: 800;
  color: var(--heading_color);
  font-size: 1.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  .sc-svc-headstats {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .sc-svc-headstat+.sc-svc-headstat {
    border-left: 0;
    border-top: 1px solid var(--border_color, #e5e7eb);
  }
}

.sc-tst2 {
  position: relative;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 20px;
  padding: 2.5rem 1.35rem 1.25rem;
  margin-top: 2.3rem;
  height: calc(100% - 2.3rem);
  display: flex;
  flex-direction: column;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .06);
}

.sc-tst2-avatar {
  position: absolute;
  top: -2.3rem;
  left: 1.2rem;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .16);
  background: #e6f4ee;
}

.sc-tst2-stars {
  position: absolute;
  top: 1.05rem;
  right: 1.2rem;
  color: var(--primary_color);
  font-size: .78rem;
  letter-spacing: 2px;
}

.sc-tst2-quote {
  font-size: .98rem;
  line-height: 1.55;
  font-weight: 500;
  color: #0f172a;
  margin: 1.05rem 0 1.2rem;
  flex-grow: 1;
}

.sc-tst2-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: .75rem;
}

.sc-tst2-name {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: .95rem;
}

.sc-tst2-role {
  color: #64748b;
  font-size: .8rem;
}

.sc-tst2-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-weight: 600;
  font-size: .82rem;
  color: #0f172a;
  white-space: nowrap;
}

.sc-tst2-badge i {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--primary_color);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .68rem;
}

.sc-faq2-overline {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-weight: 600;
  color: #0f172a;
}

.sc-faq2-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--primary_color);
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(var(--primary_rgb, 14, 90, 60), .5);
  animation: sc-faq2-pulse 1.8s ease-out infinite;
}

@keyframes sc-faq2-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--primary_rgb, 14, 90, 60), .5);
  }

  70%,
  100% {
    box-shadow: 0 0 0 8px rgba(var(--primary_rgb, 14, 90, 60), 0);
  }
}

.sc-faq2-overline {
  font-size: 1.15rem;
}

.sc-faq2-promo {
  position: relative;
  overflow: hidden;
  margin-top: 1.25rem;
  min-height: 365px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 24px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .07);
  display: flex;
  flex-direction: column;
}

.sc-faq2-lottie {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.sc-faq2-promo-body {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding: 3.2rem 1.9rem 1.9rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 34%, #fff 62%);
}

.sc-faq2-promo-title {
  font-weight: 700;
  margin-bottom: .5rem;
}

.sc-faq2-promo-text {
  color: #64748b;
  margin-bottom: 1.25rem;
}

.sc-faq2-acc .sc-faq2-item {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .06) !important;
  border-radius: 16px !important;
  margin-bottom: .9rem;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}

.sc-faq2-acc .accordion-button {
  background: transparent;
  font-weight: 600;
  font-size: 1.02rem;
  color: #0f172a;
  padding: 1.1rem 1.4rem;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.sc-faq2-acc .accordion-button::after {
  display: none;
}

.sc-faq2-toggle {
  margin-left: auto;
  color: #0f172a;
  flex-shrink: 0;
}

.sc-faq2-toggle .fa-xmark {
  display: none;
}

.sc-faq2-acc .accordion-button:not(.collapsed) .fa-plus {
  display: none;
}

.sc-faq2-acc .accordion-button:not(.collapsed) .fa-xmark {
  display: inline-block;
}

.sc-faq2-acc .accordion-body {
  padding: 0 1.4rem 1.2rem;
  color: #475569;
}

.sc-ni-modal {
  border: 0;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.sc-ni-close {
  position: absolute;
  top: 1.1rem;
  right: 1.1rem;
  z-index: 5;
}

.sc-ni-promo {
  position: relative;
  height: 100%;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  background: #eef6f1;
}

.sc-ni-lottie {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.sc-ni-promo-body {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding: 3rem 1.6rem 1.6rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .92) 36%, #fff 65%);
}

.sc-ni-promo-title {
  font-weight: 700;
  margin-bottom: .45rem;
}

.sc-ni-promo-text {
  color: #64748b;
  font-size: .92rem;
  margin-bottom: .9rem;
}

.sc-ni-promo-links {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.sc-ni-promo-links a {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
  font-size: .92rem;
  color: var(--primary_color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sc-ni-promo-links a i {
  width: 1.1rem;
  text-align: center;
  flex-shrink: 0;
}

.sc-ni-pick {
  padding: 1.9rem 1.9rem 1.6rem;
}

.sc-ni-pick-title {
  font-weight: 700;
  margin-bottom: .3rem;
}

.sc-ni-pick-sub {
  color: #64748b;
  font-size: .92rem;
  margin-bottom: 1.1rem;
}

.sc-ni-cats {
  max-height: 380px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding-right: .25rem;
}

.sc-ni-cat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 12px;
  padding: .55rem .9rem .55rem .55rem;
  font-weight: 600;
  color: #0f172a;
  transition: all .15s ease;
}

.sc-ni-cat-left {
  display: flex;
  align-items: center;
  gap: .7rem;
}

.sc-ni-cat-ico {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(var(--primary_rgb, 14, 90, 60), .08);
  color: var(--primary_color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .95rem;
  flex-shrink: 0;
  transition: all .15s ease;
}

.sc-ni-cat>.fa-arrow-right {
  color: #94a3b8;
  font-size: .8rem;
  transition: all .15s ease;
}

.sc-ni-cat:hover {
  border-color: var(--primary_color);
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 14, 90, 60), .04);
}

.sc-ni-cat:hover .sc-ni-cat-ico {
  background: var(--primary_color);
  color: #fff;
}

.sc-ni-cat:hover>.fa-arrow-right {
  color: var(--primary_color);
  transform: translateX(3px);
}

.nav-bar:not(.nav-bar-bg) {
  background: var(--sc-ink) !important;
  box-shadow: 0 1px 0 rgba(var(--primary_rgb, 14, 90, 60), .14), 0 12px 30px -20px rgba(0, 0, 0, .7);
  border-bottom: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .14);
}

.nav-bar:not(.nav-bar-bg) .nav-bar-links .link .link-title,
.nav-bar:not(.nav-bar-bg) .nav-bar-links .link .link-title span,
.nav-bar:not(.nav-bar-bg) .drop-down-btn,
.nav-bar:not(.nav-bar-bg) .link-btn,
.nav-bar:not(.nav-bar-bg) .user-name {
  color: #FFFFFF;
}

.nav-bar:not(.nav-bar-bg) .nav-bar-links .link:hover .link-title,
.nav-bar:not(.nav-bar-bg) .nav-bar-links .link:hover .link-title span,
.nav-bar:not(.nav-bar-bg) .nav-bar-links .link.active .link-title,
.nav-bar:not(.nav-bar-bg) .nav-bar-links .link.active .link-title span,
.nav-bar:not(.nav-bar-bg) .drop-down:hover .drop-down-btn,
.nav-bar:not(.nav-bar-bg) .drop-down-btn:hover {
  color: var(--sc-mint) !important;
}

.nav-bar:not(.nav-bar-bg) .nav-bar-menu-btn i,
.nav-bar:not(.nav-bar-bg) .drop-down-btn i {
  color: #cfe6da;
}

.nav-bar:not(.nav-bar-bg) .btn-outline-light {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .05);
}

.nav-bar:not(.nav-bar-bg) .btn-outline-light:hover {
  color: #04120b;
  border-color: var(--sc-mint);
  background: var(--sc-mint);
}

.sc-nav-main .sc-nav-search {
  background: rgba(255, 255, 255, .07) !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

.sc-nav-main .sc-nav-search-input {
  color: #eaf3ee;
}

.sc-nav-main .sc-nav-search-input::placeholder {
  color: #c4b5fd;
  opacity: 0.9;
}

.sc-nav-main .sc-nav-search-cat {
  background: rgba(255, 255, 255, .06);
  border-right-color: rgba(167, 139, 250, .25);
  color: #f1f5f9;
}

.sc-nav-main .sc-nav-search-btn {
  background: linear-gradient(135deg, #7c3aed, #5b21b6);
  color: #ffffff;
}

.sc-nav-main .sc-nav-search-btn:hover {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: #ffffff;
}

.item-badge.item-badge-premium {
  background: linear-gradient(100deg, var(--sc-gold), var(--sc-gold-hi)) !important;
  background-color: var(--sc-gold) !important;
  color: #231705 !important;
  box-shadow: 0 4px 14px rgba(230, 169, 46, .3);
}

.item-badge.item-badge-premium .item-badge-text,
.item-badge.item-badge-premium i {
  color: #231705 !important;
}

.sc-promo-dark,
.sc-cat-banner-dark {
  background: radial-gradient(120% 120% at 20% 10%, var(--primary_dark), var(--sc-ink)) !important;
  border-color: transparent !important;
}

.sc-cat-banner-dark .sc-cat-banner-link {
  color: var(--sc-mint);
}

.sc-cat-banner-light .sc-cat-banner-icon {
  background: linear-gradient(135deg, var(--sc-gold), var(--sc-gold-hi)) !important;
  color: #231705;
}

.sc-cat-banner-light .sc-cat-banner-link {
  color: var(--sc-moss);
}

.sc-utility-bar {
  background: var(--sc-ink) !important;
  border-bottom: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .14);
  color: #ffffff !important;
}

.sc-utility-left span,
.sc-utility-left i,
.sc-utility-right a,
.sc-utility-right i {
  color: #eaf3ee !important;
}

.sc-utility-right a:hover {
  color: var(--sc-mint) !important;
}

.item-ratings {
  font-family: var(--sc-mono);
  letter-spacing: .02em;
}

.item-price-number {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.item-price-through {
  font-variant-numeric: tabular-nums;
}

.sc-foot {
  background: var(--sc-ink) center / cover no-repeat !important;
}

.nav-bar:not(.nav-bar-bg) .btn.btn-outline-primary {
  color: #eaf3ee !important;
  border-color: rgba(255, 255, 255, .28) !important;
  background: transparent !important;
}

.nav-bar:not(.nav-bar-bg) .btn.btn-outline-primary:hover {
  color: #04120b !important;
  background: var(--sc-mint) !important;
  border-color: var(--sc-mint) !important;
}

.nav-bar:not(.nav-bar-bg) .user-menu a.user-name,
.nav-bar:not(.nav-bar-bg) .user-menu .drop-down-btn,
.nav-bar:not(.nav-bar-bg) .user-menu .drop-down-btn i {
  color: #eaf3ee !important;
}

.nav-bar:not(.nav-bar-bg) .user-menu a.user-name:hover,
.nav-bar:not(.nav-bar-bg) .drop-down.user-menu:hover a.user-name,
.nav-bar:not(.nav-bar-bg) .drop-down.user-menu:hover .drop-down-btn {
  color: var(--sc-mint) !important;
}

.sc-hok-collage-wolf {
  background: radial-gradient(120% 120% at 30% 20%, #eaf6ee 0%, #dcefe2 100%) !important;
  padding: 14%;
  position: relative;
}

.sc-hok-collage-wolf svg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  animation: sc-collage-wolf-float 5.5s ease-in-out infinite, sc-wolf-glow 1.6s ease-in-out infinite;
}

@keyframes sc-wolf-glow {

  0%,
  100% {
    filter: drop-shadow(0 8px 16px rgba(var(--primary_rgb, 14, 90, 60), .22)) drop-shadow(0 0 4px rgba(245, 196, 81, .35));
  }

  50% {
    filter: drop-shadow(0 8px 16px rgba(var(--primary_rgb, 14, 90, 60), .22)) drop-shadow(0 0 22px rgba(245, 196, 81, 1));
  }
}

@keyframes sc-collage-wolf-float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-hok-collage-wolf svg {
    animation: sc-wolf-glow 1.6s ease-in-out infinite !important;
  }
}

.sc-foot-main {
  background: var(--sc-ink) !important;
}

.sc-foot-bottom-wrap {
  background-color: var(--sc-ink) !important;
}

.sc-hero-grad-ink {
  background: linear-gradient(100deg, var(--sc-forest), var(--sc-moss));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sc-hok-hero-title:has(.sc-hero-grad-ink) {
  font-weight: 850;
  letter-spacing: -.045em;
  line-height: 1.05;
  font-size: 2.5rem !important;
  margin-bottom: 22px;
}

.sc-hok-hero-title .sc-hero-dot {
  color: var(--heading_color);
}

.sc-hok-hero-left .sc-hok-hero-text {
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  line-height: 1.65;
}

.sc-hero-eyebrow-lite .sc-hero-eyebrow-wolf {
  width: 22px;
  height: 22px;
  margin-inline-end: 2px;
}

.sc-hero-eyebrow-lite .sc-mono-label {
  font-size: .72rem;
  color: var(--heading_color);
}

.sc-hero-slogan-lite {
  display: block;
  margin-top: 8px;
  color: var(--sc-forest);
  font-family: var(--sc-mono);
  font-size: .9rem;
  letter-spacing: .04em;
  font-weight: 600;
}

.sc-hero-ghost {
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  width: clamp(240px, 30vw, 420px);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.sc-hero-ghost svg {
  width: 76%;
  opacity: .10;
  filter: saturate(.7);
}

.sc-hero-ghost-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px dashed rgba(var(--primary_rgb, 14, 90, 60), .16);
  background: radial-gradient(circle, rgba(var(--primary_rgb, 14, 90, 60), .08), transparent 68%);
}

@media (max-width: 991px) {
  .sc-hero-ghost {
    display: none;
  }
}

html {
  overflow-x: hidden;
  overflow-x: clip;
}

@media (max-width: 991.98px) {
  .sc-hok-hero-right {
    display: none !important;
  }
}

.sc-foot-parent {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-inline-start: auto;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  color: #cfe0d7;
  transition: border-color .2s ease, color .2s ease;
}

.sc-foot-parent:hover {
  border-color: var(--sc-mint);
  color: #fff;
}

.sc-foot-parent-wolf {
  width: 22px;
  height: 22px;
  color: var(--sc-gold);
  flex-shrink: 0;
}

.sc-foot-parent-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.sc-foot-parent-lead {
  font-family: var(--sc-mono);
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8fa79b;
}

.sc-foot-parent-text strong {
  font-size: .9rem;
  font-weight: 750;
  color: var(--sc-gold);
}

@media (max-width: 767.98px) {
  .sc-foot-parent {
    margin-inline-start: 0;
  }
}

.sc-bot-toggle:not(.is-open) {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(150deg, var(--sc-moss, var(--primary_hover)), var(--sc-forest));
  box-shadow: 0 12px 30px rgba(var(--primary_rgb, 14, 90, 60), .42);
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 2px solid rgba(230, 169, 46, .5);
}

.sc-bot-toggle:not(.is-open):hover {
  transform: scale(1.06);
}

.sc-bot-toggle:not(.is-open) .sc-bot-mascot {
  width: 40px !important;
  height: 40px !important;
  transform: none !important;
  color: #fff;
}

.sc-auth-brand-mark {
  background: rgba(255, 255, 255, .16);
}

.sc-auth-brand-wolf {
  width: 24px;
  height: 24px;
  color: #fff;
}

@keyframes sc-bot-wag {

  0%,
  86%,
  100% {
    transform: rotate(0deg);
  }

  89% {
    transform: rotate(-9deg);
  }

  92% {
    transform: rotate(9deg);
  }

  95% {
    transform: rotate(-6deg);
  }

  98% {
    transform: rotate(3deg);
  }
}

.sc-bot-toggle:not(.is-open) .sc-bot-mascot {
  transform-origin: 50% 72%;
  animation: sc-bot-wag 4.5s ease-in-out infinite;
}

.sc-bot-toggle:hover:not(.is-open) .sc-bot-mascot {
  animation-duration: 1.1s;
}

@keyframes sc-bot-pulse {
  0% {
    box-shadow: 0 8px 22px rgba(10, 60, 41, .35), 0 0 0 0 rgba(37, 194, 129, .45);
  }

  70% {
    box-shadow: 0 8px 22px rgba(10, 60, 41, .35), 0 0 0 12px rgba(37, 194, 129, 0);
  }

  100% {
    box-shadow: 0 8px 22px rgba(10, 60, 41, .35), 0 0 0 0 rgba(37, 194, 129, 0);
  }
}

.sc-bot-toggle:not(.is-open) {
  animation: sc-bot-pulse 3s ease-out infinite;
}

.sc-bot-toggle:hover:not(.is-open) {
  animation: none;
}

.sc-bot-greet {
  position: absolute;
  bottom: calc(100% + 14px);
  right: 0;
  transform: translateY(8px) scale(.92);
  transform-origin: bottom right;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  background: #ffffff;
  color: #14201a;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 12px 10px 15px;
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(10, 60, 41, .22);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .10);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s cubic-bezier(.2, .9, .3, 1.2);
  z-index: 1;
}

.sc-bot-greet::after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 22px;
  width: 12px;
  height: 12px;
  background: #ffffff;
  border-right: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .10);
  border-bottom: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .10);
  transform: rotate(45deg);
}

.sc-bot-greet.is-show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.sc-bot-greet-text {
  cursor: pointer;
}

.sc-bot-greet-x {
  border: 0;
  background: rgba(var(--primary_rgb, 14, 90, 60), .07);
  color: #5d6a63;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  cursor: pointer;
  flex: 0 0 20px;
}

.sc-bot-greet-x:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), .14);
  color: #14201a;
}

@media (max-width: 575.98px) {
  .sc-bot-greet {
    display: none;
  }
}

.nav-bar-bg .drop-down-menu {
  background: var(--primary_color) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: none !important;
}

.nav-bar-bg .drop-down-menu .drop-down-item,
.nav-bar-bg .drop-down-menu .drop-down-item span,
.nav-bar-bg .drop-down-menu a {
  color: #ffffff !important;
}

.nav-bar-bg .drop-down-menu .drop-down-item {
  border-radius: 8px;
  transition: background .15s ease, color .15s ease, padding-left .15s ease;
}

.nav-bar-bg .drop-down-menu .drop-down-item:hover,
.nav-bar-bg .drop-down-menu .drop-down-item.active {
  background: rgba(var(--primary_rgb, 14, 90, 60), .16) !important;
  padding-left: 18px;
}

.nav-bar-bg .drop-down-menu .drop-down-item:hover span,
.nav-bar-bg .drop-down-menu .drop-down-item:hover,
.nav-bar-bg .drop-down-menu .drop-down-item.active span {
  color: #ffffff !important;
}

.nav-bar-bg .drop-down-menu hr,
.nav-bar-bg .drop-down-menu .drop-down-divider {
  border-color: rgba(255, 255, 255, .10) !important;
}

.nav-bar-bg .nav-bar-links>.link,
.nav-bar-bg .nav-bar-links>.drop-down {
  transition: all .2s ease;
}

.nav-bar-bg .nav-bar-links>.link:hover,
.nav-bar-bg .nav-bar-links>.drop-down:hover {
  transform: none !important;
}

.nav-bar-bg .nav-bar-links .link:hover .link-title,
.nav-bar-bg .nav-bar-links .link:hover .link-title span,
.nav-bar-bg .drop-down:hover>.drop-down-btn,
.nav-bar-bg .drop-down:hover>.drop-down-btn span {
  color: var(--sc-mint) !important;
}

.nav-bar,
.nav-bar:not(.nav-bar-bg),
.nav-bar.nav-bar-bg {
  box-shadow: none !important;
}

.section-title-text,
.sc-section-title,
.sc-rec-title {
  font-size: clamp(1.45rem, 2.4vw, 1.72rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  color: var(--heading_color) !important;
  line-height: 1.2;
}

.section-title-divider,
.sc-section-title::after,
.sc-rec-title::after {
  content: "";
  display: block;
  width: 58px;
  height: 4px;
  margin: 13px auto 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%) !important;
}

.section-header:not(.text-center) .sc-section-title::after,
.sc-find .sc-section-title::after {
  margin-left: 0;
  margin-right: auto;
}

.sc-empty {
  text-align: center;
  padding: 46px 20px;
}

.sc-empty-wolf {
  width: 104px;
  height: 104px;
  opacity: .92;
  margin-bottom: 14px;
  filter: drop-shadow(0 10px 20px rgba(var(--primary_rgb, 14, 90, 60), .14));
}

.sc-empty-title {
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--heading_color);
  margin: 0 0 6px;
}

.sc-empty-text {
  color: var(--text_muted);
  max-width: 44ch;
  margin: 0 auto 18px;
  font-size: .95rem;
  line-height: 1.6;
}

.sc-empty-cta {
  margin-top: 4px;
}

.sc-ws-logo {
  display: inline-flex;
  align-items: center;
}

.sc-ws-logo img {
  min-height: 40px;
  height: 40px;
  width: auto;
  display: block;
  object-fit: contain;
}

.error-card {
  text-align: center;
  padding: 30px 20px 40px;
}

.sc-err-wolf {
  width: 148px;
  height: 148px;
  display: block;
  margin: 6px auto 2px;
  filter: drop-shadow(0 14px 26px rgba(var(--primary_rgb, 14, 90, 60), .18));
}

.error-code.sc-err-code {
  font-size: clamp(3.4rem, 11vw, 5.6rem);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: .95;
  margin: 2px 0 4px;
  background: linear-gradient(100deg, var(--sc-ink) 0%, var(--primary_color) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.error-card .error-title {
  font-weight: 750;
  letter-spacing: -.02em;
  margin: 0 0 8px;
}

.error-card .error-message {
  color: var(--text_muted);
  line-height: 1.6;
  margin: 0 auto 22px;
  max-width: 48ch;
}

.spinner-border {
  color: var(--primary_color) !important;
}

.spinner-grow {
  color: var(--primary_color) !important;
}

.sc-wolf-spin {
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 3px solid rgba(var(--primary_rgb, 14, 90, 60), .14);
  border-top-color: var(--primary_color);
  border-right-color: #25c281;
  animation: sc-spin .8s linear infinite;
}

.sc-ws-loading {
  position: relative;
}

.sc-ws-loading::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 3px solid rgba(var(--primary_rgb, 14, 90, 60), .14);
  border-top-color: var(--primary_color);
  border-right-color: #25c281;
  animation: sc-spin .8s linear infinite;
  z-index: 5;
}

@media (max-width: 1199.98px) {

  /* Strictly hide the 2nd row (green navbar) on mobile so header is only 1 row */
  .nav-bar.nav-bar-sm.nav-bar-bg {
    display: none !important;
  }

  .nav-bar-menu-inner,
  .nav-bar-bg .nav-bar-menu-inner {
    background: #ffffff !important;
  }

  .nav-bar-menu-inner .nav-bar-links .link .link-title,
  .nav-bar-menu-inner .nav-bar-links .link .link-title span,
  .nav-bar-menu-inner .drop-down-btn,
  .nav-bar-menu-inner .drop-down-btn span,
  .nav-bar-menu-inner .drop-down-item,
  .nav-bar-menu-inner .drop-down-item span,
  .nav-bar-menu-inner a {
    color: #14201a !important;
  }

  .nav-bar-menu-inner .drop-down-menu {
    background: #ffffff !important;
    background-image: none !important;
    border-color: rgba(0, 0, 0, .08) !important;
    box-shadow: none !important;
  }

  .nav-bar-menu-inner .drop-down-menu .drop-down-item:hover,
  .nav-bar-menu-inner .drop-down-menu .drop-down-item.active {
    background: rgba(124, 77, 255, 0.08) !important;
  }

  .nav-bar-menu-inner .drop-down-menu .drop-down-item:hover,
  .nav-bar-menu-inner .drop-down-menu .drop-down-item:hover span {
    color: var(--primary_color) !important;
  }

  .nav-bar-menu-btn i {
    color: #ffffff !important;
  }
}

@media (max-width: 1199.98px) {
  .nav-bar-menu-inner {
    padding: 16px 14px 28px !important;
  }

  .nav-bar-menu-inner .nav-bar-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    width: 100% !important;
  }

  .nav-bar-menu-inner .nav-bar-links>.link,
  .nav-bar-menu-inner .nav-bar-links>.drop-down>.drop-down-btn {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    margin: 1px 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background .15s ease, color .15s ease !important;
  }

  .nav-bar-menu-inner .nav-bar-links>.link:hover,
  .nav-bar-menu-inner .nav-bar-links>.drop-down>.drop-down-btn:hover {
    background: #f6f3ff !important;
  }

  .nav-bar-menu-inner .nav-bar-links>.link.active,
  .nav-bar-menu-inner .nav-bar-links>.drop-down.active>.drop-down-btn,
  .nav-bar-menu-inner .nav-bar-links>.drop-down.show>.drop-down-btn {
    background: #ede8ff !important;
  }

  .nav-bar-menu-inner .nav-bar-links>.link.active .link-title,
  .nav-bar-menu-inner .nav-bar-links>.link.active .link-title span,
  .nav-bar-menu-inner .nav-bar-links>.link.active .nav-bar-ico,
  .nav-bar-menu-inner .nav-bar-links>.drop-down.active .drop-down-parent-link span,
  .nav-bar-menu-inner .nav-bar-links>.drop-down.show .drop-down-parent-link span {
    color: var(--primary_color) !important;
    font-weight: 600 !important;
  }

  .nav-bar-menu-inner .nav-bar-links>.link::after,
  .nav-bar-menu-inner .nav-bar-links>.link.active::after {
    display: none !important;
    content: none !important;
  }

  .nav-bar-menu-inner .link-title,
  .nav-bar-menu-inner .drop-down-parent-link {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
  }

  .nav-bar-menu-inner .link-title span,
  .nav-bar-menu-inner .drop-down-btn>.drop-down-parent-link span {
    font-weight: 600;
    font-size: 15px;
  }

  .nav-bar-menu-inner .nav-bar-ico {
    width: 22px;
    text-align: center;
    font-size: 15px;
    color: var(--sc-gold, #e6a92e) !important;
    margin-inline-end: 12px !important;
  }

  .nav-bar-menu-inner .drop-down-caret {
    color: #9aa6a0;
    font-size: 13px;
    transition: transform .2s ease;
  }

  .nav-bar-menu-inner .drop-down.show .drop-down-caret {
    transform: rotate(180deg);
  }

  .nav-bar-menu-inner .drop-down-menu {
    padding: 2px 0 6px 34px !important;
    margin: 0 !important;
  }

  .nav-bar-menu-inner .drop-down-menu .drop-down-item {
    padding: 9px 12px !important;
    border-radius: 10px;
    font-size: 14px;
  }

  .nav-bar-menu-inner .nav-bar-links-title,
  .nav-bar-menu-inner .nav-bar-heading {
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #9aa6a0;
    font-weight: 700;
    padding: 14px 14px 6px;
  }
}

@media (max-width: 1199.98px) {

  .nav-bar-menu-inner .nav-bar-links>.drop-down,
  .nav-bar-menu-inner .nav-bar-links>.link {
    margin-bottom: 0 !important;
  }

  .nav-bar-menu-inner .drop-down:not(.show) .drop-down-menu {
    padding: 0 !important;
  }
}

@media (min-width: 1200px) {
  .nav-bar-menu {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {

  /* Full screen backdrop container */
  .nav-bar-menu {
    visibility: hidden;
    opacity: 0;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease !important;
  }

  .nav-bar-menu.show {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .nav-bar-menu .overlay {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    cursor: pointer;
  }

  /* Right-side slide-over sidebar drawer */
  .nav-bar-menu .nav-bar-menu-inner {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 320px !important;
    max-width: 86vw !important;
    height: 100% !important;
    height: 100dvh !important;
    border-radius: 0 !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.25) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    padding: 20px 18px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translateX(100%) !important;
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 100000 !important;
  }

  .nav-bar-menu.show .nav-bar-menu-inner {
    transform: translateX(0) !important;
  }

  /* Offset for WordPress admin bar when logged in as admin */
  body.admin-bar .nav-bar-menu .nav-bar-menu-inner {
    top: 46px !important;
    height: calc(100% - 46px) !important;
    height: calc(100dvh - 46px) !important;
  }

  /* Drawer Header */
  .nav-bar-menu .nav-bar-menu-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #edf2ef !important;
    flex-shrink: 0;
  }

  .nav-bar-menu .nav-bar-menu-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #14201a !important;
    letter-spacing: 0.2px;
  }

  .nav-bar-menu .nav-bar-menu-close {
    cursor: pointer;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f4f0ff;
    color: #4b328a;
    border: none;
    font-size: 14px;
    transition: all 0.2s ease;
  }

  .nav-bar-menu .nav-bar-menu-close:hover {
    background: #ede8ff;
    color: var(--primary_color);
    transform: rotate(90deg);
  }

  .sc-drawer-user-box {
    background: #faf8ff !important;
    border: 1px solid #ede8fa !important;
    border-radius: 14px !important;
    padding: 14px !important;
    margin-bottom: 16px !important;
    flex-shrink: 0;
  }

  .nav-bar-menu-inner .nav-bar-links a span,
  .nav-bar-menu-inner .nav-bar-links .drop-down-btn span,
  .nav-bar-menu-inner .nav-bar-links .link .link-title span {
    color: #1e1b4b !important;
  }

  .nav-bar-menu-inner .nav-bar-links>.link.active .link-title span,
  .nav-bar-menu-inner .nav-bar-links>.link.current .link-title span,
  .nav-bar-menu-inner .nav-bar-links>.drop-down.active .drop-down-parent-link span,
  .nav-bar-menu-inner .nav-bar-links>.drop-down.current .drop-down-parent-link span,
  .nav-bar-menu-inner .nav-bar-links>.drop-down.show .drop-down-parent-link span {
    color: var(--primary_color) !important;
  }
}

.sc-drawer-signin {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 2px 12px 10px;
  padding: 13px 16px;
  background: linear-gradient(135deg, var(--primary_color), var(--primary_hover));
  color: #fff !important;
  border-radius: 14px;
  font-weight: 700;
  font-size: 15px;
  box-shadow: 0 8px 20px -8px rgba(96, 56, 187, .45);
  text-decoration: none;
  transition: filter .15s ease;
}

.sc-drawer-signin:hover {
  color: #fff !important;
  filter: brightness(1.06);
}

.sc-drawer-signin svg {
  width: 22px;
  height: 22px;
  color: #fff;
  flex: 0 0 auto;
}

.nav-bar-menu-inner a.sc-drawer-signin,
.nav-bar-menu-inner a.sc-drawer-signin span,
.nav-bar-bg .nav-bar-menu-inner a.sc-drawer-signin,
.nav-bar-bg .nav-bar-menu-inner a.sc-drawer-signin span {
  color: #ffffff !important;
}


.sc-item-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 12.5px;
  min-width: 0;
}

.sc-item-author {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text_muted);
  font-weight: 500;
  text-decoration: none;
  min-width: 0;
}

.sc-item-author span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-item-author:hover {
  color: var(--primary_color);
}

.sc-item-author-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 22px;
  background: #eef1f0;
}

.sc-item-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--border_color);
  flex: 0 0 3px;
}

.sc-item-rate {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #b8860b;
  font-weight: 600;
  flex: 0 0 auto;
}

.sc-item-rate i {
  font-size: 12px;
}

.sc-item-cat {
  margin-inline-start: auto;
  font-size: 11px;
  font-weight: 600;
  color: var(--primary_color);
  background: #eaf5ee;
  padding: 3px 10px;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  flex: 0 0 auto;
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sc-item-cat:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
}

.item .item-header .item-badge.item-badge-premium {
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  right: auto !important;
  inset-inline-end: auto !important;
  height: auto;
  min-width: 0;
  padding: 5px 12px 5px 10px !important;
  border-radius: 0 999px 999px 0 !important;
  gap: 5px;
  font-size: 11.5px;
  z-index: 3;
}

.item-price-number {
  color: var(--primary_color);
}

.item-purchase .btn-padding {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.home-category.sc-cat-pastel {
  border: 1px solid transparent;
  box-shadow: none;
}

.home-category.sc-cat-pastel:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 0, 0, .05);
  box-shadow: 0 14px 28px -16px rgba(10, 60, 41, .28);
}

.home-category.sc-cat-pastel .home-category-img {
  background: rgba(255, 255, 255, .72);
}

.home-category-img i {
  font-size: 26px;
  line-height: 1;
}

.sc-fauthor-card {
  position: relative;
  overflow: hidden;
}

.sc-fauthor-wolf {
  position: absolute;
  right: 36px;
  top: 20px;
  width: 230px;
  height: 230px;
  opacity: .06;
  pointer-events: none;
  z-index: 0;
}

.sc-fauthor-card>*:not(.sc-fauthor-wolf) {
  position: relative;
  z-index: 1;
}

@media (max-width: 1199.98px) {
  .sc-fauthor-wolf {
    width: 170px;
    height: 170px;
    right: 16px;
    top: 16px;
  }
}

.item-body .sc-item-meta {
  margin-bottom: 2px;
}

.item-body .item-purchase {
  margin-top: 8px;
  padding-top: 8px;
}

.sc-preview-wolf {
  display: block;
  width: 118px;
  height: 118px;
  margin: 26px auto 0;
  opacity: .9;
  filter: drop-shadow(0 10px 20px rgba(var(--primary_rgb, 14, 90, 60), .16));
}

.custom-tabs-item {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}

.custom-tabs-item .sc-tab-ico {
  margin-right: 8px;
  font-size: 13px;
  color: var(--sc-gold, #e6a92e);
}

.custom-tabs-item:hover .sc-tab-ico {
  color: var(--sc-gold-hi, #f5c451);
}

.custom-tabs-item.active {
  background: var(--primary_color) !important;
  border-color: var(--primary_color) !important;
  color: #fff !important;
}

.custom-tabs-item.active .sc-tab-ico {
  color: #f5c451 !important;
}

.sc-btn-wolf {
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  margin-right: 8px;
  color: inherit;
  flex: 0 0 auto;
}

.user-menu .drop-down-menu {
  min-width: 258px;
  max-width: 300px;
  padding: 8px;
  border-radius: 18px;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .08);
  box-shadow: 0 22px 50px -14px rgba(10, 60, 41, .24), 0 4px 12px rgba(0, 0, 0, .06);
  max-height: min(86vh, 640px);
  overflow-y: auto;
  scrollbar-width: none;
}

.user-menu .drop-down-menu::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.user-menu .drop-down-menu .drop-down-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px !important;
  border-radius: 12px !important;
  border-bottom: 0 !important;
  font-weight: 500;
  font-size: 14.5px;
  color: #1f2937;
  transition: background .14s ease, color .14s ease, padding-left .14s ease;
}

.user-menu .drop-down-menu .drop-down-item i {
  width: 20px;
  text-align: center;
  font-size: 15px;
  color: #6b7280;
  transition: color .14s ease;
}

.user-menu .drop-down-menu .drop-down-item:hover,
.user-menu .drop-down-menu .drop-down-item.active {
  background-color: #eef6f0 !important;
  color: var(--primary_color) !important;
  padding-left: 18px !important;
}

.user-menu .drop-down-menu .drop-down-item:hover i,
.user-menu .drop-down-menu .drop-down-item.active i {
  color: var(--primary_color) !important;
}

.user-menu .drop-down-menu .drop-down-divider {
  height: 1px;
  background: rgba(15, 23, 42, .08);
  margin: 6px 6px;
  border: 0;
}

.user-menu .sc-um-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px 12px;
}

.user-menu .sc-um-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #eef6f0;
  flex-shrink: 0;
}

.user-menu .sc-um-id {
  flex: 1;
  min-width: 0;
}

.user-menu .sc-um-logout {
  flex-shrink: 0;
  align-self: flex-start;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #dc2626;
  background: #fef2f2;
  transition: background .14s ease, color .14s ease;
}

.user-menu .sc-um-logout i {
  font-size: 15px;
}

.user-menu .sc-um-logout:hover {
  background: #dc2626;
  color: #fff;
}

.user-menu .sc-um-id strong {
  display: block;
  font-size: 15px;
  color: #1f2937;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-menu .sc-um-id span {
  display: block;
  font-size: 12.5px;
  color: #7a8794;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-menu .sc-um-quick {
  display: flex;
  gap: 6px;
  padding: 0 6px 4px;
}

.user-menu .sc-um-quick-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 12px;
  color: #55606c;
  background: #f3f5f7;
  transition: background .14s ease, color .14s ease, transform .14s ease;
}

.user-menu .sc-um-quick-btn i {
  font-size: 16px;
}

.user-menu .sc-um-quick-btn:hover {
  background: #eef6f0;
  color: var(--primary_color);
  transform: translateY(-1px);
}

.user-menu {
  position: relative;
}

.sc-greet-bubble {
  position: absolute;
  bottom: calc(100% + 12px);
  right: 0;
  background: #fff;
  border-radius: 14px;
  padding: 11px 40px 11px 15px;
  box-shadow: 0 12px 30px -8px rgba(10, 60, 41, .28), 0 3px 10px rgba(0, 0, 0, .08);
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.2;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
  z-index: 1200;
}

.sc-greet-bubble.is-shown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.sc-greet-bubble::before {
  content: '';
  position: absolute;
  bottom: -6px;
  right: 22px;
  width: 14px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  border-radius: 3px;
}

.sc-greet-text {
  color: #1f2937;
}

.sc-greet-close {
  position: absolute;
  top: 8px;
  right: 9px;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 50%;
  background: #f1f3f5;
  color: #6b7280;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sc-greet-close:hover {
  background: #e5e7eb;
  color: #374151;
}

@media (max-width: 991.98px) {
  .sc-greet-bubble {
    top: calc(100% + 12px);
    bottom: auto;
    transform: translateY(-6px);
  }

  .sc-greet-bubble.is-shown {
    transform: translateY(0);
  }

  .sc-greet-bubble::before {
    top: -6px;
    bottom: auto;
  }
}

@media (max-width: 575.98px) {
  .sc-greet-bubble {
    right: 4px;
    font-size: 13px;
    max-width: 78vw;
    white-space: normal;
  }
}

.user-menu .drop-down-menu .drop-down-item.text-danger {
  color: #dc2626 !important;
}

.user-menu .drop-down-menu .drop-down-item.text-danger i {
  color: #dc2626 !important;
}

.user-menu .drop-down-menu .drop-down-item.text-danger:hover {
  background-color: #fdecec !important;
  color: #dc2626 !important;
}

.user-menu .drop-down-menu .drop-down-item.text-danger:hover i {
  color: #dc2626 !important;
}

.user-menu .drop-down-menu .drop-down-divider {
  margin: 8px 6px;
  border-top: 1px solid #eef0f2;
  opacity: 1;
}

/* Google Fonts provides lightweight woff2 for Poppins */

:root {
  --sc-display: 'Poppins', var(--sc-font);
}

.section-title,
.section-title-text,
.sc-section-title,
.header-title,
.sc-hok-hero-title,
.sc-c2-heading,
.sc-qpromo-title,
.sc-lh-title {
  font-family: var(--sc-display) !important;
}

.section-title,
.section-title-text,
.sc-section-title,
.header-title,
.sc-c2-heading,
.sc-qpromo-title,
.sc-lh-title {
  letter-spacing: -0.02em;
}

.sc-hok-hero-title {
  letter-spacing: -0.03em;
}

.section {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

@media (max-width: 767.98px) {
  .section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}

.sc-section-bg {
  background: transparent;
}

.sc-section-bg>.container-custom {
  background-color: var(--background_color, #ffffff);
  background-image: radial-gradient(130% 120% at 88% -14%, rgba(var(--primary_rgb, 14, 90, 60), 0.06), transparent 55%);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.12);
  border-radius: 20px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 575.98px) {
  .sc-section-bg>.container-custom {
    padding: 28px 18px;
    border-radius: 16px;
  }
}

.sc-section-bg .sc-overline {
  color: #a8760f;
}

.sc-section-bg .sc-section-title::after,
.sc-section-bg .sc-rec-title::after,
.sc-section-bg .section-title-divider {
  background: linear-gradient(135deg, #c2870f 0%, #e6a92e 100%) !important;
}

.sc-overline::before {
  content: "";
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  margin-right: .45em;
  vertical-align: -0.24em;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Cpolygon%20points%3D%2720%2C14%2040%2C32%2018%2C38%27%20fill%3D%27%230e5a3c%27%2F%3E%3Cpolygon%20points%3D%2780%2C14%2060%2C32%2082%2C38%27%20fill%3D%27%230e5a3c%27%2F%3E%3Cpolygon%20points%3D%2718%2C38%2050%2C24%2082%2C38%2076%2C70%2050%2C82%2024%2C70%27%20fill%3D%27%230e5a3c%27%2F%3E%3Cpolygon%20points%3D%2740%2C56%2060%2C56%2055%2C78%2045%2C78%27%20fill%3D%27%23eef6f0%27%2F%3E%3Cpolygon%20points%3D%2746%2C77%2054%2C77%2050%2C86%27%20fill%3D%27%230a3d29%27%2F%3E%3Cpolygon%20points%3D%2732%2C46%2044%2C44%2040%2C53%27%20fill%3D%27%23e6a92e%27%2F%3E%3Cpolygon%20points%3D%2768%2C46%2056%2C44%2060%2C53%27%20fill%3D%27%23e6a92e%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.section-title-text::before,
.sc-rec-title::before {
  content: "";
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  margin-right: .1em;
  vertical-align: -0.2em;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Cpolygon%20points%3D%2720%2C14%2040%2C32%2018%2C38%27%20fill%3D%27%230e5a3c%27%2F%3E%3Cpolygon%20points%3D%2780%2C14%2060%2C32%2082%2C38%27%20fill%3D%27%230e5a3c%27%2F%3E%3Cpolygon%20points%3D%2718%2C38%2050%2C24%2082%2C38%2076%2C70%2050%2C82%2024%2C70%27%20fill%3D%27%230e5a3c%27%2F%3E%3Cpolygon%20points%3D%2740%2C56%2060%2C56%2055%2C78%2045%2C78%27%20fill%3D%27%23eef6f0%27%2F%3E%3Cpolygon%20points%3D%2746%2C77%2054%2C77%2050%2C86%27%20fill%3D%27%230a3d29%27%2F%3E%3Cpolygon%20points%3D%2732%2C46%2044%2C44%2040%2C53%27%20fill%3D%27%23e6a92e%27%2F%3E%3Cpolygon%20points%3D%2768%2C46%2056%2C44%2060%2C53%27%20fill%3D%27%23e6a92e%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.sc-section-bg .sc-overline::before,
.sc-section-bg .section-title-text::before,
.sc-section-bg .sc-rec-title::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Cpolygon%20points%3D%2720%2C14%2040%2C32%2018%2C38%27%20fill%3D%27%23a8760f%27%2F%3E%3Cpolygon%20points%3D%2780%2C14%2060%2C32%2082%2C38%27%20fill%3D%27%23a8760f%27%2F%3E%3Cpolygon%20points%3D%2718%2C38%2050%2C24%2082%2C38%2076%2C70%2050%2C82%2024%2C70%27%20fill%3D%27%23a8760f%27%2F%3E%3Cpolygon%20points%3D%2740%2C56%2060%2C56%2055%2C78%2045%2C78%27%20fill%3D%27%23fff7e8%27%2F%3E%3Cpolygon%20points%3D%2746%2C77%2054%2C77%2050%2C86%27%20fill%3D%27%234a1b0c%27%2F%3E%3Cpolygon%20points%3D%2732%2C46%2044%2C44%2040%2C53%27%20fill%3D%27%230e5a3c%27%2F%3E%3Cpolygon%20points%3D%2768%2C46%2056%2C44%2060%2C53%27%20fill%3D%27%230e5a3c%27%2F%3E%3C%2Fsvg%3E");
}

.sc-foot-top {
  overflow: visible;
}

.sc-foot-top-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  pointer-events: none;
}

.sc-foot-top-track {
  fill: none;
  stroke: rgba(255, 255, 255, 0.22);
  stroke-width: 2.5;
}

.sc-foot-top-bar {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2.5;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.12s linear;
}

.sc-foot-top i {
  position: relative;
  z-index: 1;
}

.sc-acc {
  display: flex;
  gap: 12px;
  height: 430px;
}

.sc-acc-p {
  position: relative;
  flex: 1;
  min-width: 0;
  border-radius: 22px;
  overflow: hidden;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  transition: flex .5s cubic-bezier(.4, 0, .2, 1);
}

.sc-acc-p:hover {
  flex: 3.2;
  text-decoration: none;
}

.sc-acc:not(:hover) .sc-acc-p:first-child {
  flex: 3.2;
}

.sc-acc:not(:has(.sc-acc-p:hover)) .sc-acc-p:first-child {
  flex: 3.2;
}

.sc-acc-green,
.sc-acc-green:hover,
.sc-acc-green:focus {
  background: linear-gradient(150deg, var(--primary_color), var(--primary_dark));
  color: #fff !important;
}

.sc-acc-dark,
.sc-acc-dark:hover,
.sc-acc-dark:focus {
  background: linear-gradient(150deg, #111111, #232323);
  color: #fff !important;
}

.sc-acc-gold,
.sc-acc-gold:hover,
.sc-acc-gold:focus {
  background: linear-gradient(150deg, var(--sc-gold-hi), var(--sc-gold));
  color: #3a2a04 !important;
}

.sc-acc-p .sc-acc-title,
.sc-acc-p .sc-acc-badge,
.sc-acc-p .sc-acc-chk b,
.sc-acc-p .sc-acc-chk small,
.sc-acc-p .sc-acc-text {
  color: inherit !important;
}

.sc-acc-wolf {
  position: absolute;
  right: -40px;
  bottom: -46px;
  width: 300px;
  height: 300px;
  opacity: .1;
  pointer-events: none;
  transition: opacity .4s ease, transform .5s ease;
  transform: rotate(-6deg);
}

.sc-acc-green .sc-acc-wolf {
  color: var(--sc-mint);
}

.sc-acc-dark .sc-acc-wolf {
  color: var(--sc-gold);
}

.sc-acc-gold .sc-acc-wolf {
  color: #5c3f04;
}

.sc-acc-p:hover .sc-acc-wolf,
.sc-acc:not(:hover) .sc-acc-p:first-child .sc-acc-wolf,
.sc-acc:not(:has(.sc-acc-p:hover)) .sc-acc-p:first-child .sc-acc-wolf {
  opacity: .16;
  transform: rotate(0deg) scale(1.05);
}

.sc-acc-ic {
  position: absolute;
  top: 24px;
  left: 28px;
  font-size: 26px;
  color: var(--sc-gold-hi);
}

.sc-acc-badge {
  display: inline-flex;
  width: fit-content;
  border: 1.5px solid currentColor;
  font-size: .74rem;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.sc-acc-title {
  font-size: 1.35rem;
  font-weight: 800;
  color: inherit;
  margin: 0 0 4px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sc-acc-full {
  display: block;
  max-width: 340px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity .25s ease .05s, max-height .4s ease;
}

.sc-acc-p:hover .sc-acc-full,
.sc-acc:not(:hover) .sc-acc-p:first-child .sc-acc-full,
.sc-acc:not(:has(.sc-acc-p:hover)) .sc-acc-p:first-child .sc-acc-full {
  opacity: 1;
  max-height: 300px;
}

.sc-acc-chk {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  align-items: flex-start;
}

.sc-acc-chk>i {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .68rem;
  margin-top: 2px;
}

.sc-acc-chk b {
  display: block;
  font-size: .88rem;
  font-weight: 700;
}

.sc-acc-chk small {
  font-size: .8rem;
  opacity: 1;
  line-height: 1.5;
  display: block;
}

.sc-acc-text {
  display: block;
  font-size: .9rem;
  line-height: 1.55;
  margin-top: 4px;
}

.sc-acc-cta {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  font-size: .85rem;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 999px;
  margin-top: 16px;
  transition: transform .15s ease, filter .15s ease;
}

.sc-acc-p:hover .sc-acc-cta {
  transform: translateY(-1px);
}

.sc-acc-cta-gold {
  background: var(--sc-gold-hi);
  color: #3a2a04;
}

.sc-acc-cta-mint {
  background: var(--sc-mint);
  color: #04342c;
}

.sc-acc-cta-dark {
  background: #14161b;
  color: #fff;
}

@media (max-width: 991.98px) {
  .sc-acc {
    flex-direction: column;
    height: auto;
  }

  .sc-acc-p,
  .sc-acc-p:hover,
  .sc-acc:not(:hover) .sc-acc-p:first-child {
    flex: 1;
  }

  .sc-acc-dark,
  .sc-acc-gold {
    display: none;
  }

  .sc-acc-ic {
    position: static;
    display: inline-flex;
    margin-bottom: 14px;
  }

  .sc-acc-full {
    opacity: 1;
    max-height: none;
  }

  .sc-acc-title {
    white-space: normal;
  }

  .sc-acc-wolf {
    opacity: .12;
    width: 220px;
    height: 220px;
  }
}

.sc-section-bg>.container-custom {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.sc-section-bg>.container-custom::before,
.sc-section-bg>.container-custom::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}

.sc-section-bg>.container-custom::before {
  width: 300px;
  height: 300px;
  top: -120px;
  left: -80px;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.07);
  box-shadow: 520px 260px 0 -110px rgba(var(--primary_rgb, 14, 90, 60), 0.05);
  animation: sc-bubble-a 16s ease-in-out infinite alternate;
}

.sc-section-bg>.container-custom::after {
  width: 220px;
  height: 220px;
  right: -70px;
  bottom: -90px;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.07);
  box-shadow: -620px -140px 0 -80px rgba(var(--primary_rgb, 14, 90, 60), 0.05);
  animation: sc-bubble-b 20s ease-in-out infinite alternate;
}

@keyframes sc-bubble-a {
  from {
    transform: translate(0, 0) scale(1);
  }

  to {
    transform: translate(46px, 30px) scale(1.12);
  }
}

@keyframes sc-bubble-b {
  from {
    transform: translate(0, 0) scale(1.08);
  }

  to {
    transform: translate(-40px, -26px) scale(0.96);
  }
}

.sc-fauthor-coupon {
  position: absolute;
  right: 30px;
  top: 24px;
  z-index: 2;
  width: 380px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(var(--primary_rgb, 14, 90, 60), .16);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .10);
  overflow: hidden;
}

.sc-fauthor-coupon-band {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  background: linear-gradient(180deg, var(--sc-moss, var(--primary_hover)), var(--primary_color));
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .22em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  border-right: 2px dashed rgba(255, 255, 255, .85);
}

.sc-fauthor-coupon-body {
  flex: 1 1 auto;
  min-width: 0;
  padding: 16px 18px 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: left;
}

.sc-fauthor-coupon-off {
  font-size: 13px;
  font-weight: 600;
  color: #495a51;
}

.sc-fauthor-coupon-code {
  font-family: var(--sc-display, inherit);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #0d1a13;
  line-height: 1.15;
}

.sc-fauthor-coupon-desc {
  font-size: 12.5px;
  color: #6b7a72;
  line-height: 1.45;
}

.sc-fauthor-coupon-exp {
  display: block;
  font-style: normal;
  font-size: 11.5px;
  color: #a8760f;
  font-weight: 600;
  margin-top: 1px;
}

.sc-fauthor-coupon-btn {
  margin-top: 10px;
  width: 100%;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), .35);
  background: #fff;
  color: var(--primary_color);
  font-weight: 700;
  font-size: 13.5px;
  padding: 8px 14px;
  border-radius: 999px;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.sc-fauthor-coupon-btn:hover {
  background: var(--primary_color);
  color: #fff;
  border-color: var(--primary_color);
}

.sc-fauthor-coupon-btn.is-copied {
  background: #e3f6ec;
  color: #0e7a4f;
  border-color: #25c281;
}

.sc-fauthor-card>.sc-fauthor-coupon {
  position: absolute;
  z-index: 2;
}

.sc-fauthor-coupon-more {
  margin-top: 7px;
  border: 0;
  background: transparent;
  color: #a8760f;
  font-weight: 700;
  font-size: 12.5px;
  padding: 0;
  text-align: center;
  text-decoration: underline dotted;
  text-underline-offset: 3px;
}

.sc-fauthor-coupon-more:hover {
  color: var(--primary_color);
}

.sc-more-bundles {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sc-more-bundle {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 8px;
  border-radius: 12px;
  transition: background .15s ease;
}

.sc-more-bundle:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), .06);
  text-decoration: none;
}

.sc-more-bundle-img {
  flex: 0 0 auto;
  width: 64px;
  height: 46px;
  border-radius: 8px;
  overflow: hidden;
  background: #f1f3f5;
}

.sc-more-bundle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sc-more-bundle-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sc-more-bundle-name {
  font-size: .86rem;
  font-weight: 700;
  color: var(--heading_color);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sc-more-bundle-meta {
  font-size: .72rem;
  color: var(--text_muted);
}

.sc-more-bundle-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.sc-more-bundle-price strong {
  color: var(--primary_color);
  font-size: .92rem;
}

.sc-more-bundle-price s {
  color: var(--text_muted);
  font-size: .74rem;
}

.sc-lic-zone {
  border-radius: 12px;
  padding: 16px 18px;
  border: 1px solid transparent;
}

.sc-lic-regular {
  background: #eef7f1;
  border-color: #cbe5d8;
}

.sc-lic-extended {
  background: #fdf6e0;
  border-color: #f0e2b5;
}

.sc-lic-regular>.form-label:first-child,
.sc-lic-extended>.form-label:first-child {
  margin-top: 0;
}

.sc-section-bg-green>.container-custom {
  background-color: var(--background_color, #ffffff);
  background-image: radial-gradient(130% 120% at 88% -14%, rgba(var(--primary_rgb, 14, 90, 60), 0.07), transparent 55%);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.15);
}

.sc-section-bg-green>.container-custom::before {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.07);
  box-shadow: 520px 260px 0 -110px rgba(var(--primary_rgb, 14, 90, 60), 0.05);
}

.sc-section-bg-green>.container-custom::after {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.07);
  box-shadow: -620px -140px 0 -80px rgba(var(--primary_rgb, 14, 90, 60), 0.05);
}

.sc-credit-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.05);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.15);
  border-radius: 12px;
  padding: 10px 14px;
  text-align: left;
  transition: border-color .15s ease, background .15s ease;
}

.sc-credit-toggle:hover {
  border-color: var(--primary_color);
}

.sc-credit-toggle-main {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.sc-credit-toggle-title {
  font-size: .86rem;
  font-weight: 700;
  color: var(--heading_color, #0f172a);
}

.sc-credit-toggle-title i {
  color: var(--primary_color);
}

.sc-credit-toggle-sub {
  font-size: .74rem;
  color: #5f6b64;
}

.sc-credit-switch {
  flex: 0 0 auto;
  width: 40px;
  height: 22px;
  border-radius: 999px;
  background: #c6cdd4;
  position: relative;
  transition: background .15s ease;
}

.sc-credit-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  transition: transform .18s ease;
}

.sc-credit-toggle.is-on {
  background: #e3f4ea;
  border-color: #25c281;
}

.sc-credit-toggle.is-on .sc-credit-switch {
  background: var(--primary_color);
}

.sc-credit-toggle.is-on .sc-credit-switch::after {
  transform: translateX(18px);
}

.sc-prow-credit {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #25c281;
  background: #eef7f1;
  border-radius: 12px;
  padding: 12px 14px;
  cursor: default;
}

.sc-prow-credit .sc-picon {
  color: var(--primary_color);
}

.sc-prow-credit .sc-psub {
  color: var(--primary_color);
}

.sc-fnews-strip {
  position: relative;
  z-index: 2;
  padding-top: 10px;
  --nl-top: #ffffff;
  background: linear-gradient(to bottom, var(--nl-top) 0, var(--nl-top) calc(50% + 6px), var(--sc-ink) calc(50% + 6px), var(--sc-ink) 100%);
}

body.bg-white .sc-fnews-strip,
.section.bg-white ~ footer .sc-fnews-strip,
.section.bg-white + footer .sc-fnews-strip {
  --nl-top: #ffffff;
}

.sc-fnews {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%);
  border-radius: 20px;
  padding: 26px 28px 28px;
  box-shadow: 0 18px 40px rgba(10, 20, 16, .35);
}

.sc-fnews-wolf {
  position: absolute;
  left: 34px;
  top: 50%;
  transform: translateY(-50%) rotate(-8deg);
  width: 178px;
  height: 178px;
  color: var(--sc-moss, var(--primary_hover, #6be0a8));
  opacity: .22;
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .sc-fnews-wolf {
    left: -34px;
    width: 150px;
    height: 150px;
    opacity: .16;
  }
}

.sc-fnews-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
  color: #fff;
}

.sc-fnews-copy strong {
  font-size: 1.05rem;
  font-weight: 800;
}

.sc-fnews-copy>span {
  color: #b9d9c8;
  font-size: .88rem;
}

.sc-fnews-unsub span {
  color: #3a2a04;
  font-size: .78rem;
}

.sc-fnews-form {
  position: relative;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 16px;
  flex-wrap: wrap;
}

.sc-fnews-input {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 4px 12px 4px 4px;
  width: min(320px, 100%);
}

.sc-fnews-input input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: .9rem;
  padding: 9px 10px;
  color: #111;
}

.sc-fnews-input svg {
  width: 20px;
  height: 20px;
  color: var(--primary_color);
  flex: 0 0 auto;
}

.sc-fnews-btn {
  border: none;
  background: #f5c451;
  color: #3a2a04;
  font-weight: 800;
  font-size: .9rem;
  padding: 11px 24px;
  border-radius: 12px;
  transition: background .15s ease, transform .15s ease;
}

.sc-fnews-btn:hover {
  background: #f2b929;
  transform: translateY(-1px);
}

@media (min-width: 992px) {
  .sc-foot-brand {
    border-right: 1px solid rgba(255, 255, 255, .08);
    padding-right: 44px;
  }
}

@media (max-width: 575.98px) {
  .sc-fnews {
    padding: 20px;
  }

  .sc-fnews-btn {
    width: 100%;
  }
}

.sc-foot {
  border-top: none !important;
}

.sc-fnews-thanks {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: center;
  text-align: left;
}

.sc-fnews-thanks-ic {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(var(--primary_rgb, 14, 90, 60), .18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary_color, #6be0a8);
  font-size: 22px;
}

.sc-fnews-thanks .sc-fnews-copy {
  text-align: left;
}

.item-purchase>.row>.col:first-child {
  min-width: 0;
  flex: 1 1 auto;
}

.item-purchase>.row>.col:last-child {
  flex: 0 0 auto;
}

.item-price-number,
.item-price-through {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .sc-lh-col .row>.col:nth-child(5):not(:has(.sc-lh-promo)) {
    display: none;
  }

  .sc-lh-col .row>.col:has(.sc-lh-promo) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sc-crsl-cert {
    font-size: 0 !important;
    gap: 0;
  }

  .sc-crsl-cert i {
    font-size: .9rem;
  }

  .item-purchase>.row {
    flex-wrap: nowrap;
    gap: 8px;
  }

  .item-purchase>.row>.col:last-child .row {
    gap: 6px;
    flex-wrap: nowrap;
  }

  .item-purchase .btn-padding,
  .item-purchase .sc-item-preview {
    width: 30px;
    height: 30px;
    padding: 0;
  }

  .item-purchase .btn-padding i,
  .item-purchase .sc-item-preview i {
    font-size: 12px;
  }

  .item-purchase .item-price-number {
    font-size: 18px;
  }

  .item-purchase .item-price-through {
    font-size: 12px;
  }
}

.sc-fnews-unsub {
  align-self: flex-start;
  margin-top: 12px;
  background: #f5c451;
  border: 1px solid #f5c451;
  color: #3a2a04;
  font-size: .78rem;
  font-weight: 700;
  padding: 7px 16px;
  border-radius: 999px;
  transition: background .15s ease, border-color .15s ease;
}

.sc-fnews-unsub:hover {
  background: #f2b929;
  border-color: #f2b929;
}

.sc-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.sc-cat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  gap: 9px;
  height: 100%;
  padding: 18px 10px;
  border-radius: 15px;
  background: var(--cbg);
  border: 1px solid rgba(0, 0, 0, .04);
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.sc-cat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px -18px rgba(10, 60, 41, .35);
}

.sc-cat-ic {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--cic);
  font-size: 23px;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .25);
}

.sc-cat-name {
  font-weight: 700;
  color: #1f2937;
  line-height: 1.22;
  font-size: 14px;
  min-height: 2.44em;
  display: flex;
  align-items: center;
}

.sc-cat-count {
  font-size: 12px;
  color: #7a8794;
  margin-top: -2px;
}

@media (max-width: 575.98px) {
  .sc-cat-card {
    padding: 15px 8px;
    border-radius: 13px;
    gap: 7px;
  }

  .sc-cat-ic {
    width: 46px;
    height: 46px;
    font-size: 21px;
    border-radius: 11px;
  }

  .sc-cat-name {
    font-size: 12.5px;
    min-height: 2.4em;
  }

  .sc-cat-count {
    font-size: 11px;
  }
}

.sellcodeapp-toasts {
  width: 384px;
  max-width: calc(100vw - 24px);
  padding: 14px;
}

.sellcodeapp-toast {
  --toast-accent: #16a34a;
  --toast-tint: rgba(34, 197, 94, .14);
  width: 100%;
  background: #fff;
  border: 1px solid rgba(16, 24, 40, .06);
  border-radius: 14px;
  box-shadow: 0 18px 40px -14px rgba(16, 24, 40, .3), 0 4px 12px -6px rgba(16, 24, 40, .16);
}

.sellcodeapp-toast::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--toast-tint), rgba(255, 255, 255, 0) 46%);
}

.sellcodeapp-toast-content {
  position: relative;
  z-index: 1;
  color: #1f2937;
  padding: 16px 18px;
  align-items: flex-start;
}

.sellcodeapp-toast-auto-close .sellcodeapp-toast-content {
  padding-bottom: 20px;
}

.sellcodeapp-toast-icon {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background-color: var(--toast-tint);
  background-size: 22px 22px;
  margin-inline-end: 14px;
  margin-top: 1px;
}

.sellcodeapp-toast-title {
  color: #111827;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 3px;
}

.sellcodeapp-toast-text {
  color: #6b7280;
  font-size: 13.5px;
  line-height: 1.5;
}

.sellcodeapp-toast-close {
  top: 14px;
  z-index: 2;
  opacity: .55;
  transition: opacity .15s ease;
}

.sellcodeapp-toast-close:hover {
  opacity: 1;
}

.sellcodeapp-toast-close-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%239aa3af" stroke-width="2" stroke-linecap="round" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>');
}

.sellcodeapp-toast-progress {
  height: 3px;
  background-color: var(--toast-accent);
  opacity: .5;
}

.sellcodeapp-toast-success {
  --toast-accent: #16a34a;
  --toast-tint: rgba(34, 197, 94, .15);
  background: #fff;
}

.sellcodeapp-toast-success-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%2316a34a" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>');
}

.sellcodeapp-toast-error {
  --toast-accent: #ef4444;
  --toast-tint: rgba(239, 68, 68, .13);
  background: #fff;
}

.sellcodeapp-toast-error-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23ef4444" stroke-width="3" stroke-linecap="round" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>');
}

.sellcodeapp-toast-warning {
  --toast-accent: #f59e0b;
  --toast-tint: rgba(245, 158, 11, .17);
  background: #fff;
}

.sellcodeapp-toast-warning-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23f59e0b" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>');
}

.sellcodeapp-toast-info {
  --toast-accent: #3b82f6;
  --toast-tint: rgba(59, 130, 246, .13);
  background: #fff;
}

.sellcodeapp-toast-info-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%233b82f6" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>');
}

.sc-foot-main>.container {
  position: relative;
  z-index: 1;
}

.sc-foot-wolf {
  position: absolute;
  right: -70px;
  top: 50%;
  transform: translateY(calc(-50% + 20px));
  width: 400px;
  height: auto;
  color: #1ba572;
  opacity: .055;
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 991.98px) {
  .sc-foot-wolf {
    width: 300px;
    right: -80px;
    opacity: .05;
  }
}

.sc-ft-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 48px -24px rgba(10, 60, 41, .24), 0 2px 8px rgba(0, 0, 0, .04);
}

.sc-ft-tabs {
  display: flex;
  align-items: stretch;
  background: #f2f4f3;
}

.sc-ft-tabs-fill {
  flex: 1 1 auto;
}

.sc-ft-tab {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 17px 28px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  transition: background .18s ease;
}

.sc-ft-tab svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #8b9a92;
  transition: color .18s ease;
}

.sc-ft-tab-label {
  font-size: clamp(1.05rem, 1.7vw, 1.28rem);
  font-weight: 800;
  letter-spacing: -.01em;
  color: #5c6873;
  white-space: nowrap;
  transition: color .18s ease;
}

.sc-ft-tab:hover .sc-ft-tab-label {
  color: #2f3a44;
}

.sc-ft-tab:hover svg {
  color: #5f6f66;
}

.sc-ft-tab.active {
  background: #fff;
  border-radius: 0 0 16px 16px;
}

.sc-ft-tab.active:first-child {
  border-radius: 0 0 16px 0;
}

.sc-ft-tab[data-ft-tab="featured"].active .sc-ft-tab-label,
.sc-ft-tab[data-ft-tab="featured"].active svg {
  color: var(--primary_color);
}

.sc-ft-tab[data-ft-tab="trending"].active .sc-ft-tab-label,
.sc-ft-tab[data-ft-tab="trending"].active svg {
  color: #a97b06;
}

.sc-ft-body {
  padding: 24px 26px 28px;
}

.sc-ft-body-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.sc-ft-desc {
  margin: 0;
  color: var(--text_muted);
  font-size: .95rem;
  line-height: 1.7;
  max-width: 640px;
}

.sc-ft-views {
  flex-shrink: 0;
}

@media (max-width: 767.98px) {
  .sc-ft-tab {
    padding: 14px 16px;
    gap: 8px;
  }

  .sc-ft-tab svg {
    width: 19px;
    height: 19px;
  }

  .sc-ft-body {
    padding: 18px 16px 22px;
  }

  .sc-ft-body-head {
    margin-bottom: 14px;
  }
}

.form-switch .form-check-input {
  width: 40px;
  height: 22px;
  margin-top: .1rem;
  background-color: #d5dce2;
  border-color: #d5dce2;
  cursor: pointer;
}

.form-switch .form-check-input:checked {
  background-color: var(--primary_color);
  border-color: var(--primary_color);
}

.form-switch .form-check-input:focus {
  border-color: #9fc9b6;
  box-shadow: 0 0 0 .2rem rgba(var(--primary_rgb, 14, 90, 60), .18);
}

.form-switch .form-check-input:focus:not(:checked) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .form-check-label {
  padding-inline-start: 6px;
}

.section-header .section-title {
  display: flex;
  align-items: center;
  gap: 16px;
}

.section-header .section-title-divider {
  display: none !important;
}

.section-header .section-title-text {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
  margin: 0;
}

.section-header .section-title-text::before {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
  border-radius: 14px;
  background-color: var(--primary_color);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Cpolygon%20points%3D%2720%2C14%2040%2C32%2018%2C38%27%20fill%3D%27%23fff%27%2F%3E%3Cpolygon%20points%3D%2780%2C14%2060%2C32%2082%2C38%27%20fill%3D%27%23fff%27%2F%3E%3Cpolygon%20points%3D%2718%2C38%2050%2C24%2082%2C38%2076%2C70%2050%2C82%2024%2C70%27%20fill%3D%27%23fff%27%2F%3E%3Cpolygon%20points%3D%2740%2C56%2060%2C56%2055%2C78%2045%2C78%27%20fill%3D%27%230e5a3c%27%2F%3E%3Cpolygon%20points%3D%2732%2C46%2044%2C44%2040%2C53%27%20fill%3D%27%23e6a92e%27%2F%3E%3Cpolygon%20points%3D%2768%2C46%2056%2C44%2060%2C53%27%20fill%3D%27%23e6a92e%27%2F%3E%3C%2Fsvg%3E");
  background-size: 27px;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 10px 22px -10px rgba(var(--primary_rgb, 14, 90, 60), .55);
}

.sc-section-bg .section-header .section-title-text::before {
  background-color: #a97b06;
  box-shadow: 0 10px 22px -10px rgba(169, 123, 6, .55);
}

.section-header .section-text {
  margin-inline-start: 68px;
}

@media (min-width: 992px) {
  .section-header .row>.col:first-child {
    flex: 1 1 auto;
    min-width: 0;
  }

  .section-header .section-title::after {
    content: '';
    flex: 1 1 auto;
    min-width: 24px;
    height: 1px;
    background: linear-gradient(90deg, rgba(var(--primary_rgb, 14, 90, 60), .22), rgba(var(--primary_rgb, 14, 90, 60), 0));
  }
}

@media (max-width: 575.98px) {
  .section-header .section-title {
    gap: 12px;
  }

  .section-header .section-title-text {
    gap: 12px;
  }

  .section-header .section-title-text::before {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-size: 23px;
  }

  .section-header .section-text {
    margin-inline-start: 56px;
  }
}

.sc-page-standalone {
  display: block;
  padding: 6px 0 24px;
}

/* ============ /become-a-seller — scoped upgrade (.sc-sell only; base .sc-page shared with legal docs) ============ */
.sc-sell {
  --sell-grad: linear-gradient(135deg, var(--primary_dark) 0%, var(--primary_color) 50%, var(--sc-moss, var(--primary_hover)) 100%);
}

.sc-sell-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  align-items: center;
  gap: 28px;
  background: var(--sell-grad);
  border-radius: 28px;
  padding: 46px 48px;
  color: #fff;
  margin: 8px 0 44px;
  box-shadow: 0 30px 60px -30px rgba(11, 74, 49, .6);
}

.sc-sell-hero-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(620px 320px at 88% -12%, rgba(255, 255, 255, .16), transparent 60%),
    radial-gradient(400px 300px at 8% 120%, rgba(39, 185, 129, .35), transparent 60%);
}

.sc-sell-hero-copy {
  position: relative;
  z-index: 2;
}

.sc-sell .sc-sell-badge {
  background: rgba(255, 255, 255, .16);
  color: #eafff4;
  border: 1px solid rgba(255, 255, 255, .18);
}

.sc-sell .sc-sell-h1 {
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 800;
  letter-spacing: -.02em;
  color: #fff;
  margin: .55rem 0 .55rem;
  line-height: 1.04;
}

.sc-sell-lead {
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, .9);
  max-width: 46ch;
  margin: 0 0 1.5rem;
}

.sc-sell-hero-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.sc-sell .sc-sell-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 30px;
  border-radius: 999px;
  background: #fff;
  color: #0b4a31 !important;
  font-weight: 800;
  font-size: 15px;
  text-decoration: none !important;
  box-shadow: 0 12px 26px -10px rgba(0, 0, 0, .4);
  transition: transform .15s ease, box-shadow .15s ease;
}

.sc-sell .sc-sell-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px -12px rgba(0, 0, 0, .5);
}

.sc-sell-hero-fine {
  font-size: 12.5px;
  color: rgba(255, 255, 255, .82);
}

.sc-sell-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 30px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .15);
}

.sc-sell-stat strong {
  display: block;
  font-size: 23px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.sc-sell-stat span {
  font-size: 12.5px;
  color: rgba(255, 255, 255, .78);
}

.sc-sell-hero-art {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}

.sc-sell-hero-disc {
  position: relative;
  width: min(300px, 82%);
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 38%, rgba(255, 255, 255, .24), rgba(255, 255, 255, .05));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
}

.sc-sell-hero-disc::before {
  content: "";
  position: absolute;
  inset: -8%;
  border-radius: 50%;
  border: 1px dashed rgba(255, 255, 255, .22);
}

.sc-sell-hero-disc svg {
  width: 64%;
  height: auto;
  filter: drop-shadow(0 12px 20px rgba(0, 0, 0, .3));
}

.sc-sell .sc-sell-hero-scene {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 440px;
  height: auto;
  display: block;
  margin-inline: auto;
  padding: 20px 18px;
  background: radial-gradient(120% 120% at 50% 30%, #f6fbf8 0%, #e6f2ea 100%);
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 26px;
  box-shadow: 0 26px 46px -22px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(var(--primary_rgb, 14, 90, 60), .05);
}

.sc-sell-body {
  max-width: 1010px;
  margin: 0 auto;
}

.sc-sell-compare {
  margin: 0 0 8px;
}

.sc-sell-center {
  text-align: center;
}

.sc-sell-compare h2 {
  font-size: clamp(22px, 2.6vw, 28px);
  font-weight: 800;
  margin: 6px 0 24px;
}

.sc-sell-compare h2 span {
  color: var(--pg-green);
}

.sc-sell-vs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  gap: 16px;
}

.sc-sell-vs-card {
  border: 1px solid var(--pg-line);
  border-radius: 18px;
  padding: 22px 24px;
  background: #fff;
}

.sc-sell-vs-card.is-win {
  border: 2px solid var(--pg-green);
  background: linear-gradient(180deg, #f2faf5, #fff);
  box-shadow: 0 18px 40px -22px rgba(var(--primary_rgb, 14, 90, 60), .5);
}

.sc-sell-vs-top {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--pg-mut);
}

.sc-sell-vs-card.is-win .sc-sell-vs-top {
  color: var(--pg-green);
}

.sc-sell-vs-amt {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--pg-ink);
  margin: 10px 0 14px;
  line-height: 1;
}

.sc-sell-vs-card.is-win .sc-sell-vs-amt {
  color: var(--pg-green);
}

.sc-sell-vs-bar {
  height: 10px;
  border-radius: 999px;
  background: #edf0ee;
  overflow: hidden;
}

.sc-sell-vs-bar span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--primary_color), #17a86a);
}

.sc-sell-vs-card:not(.is-win) .sc-sell-vs-bar span {
  background: #c3c9c6;
}

.sc-sell-vs-sub {
  font-size: 13px;
  color: var(--pg-mut);
  margin-top: 9px;
}

.sc-sell-vs-delta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}

.sc-sell-vs-delta span {
  font-size: 21px;
  font-weight: 800;
  color: var(--pg-green);
  line-height: 1;
}

.sc-sell-vs-delta em {
  font-style: normal;
  font-size: 11px;
  color: var(--pg-mut);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: 4px;
}

.sc-sell .sc-page-sec {
  margin-top: 3rem;
}

.sc-sell .sc-page-sec-head h2 {
  font-size: clamp(20px, 2.4vw, 25px);
}

.sc-sell .sc-page-tile {
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.sc-sell .sc-page-tile:hover {
  transform: translateY(-3px);
  border-color: #bcd9c9;
  box-shadow: 0 18px 34px -20px rgba(var(--primary_rgb, 14, 90, 60), .4);
}

.sc-sell .sc-page-tile>i {
  width: 46px;
  height: 46px;
  font-size: 18px;
  border-radius: 12px;
  margin-bottom: 14px;
}

.sc-sell .sc-page-tile h3 {
  font-size: 15.5px;
}

.sc-sell .sc-page-grid {
  gap: 16px;
}

.sc-sell .sc-page-steps li h4 {
  font-size: 15px;
}

.sc-sell .sc-page-steps li::before {
  width: 12px;
  height: 12px;
}

.sc-sell-band {
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 26px;
  padding: 44px 30px;
  margin: 44px 0;
  color: #fff;
  background: var(--sell-grad);
  box-shadow: 0 26px 50px -28px rgba(11, 74, 49, .6);
}

.sc-sell-band::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(500px 260px at 82% -20%, rgba(255, 255, 255, .16), transparent 60%);
}

.sc-sell-band>* {
  position: relative;
  z-index: 1;
}

.sc-sell-band strong {
  display: block;
  font-size: clamp(30px, 5vw, 46px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.04;
  color: #fff;
}

.sc-sell-band-mid {
  font-size: 14px;
  color: rgba(255, 255, 255, .85);
  margin: 10px 0;
}

.sc-sell-band-big {
  font-size: clamp(22px, 3.4vw, 32px);
  font-weight: 800;
  color: #eafff4;
}

.sc-sell-band small {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, .8);
  margin-top: 10px;
}

.sc-sell table {
  box-shadow: 0 14px 34px -24px rgba(16, 24, 40, .5);
}

.sc-sell table thead th {
  background: var(--pg-green);
  color: #fff;
  border-bottom: 0;
}

.sc-sell table tbody tr:nth-child(even) td {
  background: #f7faf8;
}

.sc-sell table tbody tr:last-child td {
  background: var(--pg-green-soft);
  font-weight: 700;
  color: var(--pg-ink);
}

.sc-sell table tbody tr:last-child td:last-child {
  color: var(--pg-green);
}

.sc-sell-final {
  text-align: center;
  background: var(--pg-green-soft);
  border: 1px solid #bcd9c9;
  border-radius: 26px;
  padding: 44px 28px;
  margin-top: 44px;
}

.sc-sell-final h2 {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  margin: 0 0 10px;
}

.sc-sell-final p {
  max-width: 54ch;
  margin: 0 auto 22px;
  color: var(--pg-mut);
  font-size: 14.5px;
}

.sc-sell-final .sc-page-btn {
  padding: 13px 32px;
}

@media (max-width: 860px) {
  .sc-sell-hero {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 34px 22px;
    gap: 22px;
  }

  .sc-sell-lead {
    margin-left: auto;
    margin-right: auto;
  }

  .sc-sell-hero-cta,
  .sc-sell-stats {
    justify-content: center;
  }

  .sc-sell-stats {
    gap: 14px 22px;
  }

  .sc-sell-hero-art {
    order: -1;
  }

  .sc-sell-hero-disc {
    width: 168px;
  }

  .sc-sell-vs {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .sc-sell-vs-delta {
    padding: 2px 0;
  }
}

/* ---- shared .sc-sell components reused by /about + /why-choose-sellmycode ---- */
.sc-sell .sc-sell-btn-ghost {
  background: rgba(255, 255, 255, .1);
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow: none;
}

.sc-sell .sc-sell-btn-ghost:hover {
  background: rgba(255, 255, 255, .18);
}

.sc-sell .sc-sell-btn-dark {
  background: #0f172a;
  color: #fff !important;
  box-shadow: 0 12px 26px -12px rgba(15, 23, 42, .5);
}

.sc-sell .sc-sell-btn-dark:hover {
  background: #0b1220;
}

.sc-sell-block {
  margin-top: 3.4rem;
}

.sc-sell-head {
  text-align: center;
  max-width: 64ch;
  margin: 0 auto 30px;
}

.sc-sell-kicker {
  display: inline-block;
  color: var(--pg-green);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 8px;
}

.sc-sell .sc-sell-h2 {
  font-size: clamp(22px, 3.4vw, 33px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.1;
  margin: 0 0 10px;
  color: var(--pg-ink);
}

.sc-sell-sub {
  color: var(--pg-mut);
  font-size: 15.5px;
  margin: 0;
}

/* products vs services duo */
.sc-sell-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.sc-sell-duo-card {
  border-radius: 20px;
  padding: 26px;
  border: 1px solid var(--pg-line);
  background: #fff;
}

.sc-sell-duo-card.is-dark {
  background: var(--sell-grad);
  color: #fff;
  border: 0;
}

.sc-sell-duo-ic {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 20px;
  margin-bottom: 14px;
  background: var(--pg-green-soft);
  color: var(--pg-green);
}

.sc-sell-duo-card.is-dark .sc-sell-duo-ic {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

.sc-sell-duo-card h3 {
  font-size: 19px;
  font-weight: 800;
  margin: 0 0 8px;
}

.sc-sell-duo-card.is-dark h3 {
  color: #fff;
}

.sc-sell-duo-card>p {
  font-size: 14px;
  color: var(--pg-mut);
  margin: 0;
}

.sc-sell-duo-card.is-dark>p {
  color: rgba(255, 255, 255, .85);
}

.sc-sell-duo-list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 9px;
}

.sc-sell-duo-list li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-size: 13.5px;
  font-weight: 600;
}

.sc-sell-duo-list li i {
  color: #17a86a;
  margin-top: 3px;
  flex: none;
}

.sc-sell-duo-card.is-dark .sc-sell-duo-list li i {
  color: #6ee7b7;
}

/* escrow / process flow band */
.sc-sell-flow {
  position: relative;
  overflow: hidden;
  background: var(--sell-grad);
  color: #fff;
  border-radius: 26px;
  padding: 42px 34px;
  margin: 40px 0;
  box-shadow: 0 26px 50px -28px rgba(11, 74, 49, .6);
}

.sc-sell-flow::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(500px 260px at 85% -20%, rgba(255, 255, 255, .16), transparent 60%);
}

.sc-sell-flow>* {
  position: relative;
  z-index: 1;
}

.sc-sell-flow .sc-sell-kicker {
  color: #6ee7b7;
}

.sc-sell-flow h2 {
  color: #fff;
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  margin: 0 0 10px;
  letter-spacing: -.02em;
}

.sc-sell-flow-lead {
  color: rgba(255, 255, 255, .85);
  max-width: 62ch;
  font-size: 14.5px;
  margin: 0;
}

.sc-sell-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 26px;
}

.sc-sell-flow-step {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 16px;
  padding: 18px;
}

.sc-sell-flow-step .n {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #6ee7b7;
  color: #07271a;
  font-weight: 800;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
}

.sc-sell-flow-step h4 {
  font-size: 15px;
  color: #fff;
  margin: 0 0 4px;
}

.sc-sell-flow-step p {
  font-size: 12.5px;
  color: rgba(255, 255, 255, .8);
  margin: 0;
}

/* audience cards */
.sc-sell-aud {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.sc-sell-aud-card {
  border: 1px solid var(--pg-line);
  border-radius: 20px;
  padding: 28px;
  background: #fff;
  box-shadow: 0 14px 34px -24px rgba(var(--primary_rgb, 14, 90, 60), .4);
}

.sc-sell-aud-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
  background: var(--pg-green-soft);
  color: var(--pg-green);
}

.sc-sell-aud-card.is-author .sc-sell-aud-badge {
  background: var(--pg-green);
  color: #fff;
}

.sc-sell-aud-card h3 {
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 8px;
}

.sc-sell-aud-card>p {
  color: var(--pg-mut);
  font-size: 14px;
  margin: 0 0 16px;
}

.sc-sell-aud-list {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: grid;
  gap: 10px;
}

.sc-sell-aud-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  font-weight: 600;
}

.sc-sell-aud-list li i {
  color: #17a86a;
  margin-top: 3px;
  flex: none;
}

/* compare cells */
.sc-sell-yes {
  color: var(--pg-green);
  font-weight: 800;
}

.sc-sell-no {
  color: #b42318;
  font-weight: 800;
}

.sc-sell-partial {
  color: #b7791f;
  font-weight: 800;
}

/* FAQ accordion */
.sc-sell-faq {
  display: grid;
  gap: 12px;
  max-width: 780px;
  margin: 0 auto;
}

.sc-sell-faq details {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 14px;
  padding: 0 20px;
  transition: border-color .2s ease;
}

.sc-sell-faq details[open] {
  border-color: #bcd9c9;
}

.sc-sell-faq summary {
  list-style: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 15.5px;
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--pg-ink);
}

.sc-sell-faq summary::-webkit-details-marker {
  display: none;
}

.sc-sell-faq summary .pl {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--pg-green-soft);
  color: var(--pg-green);
  display: grid;
  place-items: center;
  font-weight: 800;
  transition: transform .25s ease;
}

.sc-sell-faq details[open] summary .pl {
  transform: rotate(45deg);
}

.sc-sell-faq .sc-sell-ans {
  color: var(--pg-mut);
  padding: 0 0 18px;
  font-size: 14px;
  line-height: 1.65;
}

/* wolf story block (about) */
.sc-sell-story {
  max-width: 780px;
  margin: 0 auto;
}

.sc-sell-story p {
  margin: 0 0 1.05rem;
  color: var(--text_color);
  font-size: 15.5px;
  line-height: 1.85;
}

.sc-sell-story p:last-child {
  margin-bottom: 0;
}

.sc-sell-story strong {
  color: var(--pg-green);
}

@media (max-width: 820px) {
  .sc-sell-flow-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {

  .sc-sell-duo,
  .sc-sell-aud {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .sc-sell-flow-steps {
    grid-template-columns: 1fr;
  }
}

/* ============ /help — 2-column hero (heading + search + chips | wolf illustration) ============ */
.sc-help-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 5vw, 60px) 0;
  background: linear-gradient(180deg, #f4faf6 0%, #ffffff 100%);
  border-bottom: 1px solid var(--border_color);
}

.sc-help-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(620px 320px at 88% -10%, rgba(var(--primary_rgb, 14, 90, 60), .08), transparent 60%),
    repeating-radial-gradient(circle at 92% 8%, rgba(var(--primary_rgb, 14, 90, 60), .05) 0 1px, transparent 1px 26px);
}

.sc-help-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  gap: clamp(24px, 4vw, 52px);
}

.sc-help-h1 {
  font-size: clamp(30px, 4.6vw, 50px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.05;
  color: var(--heading_color);
  margin: 0 0 14px;
}

.sc-help-lead {
  font-size: 15.5px;
  color: var(--text_muted);
  max-width: 48ch;
  margin: 0 0 24px;
  line-height: 1.65;
}

.sc-help-search {
  max-width: 560px;
  margin-bottom: 22px;
}

.sc-help-search .search-input {
  display: flex;
  align-items: stretch;
  gap: 6px;
  padding: 6px;
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 16px;
  box-shadow: 0 12px 34px -20px rgba(var(--primary_rgb, 14, 90, 60), .35);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.sc-help-search .search-input:focus-within {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 4px rgba(var(--primary_rgb, 14, 90, 60), .14);
}

.sc-help-search .search-input input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 0 18px;
  font-size: 16px;
  color: var(--heading_color);
}

.sc-help-search .search-input .btn {
  flex: none;
  border-radius: 11px;
  padding: 14px 26px;
  font-weight: 700;
  white-space: nowrap;
}

.sc-help-pop-label {
  font-weight: 700;
  font-size: 14px;
  color: var(--heading_color);
  margin-bottom: 12px;
}

.sc-help-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sc-help-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid #cfe6da;
  background: #fff;
  color: var(--primary_color);
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

.sc-help-chip:hover {
  background: var(--primary_color);
  color: #fff;
  border-color: var(--primary_color);
  transform: translateY(-1px);
}

.sc-help-art {
  position: relative;
  display: flex;
  justify-content: center;
}

.sc-help-art::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(380px, 88%);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 14, 90, 60), .1), transparent 70%);
}

.sc-help-art img {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 470px;
  height: auto;
  display: block;
  margin-inline: auto;
  filter: drop-shadow(0 20px 30px rgba(10, 60, 41, .16));
}

@media (max-width: 860px) {
  .sc-help-hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .sc-help-lead {
    margin-inline: auto;
  }

  .sc-help-search {
    margin-inline: auto;
  }

  .sc-help-chips {
    justify-content: center;
  }

  .sc-help-art {
    order: -1;
  }

  .sc-help-art img {
    max-width: 300px;
  }
}

/* ============ Featured & Trending — 2-column panel with ‹ › pager (5 shown / 10 loaded) ============ */
.sc-ft2-panel {
  background: linear-gradient(135deg, rgba(var(--primary_rgb, 14, 90, 60), 0.06) 0%, rgba(var(--primary_rgb, 14, 90, 60), 0.02) 100%);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.12);
  border-radius: 28px;
  padding: clamp(20px, 3vw, 30px);
}

.sc-home-sponsored-panel {
  background: linear-gradient(135deg, #fdf6e3 0%, #faecc6 100%);
  border: 1px solid #f1dda0;
  border-radius: 28px;
  padding: clamp(20px, 3vw, 30px);
}

.sc-ft2-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
  padding: 2px 4px;
}

.sc-ft2-title-main {
  font-size: clamp(20px, 2.6vw, 26px);
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0;
  color: #0f1a15;
}

.sc-ft2-sub {
  font-size: 13.5px;
  color: #5c6b62;
  margin: 5px 0 0;
}

.sc-ft2-viewall {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: var(--primary_color);
  font-weight: 700;
  font-size: 13.5px;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 8px 20px -12px rgba(var(--primary_rgb, 14, 90, 60), .4);
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}

.sc-ft2-viewall:hover {
  background: var(--primary_color);
  color: #fff;
}

.sc-ft2-cols {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.sc-ft2-promo {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--primary_dark) 0%, var(--sc-ink) 100%);
  color: #fff;
  border-radius: 22px;
  padding: 22px;
  display: flex;
  flex-direction: column;
}

.sc-ft2-promo-wolf {
  position: absolute;
  right: -30px;
  bottom: -26px;
  width: 190px;
  height: 190px;
  opacity: .08;
}

.sc-ft2-promo-wolf svg {
  width: 100%;
  height: 100%;
}

.sc-ft2-promo>*:not(.sc-ft2-promo-wolf) {
  position: relative;
  z-index: 1;
}

.sc-ft2-promo-badge {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #a97b06;
  color: #f0c469;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.sc-ft2-promo-title {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.12;
  margin: 0 0 8px;
  color: #fff;
}

.sc-ft2-promo-desc {
  color: #b9cabf;
  font-size: 13px;
  line-height: 1.55;
  margin: 0 0 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sc-ft2-promo-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
  gap: 8px;
}

.sc-ft2-promo-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  font-weight: 500;
}

.sc-ft2-promo-list i {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--primary_color);
  color: #ffffff;
  font-size: 10px;
  flex: none;
}

.sc-ft2-promo-cta {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: #fff;
  color: var(--primary_color) !important;
  font-weight: 800;
  font-size: 14px;
  padding: 12px 18px;
  border-radius: 12px;
  text-decoration: none;
  transition: background .15s ease;
}

.sc-ft2-promo-cta:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
}

.sc-ft2-col-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 4px 12px;
}

.sc-ft2-col-name {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: #0f1a15;
}

.sc-ft2-col-name svg {
  width: 22px;
  height: 22px;
  color: var(--primary_color);
}

.sc-ft2-nav {
  display: flex;
  gap: 7px;
}

.sc-ft2-nav button {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--primary_color);
  display: grid;
  place-items: center;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 6px 14px -8px rgba(var(--primary_rgb, 14, 90, 60), .4);
  transition: background .15s ease, color .15s ease;
}

.sc-ft2-nav button:hover {
  background: var(--primary_color);
  color: #fff;
}

.sc-ft2-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.sc-ft2-row {
  min-width: 0;
  background: #fff;
  border-radius: 16px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 12px 26px -20px rgba(var(--primary_rgb, 14, 90, 60), .35);
}

.sc-ft2-thumb {
  width: 62px;
  height: 62px;
  border-radius: 12px;
  flex: none;
  overflow: hidden;
  background: #f0f3f1;
  display: block;
}

.sc-ft2-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sc-ft2-mid {
  flex: 1;
  min-width: 0;
}

.sc-ft2-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.28;
  color: #0f1a15;
  text-decoration: none;
  margin-bottom: 5px;
}

.sc-ft2-title:hover {
  color: var(--primary_color);
}

.sc-ft2-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: #7a8794;
  margin-bottom: 5px;
  flex-wrap: wrap;
}

.sc-ft2-rate {
  color: #e6a92e;
  font-weight: 700;
}

.sc-ft2-rate i {
  margin-right: 2px;
}

.sc-ft2-num {
  color: #9aa6a0;
}

.sc-ft2-cat {
  color: #7a8794;
}

.sc-ft2-price {
  font-size: 15px;
  font-weight: 800;
  color: var(--primary_color);
}

.sc-ft2-price s {
  font-size: 12px;
  font-weight: 500;
  color: #9aa6a0;
  margin-left: 5px;
}

.sc-ft2-act {
  flex: none;
}

.sc-ft2-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary_color);
  color: #fff;
  border: 0;
  width: 44px;
  height: 44px;
  font-size: 15px;
  border-radius: 11px;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s ease;
}

.sc-ft2-add span {
  display: none;
}

.sc-ft2-add:hover {
  background: var(--primary_hover);
  color: #fff;
}

.sc-ft2-add:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (max-width: 1199.98px) {
  .sc-ft2-cols {
    grid-template-columns: 1fr 1fr;
  }

  .sc-ft2-promo {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767.98px) {
  .sc-ft2-cols {
    grid-template-columns: 1fr;
  }

  .sc-ft2-promo {
    display: none;
  }
}

@media (max-width: 480px) {
  .sc-ft2-thumb {
    width: 54px;
    height: 54px;
  }

  .sc-ft2-row {
    gap: 10px;
  }
}

/* ThemeForest-style hover preview for compact item rows (Featured & Trending) */
.sc-tip {
  position: fixed;
  z-index: 3000;
  width: 360px;
  max-width: calc(100vw - 20px);
  background: #2c2c2c;
  color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px -12px rgba(0, 0, 0, .55);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .14s ease, transform .14s ease;
  pointer-events: none;
}

.sc-tip.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sc-tip-img {
  width: 100%;
  background: #1c1c1c;
  font-size: 0;
}

.sc-tip-img img {
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
  object-position: top center;
  display: block;
}

.sc-tip-body {
  padding: 16px 18px;
}

.sc-tip-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 6px;
}

.sc-tip-author {
  font-size: 12.5px;
  color: #a8a8a8;
  margin-bottom: 14px;
}

.sc-tip-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.sc-tip-cat {
  font-size: 11.5px;
  color: #9a9a9a;
}

.sc-tip-price {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  white-space: nowrap;
}

.sc-hero-net {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

/* ============ Author dashboard — clean green redesign ============ */
.sc-dash-greet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.sc-dash-hi {
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0;
  color: var(--heading_color);
}

.sc-dash-hi span {
  color: var(--primary_color);
}

.sc-dash-hi-sub {
  margin: 4px 0 0;
  color: var(--text_muted);
  font-size: 14px;
}

.sc-dash-panel {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 18px;
  padding: 22px 22px;
  margin-bottom: 0;
  box-shadow: 0 10px 28px -10px rgba(15, 23, 42, 0.08);
}

.sc-dash-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.sc-dash-panel-head h5 {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.01em;
  margin: 0;
  color: var(--heading_color);
}

.sc-dash-panel-note {
  font-size: 12.5px;
  color: var(--text_muted);
}

.sc-dash-viewall {
  font-size: 13px;
  font-weight: 700;
  color: var(--primary_color);
  text-decoration: none;
}

.sc-dash-viewall:hover {
  color: var(--primary_hover);
  text-decoration: underline;
}

/* stat cards — clean white, one purple "featured" card, circular link arrow */
.sc-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: -4px -4px 18px;
  padding: 4px 4px 8px;
  justify-items: stretch;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .sc-stat-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.sc-stat {
  width: 100%;
  min-height: 156px;
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--border_color);
  color: inherit;
  text-decoration: none;
  position: relative;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  z-index: 1;
}

a.sc-stat:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--primary_rgb, 109, 74, 255), 0.35);
  box-shadow: 0 12px 28px -4px rgba(var(--primary_rgb, 109, 74, 255), 0.22), 0 4px 10px -2px rgba(var(--primary_rgb, 109, 74, 255), 0.1);
  z-index: 2;
}

.sc-stat-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.sc-stat-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.sc-stat-ico {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08);
  color: var(--primary_color);
  font-size: 13px;
}

.sc-stat-label {
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--heading_color);
  line-height: 1.25;
}

.sc-stat-arrow {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid var(--border_color);
  display: grid;
  place-items: center;
  color: var(--heading_color);
  font-size: 12px;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.sc-stat-arrow i {
  transform: rotate(45deg);
}

a.sc-stat:hover .sc-stat-arrow {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #fff;
}

.sc-stat-featured .sc-stat-ico {
  background: rgba(255, 255, 255, .2) !important;
  color: #fff !important;
}

.sc-stat-featured .sc-stat-ico i {
  color: #fff !important;
}

.sc-stat-value {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1;
  color: var(--heading_color);
  margin-top: auto;
}

.sc-stat-sub {
  margin-top: 10px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--text_muted);
}

.sc-stat-featured {
  background: linear-gradient(150deg, var(--primary_color) 0%, var(--primary_hover) 60%, var(--primary_dark) 100%);
  border: 0;
  color: #fff;
  box-shadow: 0 10px 24px -4px rgba(var(--primary_rgb, 109, 74, 255), 0.45), 0 4px 10px -2px rgba(var(--primary_rgb, 109, 74, 255), 0.25);
}

.sc-stat-featured .sc-stat-label,
.sc-stat-featured .sc-stat-value {
  color: #fff;
}

.sc-stat-featured .sc-stat-sub {
  color: rgba(255, 255, 255, .82);
}

.sc-stat-featured .sc-stat-arrow {
  background: #fff;
  border-color: #fff;
  color: var(--primary_color);
}

a.sc-stat-featured:hover .sc-stat-arrow {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff;
}

/* premium strip */
.sc-dash-premium {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  background: linear-gradient(135deg, var(--primary_dark) 0%, var(--sc-ink) 100%);
  border: 0;
  color: #fff;
}

.sc-dash-premium-copy {
  flex: 1 1 320px;
}

.sc-dash-premium-copy h5 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #fff;
}

.sc-dash-premium-copy h5 i {
  color: #e6a92e;
}

.sc-dash-premium-copy p {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.55;
}

.sc-dash-premium-stat {
  text-align: center;
  padding: 0 8px;
}

.sc-dash-premium-stat .n {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #fff;
  line-height: 1;
}

.sc-dash-premium-stat .n.text-success {
  color: #6ee7b7 !important;
}

.sc-dash-premium-stat .l {
  font-size: 11.5px;
  color: rgba(255, 255, 255, .7);
  margin-top: 4px;
}

.sc-dash-wbtn {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #0b4a31 !important;
  font-weight: 800;
  font-size: 14px;
  padding: 12px 24px;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s ease, transform .15s ease;
}

.sc-dash-wbtn:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_hover);
  transform: translateY(-1px);
}

/* feed / list rows (recent activity, top selling, countries, referrals) */
.sc-feed-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border_color);
}

.sc-feed-item:last-child {
  border-bottom: 0;
}

.sc-feed-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
  background: #eef2f0;
}

.sc-feed-thumb {
  width: 44px;
  height: 44px;
  border-radius: 11px;
  overflow: hidden;
  flex: none;
  display: block;
  background: #eef2f0;
}

.sc-feed-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sc-feed-flag {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  overflow: hidden;
  flex: none;
  display: grid;
  place-items: center;
  background: #eef2f0;
}

.sc-feed-flag img {
  width: 26px;
  height: auto;
  border-radius: 3px;
}

.sc-feed-ref {
  background: #e9f3ee;
  color: var(--primary_color);
  font-size: 14px;
}

.sc-feed-main {
  flex: 1;
  min-width: 0;
}

.sc-feed-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--heading_color);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-decoration: none;
}

.sc-feed-link:hover {
  color: var(--primary_color);
}

.sc-feed-sub {
  font-size: 12px;
  color: var(--text_muted);
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-feed-meta {
  text-align: end;
  flex: none;
}

.sc-feed-amt {
  font-size: 14px;
  font-weight: 800;
  color: var(--primary_color);
  white-space: nowrap;
}

.sc-feed-time {
  font-size: 11.5px;
  color: var(--text_muted);
  margin-top: 2px;
  white-space: nowrap;
}

/* to-do */
.sc-todo {
  display: grid;
  gap: 8px;
}

.sc-todo-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  border-radius: 12px;
  background: var(--swiper_background_color, #f7f8f7);
  text-decoration: none;
  transition: background .15s ease;
}

.sc-todo-item:hover {
  background: #eef4f0;
}

.sc-todo-ic {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  font-size: 14px;
}

.sc-todo-green {
  background: #e9f3ee;
  color: var(--primary_color);
}

.sc-todo-amber {
  background: #fdf3e3;
  color: #b7791f;
}

.sc-todo-red {
  background: #fdeceb;
  color: #b42318;
}

.sc-todo-label {
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--heading_color);
}

.sc-todo-count {
  flex: none;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--primary_color);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  display: grid;
  place-items: center;
}

.sc-todo-arrow {
  color: var(--text_muted);
  font-size: 11px;
}

.sc-todo-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 22px 6px;
  color: var(--text_muted);
  font-size: 14px;
}

.sc-todo-empty i {
  color: #16a34a;
  font-size: 20px;
}

/* item performance table */
.sc-dash-table thead th {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  font-weight: 700;
  color: var(--text_muted);
  border-bottom: 1px solid var(--border_color);
  padding: 8px 12px;
}

.sc-dash-table tbody td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--border_color);
  vertical-align: middle;
}

.sc-dash-table tbody tr:last-child td {
  border-bottom: 0;
}

.sc-conv {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  background: #eef2f0;
  color: var(--text_muted);
}

.sc-conv.is-good {
  background: #e9f3ee;
  color: var(--primary_color);
}

@media (max-width: 575.98px) {
  .sc-stat-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 6px 6px 14px !important;
    margin: 0 0 16px !important;
    overflow: visible !important;
  }

  .sc-stat {
    min-height: auto !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 10px !important;
    box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
    overflow: visible !important;
  }

  .sc-stat-featured {
    box-shadow: 0 6px 16px -2px rgba(var(--primary_rgb, 109, 74, 255), 0.4), 0 2px 6px -1px rgba(var(--primary_rgb, 109, 74, 255), 0.2) !important;
  }

  .sc-stat-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    margin-bottom: 2px !important;
  }

  .sc-stat-head {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    flex: 1 !important;
  }

  .sc-stat-ico {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
  }

  .sc-stat-label {
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
  }

  .sc-stat-arrow {
    width: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
    flex-shrink: 0 !important;
  }

  .sc-stat-value {
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    margin-top: 0 !important;
    letter-spacing: -0.02em !important;
  }

  .sc-stat-value.fs-4 {
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  .sc-stat-sub {
    font-size: 11px !important;
    margin-top: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
  }

  .sc-dash-premium-stat {
    text-align: start;
  }
}

/* ============ /premium — no header hero + FAQ ============ */
.sc-prem {
  padding-top: 2.25rem;
}

.sc-prem-hero {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 1.75rem;
}

.sc-prem-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--primary_color);
  background: #e9f3ee;
  border: 1px solid #cfe6da;
  border-radius: 999px;
  padding: 6px 15px;
  margin-bottom: 15px;
}

.sc-prem-eyebrow i {
  color: var(--primary_color);
}

.sc-prem-title {
  font-size: clamp(28px, 4vw, 38px);
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--heading_color, #0f1a15);
  margin: 0 0 10px;
}

.sc-prem-lead {
  color: var(--text_muted, #5c6b62);
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

.sc-prem-faq-wrap {
  max-width: 820px;
  margin: 4rem auto 1rem;
}

.sc-prem-faq-head {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 1.6rem;
}

.sc-prem-faq-head h2 {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--heading_color, #0f1a15);
  margin: 0 0 8px;
}

.sc-prem-faq-head p {
  color: var(--text_muted, #5c6b62);
  font-size: 15px;
  margin: 0;
}

.sc-prem-faq {
  display: grid;
  gap: 12px;
}

.sc-prem-faq details {
  background: #fff;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 14px;
  padding: 0 20px;
  transition: border-color .2s ease;
}

.sc-prem-faq details[open] {
  border-color: #bcd9c9;
}

.sc-prem-faq summary {
  list-style: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 15.5px;
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--heading_color, #101828);
}

.sc-prem-faq summary::-webkit-details-marker {
  display: none;
}

.sc-prem-faq summary .pl {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e9f3ee;
  color: var(--primary_color);
  display: grid;
  place-items: center;
  font-weight: 800;
  transition: transform .25s ease;
}

.sc-prem-faq details[open] summary .pl {
  transform: rotate(45deg);
}

.sc-prem-faq .sc-prem-ans {
  color: var(--text_muted, #667085);
  padding: 0 0 18px;
  font-size: 14px;
  line-height: 1.65;
}

@media (max-width: 575.98px) {
  .sc-prem {
    padding-top: 1.25rem;
  }

  .sc-prem-faq-wrap {
    margin-top: 2.75rem;
  }
}

.sc-tg-card {
  border: 1px solid #d6e9f5;
  background: linear-gradient(135deg, #f4fafd, #fff);
}

.sc-tg-ico {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  flex: none;
  display: grid;
  place-items: center;
  background: #229ed9;
  color: #fff;
  font-size: 24px;
}

.sc-fu-drop {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  border: 1.5px dashed var(--border_color, #d9dee3);
  border-radius: 12px;
  background: #fafbfa;
  transition: border-color .15s ease, background .15s ease;
}

.sc-fu-drop:hover,
.sc-fu-drop.dz-drag-hover {
  border-color: var(--primary_color);
  background: #f0f7f3;
}

.sc-fu-drop>i {
  font-size: 20px;
  color: var(--primary_color);
  flex: none;
}

.sc-fu-drop-text {
  font-weight: 600;
  font-size: 14px;
  color: var(--heading_color, #101828);
}

.sc-fu-drop-text small {
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: var(--text_muted, #6c757d);
}

.sc-fu.sc-fu-full .sc-fu-drop {
  display: none;
}

.sc-fu[data-field="screenshots[]"].sc-fu-full .sc-fu-drop {
  display: flex;
  opacity: .45;
  pointer-events: none;
}

.sc-fu-list {
  display: grid;
  gap: 8px;
}

.sc-fu-list:not(:empty) {
  margin-top: 8px;
}

.sc-fu-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  overflow: hidden;
}

.sc-fu-item-icon {
  flex: none;
  color: #16a34a;
}

.sc-fu-item.is-uploading .sc-fu-item-icon {
  color: var(--text_muted, #6c757d);
}

.sc-fu-item-name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-fu-item-size {
  color: var(--text_muted, #6c757d);
  font-size: 12.5px;
  flex: none;
}

.sc-fu-item-pct {
  margin-left: auto;
  font-weight: 700;
  font-size: 12.5px;
  color: var(--primary_color);
  flex: none;
}

.sc-fu-item.is-done .sc-fu-item-pct {
  display: none;
}

.sc-fu-item-remove {
  flex: none;
  margin-left: auto;
  border: 0;
  background: transparent;
  color: #b42318;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.sc-fu-item.is-uploading .sc-fu-item-remove {
  display: none;
}

.sc-fu-item.is-done .sc-fu-item-remove {
  margin-left: 0;
}

.sc-fu-item-remove:hover {
  background: #fdefed;
}

.sc-fu-item-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #eef2f0;
}

.sc-fu-item-bar span {
  display: block;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--primary_color), var(--sc-moss, var(--primary_hover)));
  transition: width .2s ease;
}

.sc-fu-item.is-done .sc-fu-item-bar {
  display: none;
}

.sc-version-badge {
  position: absolute;
  inset-inline-start: 14px;
  bottom: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 600;
  color: #fff;
  background: rgba(15, 23, 42, .82);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .22);
  backdrop-filter: blur(2px);
}

.sc-version-badge i {
  color: #6ee7b7;
  font-size: .72rem;
}

.form-check-lg .item-price {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sc-price-version {
  width: 100%;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--text_muted, #6c757d);
  text-align: end;
  margin-top: 2px;
}

.sc-cmt-composer {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.sc-cmt-composer-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f4f6f8;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 999px;
  padding: 6px 6px 6px 18px;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.sc-cmt-composer-box:focus-within {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), .1);
  background: #fff;
}

.sc-cmt-composer-box textarea {
  flex: 1;
  border: 0;
  background: transparent;
  resize: none;
  outline: none;
  font-size: 15px;
  line-height: 1.5;
  padding: 8px 0;
  max-height: 120px;
}

.sc-cmt-composer-box .btn {
  border-radius: 999px;
  padding-inline: 22px;
  flex-shrink: 0;
}

.sc-cmt-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 14px;
}

.sc-cmt-search {
  position: relative;
  flex: 1 1 240px;
  max-width: 340px;
}

.sc-cmt-search i {
  position: absolute;
  inset-inline-end: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text_muted, #98a2b3);
  font-size: 13px;
  pointer-events: none;
}

.sc-cmt-search input {
  width: 100%;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 10px;
  padding: 9px 38px 9px 14px;
  font-size: 14px;
  background: #fff;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.sc-cmt-search input:focus {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), .1);
}

.sc-cmt-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: var(--text_color, #344054);
  margin: 0;
  user-select: none;
}

.sc-cmt-filter input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--primary_color);
  cursor: pointer;
}

.sc-cmt-sort {
  margin-inline-start: auto;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 10px;
  padding: 8px 32px 8px 12px;
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
  outline: none;
}

.sc-cmt-count {
  font-weight: 800;
  font-size: 17px;
  color: var(--heading_color, #101828);
  margin-bottom: 16px;
}

.sc-cmt .item-comment>.row>.col.d-flex .user-avatar img {
  width: 44px;
  height: 44px;
}

.sc-cmt-bubble {
  background: #f4f6f8;
  border-radius: 14px;
  padding: 14px 16px 14px !important;
  min-width: 0;
}

.sc-cmt-bubble h6 {
  font-size: 15px;
}

.sc-cmt-bubble h6:hover {
  color: var(--primary_color);
}

.sc-cmt-bubble .fw-light {
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--text_color, #475467);
  overflow-wrap: anywhere;
}

.sc-cmt-bubble .fw-light p:last-child {
  margin-bottom: 0;
}

.sc-cmt-reply {
  margin-inline-start: 56px;
  margin-top: 12px;
}

.sc-cmt-reply .user-avatar img {
  width: 34px !important;
  height: 34px !important;
}

.sc-cmt-reply .sc-cmt-bubble {
  padding: 11px 14px 11px !important;
}

.sc-cmt-reply .sc-cmt-bubble h6 {
  font-size: 14px;
}

.sc-cmt-bubble textarea.form-control {
  background: #fff;
  border-radius: 10px;
}

@media (max-width: 575.98px) {
  .sc-cmt-reply {
    margin-inline-start: 20px;
  }

  .sc-cmt-sort {
    margin-inline-start: 0;
  }
}

.sc-cmt-private {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 8px 0 0 18px;
  cursor: pointer;
  font-size: 13px;
  color: var(--text_muted, #6c757d);
  user-select: none;
}

.sc-cmt-private input {
  width: .95rem;
  height: .95rem;
  accent-color: var(--primary_color);
  cursor: pointer;
}

.sc-cmt-private i {
  color: #b7791f;
  font-size: 12px;
}

.sc-cmt-private-badge {
  background: #fdf5e7 !important;
  color: #92400e !important;
}

.sc-wp-detected {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 7px 12px;
  border-radius: 10px;
  background: #e9f3ee;
  border: 1px solid #cfe6da;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary_color);
}

.sc-wp-detected i {
  color: #16a34a;
}

.sc-inst-zone {
  background: linear-gradient(135deg, #f2f8fc, #f7fbff);
  border: 1px solid #cfe4f2;
  border-radius: 14px;
  padding: 16px 18px 18px;
}

.sc-inst-label {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 700;
  color: #17607f;
  margin-bottom: 10px;
}

.sc-inst-label>i {
  color: #21759b;
  font-size: 19px;
}

.sc-inst-tag {
  margin-inline-start: auto;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #17607f;
  background: #dceefa;
  border: 1px solid #bcdcf0;
  border-radius: 999px;
  padding: 3px 11px;
}

.sc-inst-zone .sc-fu-drop {
  border-color: #bcdcf0;
  background: #fff;
}

.sc-inst-zone .sc-fu-drop:hover,
.sc-inst-zone .sc-fu-drop.dz-drag-hover {
  border-color: #21759b;
  background: #f2f8fc;
}

.sc-inst-zone .sc-fu-drop>i {
  color: #21759b;
}

.sc-inst-zone .form-text {
  color: #3f6a80;
}

.sc-inst-zone .sc-wp-detected {
  background: #dceefa;
  border-color: #bcdcf0;
  color: #17607f;
}

.sc-inst-zone .sc-wp-detected i {
  color: #21759b;
}

@media (max-width: 575.98px) {
  .sc-inst-label {
    flex-wrap: wrap;
  }

  .sc-inst-tag {
    margin-inline-start: 0;
  }
}

/* violet, deliberately unlike the amber pricing block right above it */
.sc-act-limit {
  background: linear-gradient(135deg, #f7f5fd, #fbfaff);
  border: 1px solid #ddd6f3;
  border-radius: 12px;
  padding: 14px 16px;
}

.sc-act-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #4c3d8f;
  margin-bottom: 12px;
}

.sc-act-label>i {
  color: #6d5bc4;
}

.sc-act-sub {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  color: #5b4fa0;
  margin-bottom: 5px;
}

/* the column is narrow — keep the field and its suffix on one line, never wrapping */
.sc-act-limit .input-group {
  flex-wrap: nowrap;
}

.sc-act-limit .input-group .form-control {
  min-width: 0;
}

.sc-act-limit .input-group-text {
  background: #efeafa;
  border-color: #ddd6f3;
  color: #4c3d8f;
  font-weight: 600;
  white-space: nowrap;
}

.sc-act-limit .form-control {
  border-color: #ddd6f3;
  padding-inline: 10px;
}

/* the column is tight: shrink only the hint text so "Unlimited" fits whole —
   a typed number still renders at the normal field size */
.sc-act-limit .form-control::placeholder {
  font-size: 13px;
  opacity: .75;
}

.sc-act-limit .input-group-text {
  padding-inline: 10px;
  font-size: 13px;
}

.sc-act-limit .form-control:focus {
  border-color: #6d5bc4;
  box-shadow: 0 0 0 3px rgba(109, 91, 196, .12);
}

.sc-act-limit .form-text {
  color: #6b6390;
  margin-top: 10px;
}

.sc-lic-domain {
  font-family: var(--bs-font-monospace, monospace);
  font-size: 13px;
  font-weight: 600;
  background: #f1f5f9;
  border-radius: 6px;
  padding: 3px 8px;
  color: #0f172a;
}

.sc-tk {
  max-width: 940px;
  margin: 0 auto;
  padding: 2.5rem 0 1rem;
}

.sc-tk-hero {
  text-align: center;
  margin-bottom: 3rem;
}

.sc-tk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #17607f;
  background: #eaf4fa;
  border: 1px solid #cfe4f2;
  border-radius: 999px;
  padding: 6px 15px;
  margin-bottom: 16px;
}

.sc-tk-title {
  font-size: clamp(27px, 4vw, 37px);
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--heading_color, #0f1a15);
  margin: 0 0 12px;
}

.sc-tk-lead {
  color: var(--text_muted, #5c6b62);
  font-size: 16.5px;
  line-height: 1.65;
  max-width: 640px;
  margin: 0 auto 26px;
}

.sc-tk-version {
  margin-top: 12px;
  font-size: 13.5px;
  color: var(--text_muted, #6c757d);
}

.sc-tk-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 3rem;
}

.sc-tk-step {
  background: #fff;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 14px;
  padding: 22px;
}

.sc-tk-num {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--primary_color);
  color: #fff;
  font-weight: 800;
  margin-bottom: 12px;
}

.sc-tk-step h3 {
  font-size: 16.5px;
  font-weight: 700;
  margin-bottom: 7px;
}

.sc-tk-step p {
  color: var(--text_muted, #667085);
  font-size: 14.5px;
  line-height: 1.65;
  margin: 0;
}

.sc-tk-notes {
  background: #f7f9f8;
  border: 1px solid var(--border_color, #e4e7ec);
  border-radius: 14px;
  padding: 24px 26px;
}

.sc-tk-notes h2 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 14px;
}

.sc-tk-notes ul {
  margin: 0 0 14px;
  padding-inline-start: 20px;
}

.sc-tk-notes li {
  color: var(--text_color, #475467);
  font-size: 15px;
  line-height: 1.8;
}

@media (max-width: 820px) {
  .sc-tk-steps {
    grid-template-columns: 1fr;
  }
}

.sc-pur-sort {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px
}

.sc-pur-sort-label {
  font-size: 13px;
  color: #6b7280;
  margin-right: 2px
}

.sc-pur-sort-btn {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none;
  transition: .15s
}

.sc-pur-sort-btn:hover {
  border-color: var(--primary_color, var(--primary_color));
  color: var(--primary_color, var(--primary_color))
}

.sc-pur-sort-btn.is-on {
  background: var(--primary_color, var(--primary_color));
  border-color: var(--primary_color, var(--primary_color));
  color: #fff
}

.sc-pur {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 24px;
  border-top: 1px solid #eef0f3
}

.sc-pur:first-of-type {
  border-top: 1px solid #eef0f3
}

.sc-pur-thumb {
  flex: 0 0 88px;
  width: 88px;
  height: 66px;
  border-radius: 8px;
  overflow: hidden;
  background: #f3f4f6;
  display: block
}

.sc-pur-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.sc-pur-main {
  flex: 1 1 auto;
  min-width: 0
}

.sc-pur-name {
  display: block;
  font-size: 15.5px;
  font-weight: 600;
  color: #111827;
  text-decoration: none;
  line-height: 1.35
}

.sc-pur-name:hover {
  color: var(--primary_color, var(--primary_color))
}

.sc-pur-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin-top: 6px;
  font-size: 13px;
  color: #6b7280
}

.sc-pur-lic {
  color: var(--primary_color, var(--primary_color));
  font-weight: 500
}

.sc-pur-id {
  color: #9ca3af
}

.sc-pur-state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 13px;
  color: #6b7280
}

.sc-pur-state i {
  margin-right: 4px
}

.sc-pur-state .is-ok {
  color: #15803d
}

.sc-pur-state .is-bad {
  color: #b91c1c
}

.sc-pur-state a {
  color: var(--primary_color, var(--primary_color));
  text-decoration: underline
}

.sc-pur-sep {
  color: #d1d5db
}

.sc-pur-flag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 500
}

.sc-pur-flag.is-ok {
  background: #dcfce7;
  color: #15803d
}

.sc-pur-flag.is-bad {
  background: #fee2e2;
  color: #b91c1c
}

.sc-pur-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 18px;
  margin-top: 8px;
  font-size: 13px;
  color: #6b7280
}

.sc-pur-sup {
  display: inline-flex;
  align-items: center;
  gap: 6px
}

.sc-pur-sup i {
  color: #9ca3af
}

.sc-pur-sup i.is-ok {
  color: #15803d
}

.sc-pur-sup i.is-bad {
  color: #b91c1c
}

.sc-pur-sup .is-bad {
  color: #b91c1c
}

.sc-pur-sup a {
  color: var(--primary_color, var(--primary_color));
  text-decoration: underline
}

.sc-pur-ref {
  color: #9ca3af;
  font-variant-numeric: tabular-nums
}

.sc-pur-rate {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px
}

.sc-pur-rate a {
  color: #6b7280;
  text-decoration: none
}

.sc-pur-rate a:hover {
  color: var(--primary_color, var(--primary_color));
  text-decoration: underline
}

.sc-pur-act {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 6px
}

.sc-pur-act-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px
}

.sc-pur-until {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  color: #6b7280
}

.sc-pur-until i {
  font-size: 11.5px
}

.sc-pur-until.is-lifetime,
.sc-pur-until.is-calm {
  color: #6b7280
}

.sc-pur-until.is-soon {
  color: #b45309
}

.sc-pur-until.is-urgent,
.sc-pur-until.is-gone {
  color: #b91c1c;
  font-weight: 500
}

.sc-pur-dl {
  white-space: nowrap;
  font-weight: 500;
  padding: 9px 18px;
  border-radius: 10px
}

.sc-pur-dl i {
  margin-right: 8px
}

.sc-pur-dl.dropdown-toggle::after {
  margin-left: 10px;
  opacity: .75
}

.sc-pur-more {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9ca3af;
  border-radius: 9px
}

.sc-pur-more:hover {
  background: #f3f4f6;
  color: #374151
}

.sc-pur-menu {
  padding: 8px;
  min-width: 352px;
  border: 1px solid #e9ecef;
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .14)
}

.sc-pur-menu-cap {
  padding: 8px 12px 5px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #9ca3af
}

.sc-pur-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border-radius: 9px;
  font-size: 13.5px;
  line-height: 1.4;
  color: #374151;
  white-space: nowrap
}

.sc-pur-menu .dropdown-item i {
  flex: 0 0 16px;
  width: 16px;
  text-align: center;
  font-size: 14px;
  color: #9ca3af
}

.sc-pur-menu .dropdown-item:hover {
  background: #f4f6f8;
  color: #111827
}

.sc-pur-menu .dropdown-item:hover i {
  color: #4b5563
}

.sc-pur-menu .dropdown-item.is-copy {
  color: var(--primary_color, var(--primary_color));
  font-weight: 500
}

.sc-pur-menu .dropdown-item.is-copy i {
  color: var(--primary_color, var(--primary_color))
}

.sc-pur-menu .dropdown-item.is-copy:hover {
  background: #e8f3ee;
  color: var(--primary_color, var(--primary_color))
}

.sc-pur-menu .dropdown-item.is-danger {
  color: #b91c1c;
  font-weight: 500
}

.sc-pur-menu .dropdown-item.is-danger i {
  color: #b91c1c
}

.sc-pur-menu .dropdown-item.is-danger:hover {
  background: #fdeceb;
  color: #991b1b
}

.sc-pur-menu .dropdown-divider {
  margin: 7px 10px;
  border-top-color: #eef0f3
}

@media (max-width:767.98px) {
  .sc-pur {
    flex-wrap: wrap;
    padding: 16px
  }

  .sc-pur-thumb {
    flex: 0 0 60px;
    width: 60px;
    height: 46px
  }

  .sc-pur-main {
    flex: 1 1 calc(100% - 76px)
  }

  .sc-pur-act {
    flex: 1 1 100%;
    margin-top: 12px
  }

  .sc-pur-act .sc-pur-dl {
    width: 100%;
    justify-content: center;
    display: inline-flex;
    align-items: center
  }

  .sc-pur-act-col {
    flex: 1 1 auto
  }

  .sc-pur-menu {
    min-width: 0;
    width: calc(100vw - 56px);
    max-width: 352px
  }

  .sc-pur-menu .dropdown-item {
    white-space: normal
  }
}

.sc-pur-bar {
  padding: 20px 24px;
  border-bottom: 1px solid #eef0f3
}

.sc-pur-find {
  display: flex;
  width: 100%
}

.sc-pur-find-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid #dfe3e8;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  padding: 11px 16px;
  font-size: 14px;
  color: #111827;
  background: #fff;
  outline: 0
}

.sc-pur-find-input::placeholder {
  color: #9ca3af
}

.sc-pur-find-input:focus {
  border-color: var(--primary_color, var(--primary_color))
}

.sc-pur-find-btn {
  flex: 0 0 auto;
  border: 0;
  border-radius: 0 10px 10px 0;
  padding: 11px 30px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: var(--primary_color, var(--primary_color));
  cursor: pointer;
  transition: .15s
}

.sc-pur-find-btn:hover {
  filter: brightness(1.12)
}

.sc-pur-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px
}

.sc-pur-cat {
  margin: 0
}

.sc-pur-cat-select {
  border: 1px solid #dfe3e8;
  border-radius: 10px;
  padding: 9px 34px 9px 14px;
  font-size: 13.5px;
  color: #374151;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M8 11L3 6h10z'/%3E%3C/svg%3E") no-repeat right 12px center/12px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  max-width: 230px
}

.sc-pur-cat-select:focus {
  border-color: var(--primary_color, var(--primary_color))
}

.sc-pur-seg {
  display: flex;
  border: 1px solid #dfe3e8;
  border-radius: 10px;
  overflow: hidden
}

.sc-pur-seg-btn {
  padding: 9px 18px;
  font-size: 13.5px;
  font-weight: 500;
  color: #374151;
  background: #fff;
  text-decoration: none;
  border-left: 1px solid #dfe3e8;
  white-space: nowrap;
  transition: .15s
}

.sc-pur-seg-btn:first-child {
  border-left: 0
}

.sc-pur-seg-btn:hover {
  background: #f6f7f9;
  color: #111827
}

.sc-pur-seg-btn.is-on {
  background: var(--primary_color, var(--primary_color));
  color: #fff
}

.sc-pur-seg-btn.is-on:hover {
  background: var(--primary_color, var(--primary_color));
  color: #fff
}

.sc-side {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px solid #eef0f3;
  background: #fff
}

.sc-side-head {
  padding: 13px 18px;
  font-size: 14.5px;
  font-weight: 600;
  color: #fff;
  background: #1f2937
}

.sc-side-head.is-light {
  color: #0b4a31;
  background: #e3f0e9;
  border-bottom: 1px solid #cfe4d8
}

.sc-side-body {
  padding: 16px 18px;
  font-size: 13.5px;
  line-height: 1.62;
  color: #4b5563
}

.sc-side-body a {
  color: var(--primary_color, var(--primary_color));
  text-decoration: underline;
  font-weight: 500
}

.sc-side-list {
  margin: 0 0 12px;
  padding-left: 18px
}

.sc-side-list li {
  margin-bottom: 7px
}

.sc-side-list li:last-child {
  margin-bottom: 0
}

.sc-side-sep {
  color: #d1d5db;
  margin: 0 6px
}

.sc-pur-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px
}

.sc-pur-col-main {
  flex: 1 1 0;
  min-width: 0
}

.sc-pur-col-side {
  flex: 0 0 306px;
  width: 306px;
  position: sticky;
  top: 20px
}

@media (max-width:991.98px) {
  .sc-pur-layout {
    display: block
  }

  .sc-pur-col-side {
    width: auto;
    position: static;
    margin-top: 24px
  }

  .sc-pur-filters {
    flex-direction: column;
    align-items: stretch
  }

  .sc-pur-cat-select {
    max-width: none;
    width: 100%
  }

  .sc-pur-seg {
    width: 100%
  }

  .sc-pur-seg-btn {
    flex: 1 1 0;
    text-align: center;
    padding: 9px 8px;
    font-size: 12.5px
  }
}

.sc-c2-container {
  max-width: 1450px !important
}

.sc-done {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 16px;
  overflow: hidden
}

.sc-done-head {
  background: var(--primary_color, var(--primary_color));
  padding: 34px 26px 28px;
  text-align: center
}

.sc-done-tick {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  animation: scTickPop .5s cubic-bezier(.34, 1.56, .64, 1) both
}

.sc-done-tick::before,
.sc-done-tick::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, .55);
  opacity: 0;
  animation: scTickRing 2.6s ease-out infinite
}

.sc-done-tick::after {
  animation-delay: 1.3s
}

.sc-done-tick svg {
  width: 30px;
  height: 30px;
  overflow: visible
}

.sc-done-tick path {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  animation: scTickDraw .45s .3s ease-out forwards
}

@keyframes scTickPop {
  0% {
    transform: scale(.4);
    opacity: 0
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes scTickDraw {
  to {
    stroke-dashoffset: 0
  }
}

@keyframes scTickRing {
  0% {
    transform: scale(1);
    opacity: .65
  }

  70% {
    transform: scale(1.6);
    opacity: 0
  }

  100% {
    transform: scale(1.6);
    opacity: 0
  }
}

@media (prefers-reduced-motion:reduce) {
  .sc-done-tick {
    animation: scTickFade .35s ease-out both
  }

  .sc-done-tick::before,
  .sc-done-tick::after {
    display: none
  }

  .sc-done-tick path {
    animation: scTickDraw .5s .15s ease-out forwards
  }
}

@keyframes scTickFade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.sc-done-title {
  font-size: 1.45rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px
}

.sc-done-lead {
  font-size: .95rem;
  color: #c8e3d6;
  margin: 0 0 14px
}

.sc-done-ref {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .8rem;
  background: rgba(255, 255, 255, .14);
  border-radius: 9px;
  padding: 6px 12px;
  color: #fff
}

.sc-done-sec {
  padding: 20px 24px 0
}

.sc-done-acts {
  margin-top: 20px
}

.sc-done-cap {
  font-size: .72rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #9aa3ab;
  margin: 0 0 12px
}

.sc-done-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--border_color);
  border-radius: 11px;
  margin-bottom: 10px
}

.sc-done-item:last-child {
  margin-bottom: 0
}

.sc-done-thumb {
  flex: 0 0 62px;
  width: 62px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  background: #eef3f0;
  display: block
}

.sc-done-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.sc-done-info {
  flex: 1 1 auto;
  min-width: 0
}

.sc-done-name {
  display: block;
  font-size: .95rem;
  font-weight: 600;
  color: var(--heading_color);
  text-decoration: none;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.sc-done-name:hover {
  color: var(--primary_color)
}

.sc-done-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 14px;
  margin-top: 5px;
  font-size: .8rem;
  color: #6b7280
}

.sc-done-lic {
  color: var(--primary_color);
  font-weight: 600
}

.sc-done-clock {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #b45309
}

.sc-done-clock.is-urgent {
  color: #b91c1c;
  font-weight: 600
}

.sc-done-dl {
  flex: 0 0 auto;
  background: var(--primary_color, var(--primary_color));
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: .86rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap
}

.sc-done-dl:hover,
.sc-done-dl:focus,
.sc-done-dl:active {
  background: var(--primary_hover);
  border-color: var(--primary_hover);
  color: #fff;
  filter: none
}

.sc-done-sum {
  background: #e3f0e9;
  border-radius: 11px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px
}

.sc-done-sum span {
  display: block;
  font-size: .76rem;
  color: #3d7a5f;
  margin-bottom: 3px
}

.sc-done-sum strong {
  font-size: .88rem;
  font-weight: 600;
  color: #0b4a31
}

.sc-done-sum-link {
  display: flex;
  align-items: flex-end
}

.sc-done-sum-link a {
  font-size: .83rem;
  color: #0b4a31;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  gap: 6px
}

.sc-done-acts {
  border-top: 1px solid var(--border_color);
  padding: 16px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

.sc-done-act {
  flex: 1 1 170px;
  border: 1px solid var(--border_color);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: .86rem;
  font-weight: 500;
  color: var(--heading_color);
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px
}

.sc-done-act:hover,
.sc-done-act:focus {
  background: #f6faf8;
  border-color: var(--primary_color);
  color: var(--primary_color)
}

.sc-done-act.is-primary {
  border-color: var(--primary_color);
  color: var(--primary_color);
  font-weight: 600
}

.sc-done-act.is-primary:hover,
.sc-done-act.is-primary:focus {
  background: #e3f0e9;
  border-color: var(--primary_color);
  color: var(--primary_color)
}

.sc-done-tip {
  margin-top: 14px;
  background: #fff;
  border: 1px solid var(--border_color);
  border-left: 3px solid var(--primary_color, var(--primary_color));
  border-radius: 0 14px 14px 0;
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  text-decoration: none
}

.sc-done-tip:hover {
  background: #f6faf8
}

.sc-done-tip>i {
  font-size: 20px;
  color: var(--primary_color);
  margin-top: 2px
}

.sc-done-tip-text {
  flex: 1 1 auto;
  font-size: .85rem;
  color: #6b7280;
  line-height: 1.55
}

.sc-done-tip-text strong {
  display: block;
  font-size: .93rem;
  color: var(--heading_color);
  margin-bottom: 3px
}

.sc-done-tip-go {
  flex: 0 0 auto;
  font-size: .85rem;
  font-weight: 600;
  color: var(--primary_color);
  white-space: nowrap
}

@media (max-width:575.98px) {
  .sc-done-head {
    padding: 26px 18px 22px
  }

  .sc-done-title {
    font-size: 1.2rem
  }

  .sc-done-sec {
    padding: 16px 16px 0
  }

  .sc-done-item {
    flex-wrap: wrap
  }

  .sc-done-info {
    flex: 1 1 calc(100% - 76px)
  }

  .sc-done-dl {
    flex: 1 1 100%;
    justify-content: center
  }

  .sc-done-acts {
    padding: 14px 16px
  }

  .sc-done-tip {
    flex-wrap: wrap
  }
}

.error-card {
  padding: 56px 24px;
  text-align: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none
}

.sc-err-wolf {
  width: 132px;
  height: 132px;
  margin: 0 auto 6px;
  display: block;
  animation: scErrWolfIn .55s cubic-bezier(.34, 1.4, .64, 1) both
}

@keyframes scErrWolfIn {
  0% {
    transform: scale(.82) translateY(8px);
    opacity: 0
  }

  100% {
    transform: scale(1) translateY(0);
    opacity: 1
  }
}

.sc-err-code {
  font-size: 3.4rem;
  font-weight: 800;
  line-height: 1;
  color: var(--primary_color, var(--primary_color));
  margin: 0 0 6px;
  letter-spacing: -.02em
}

.error-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--heading_color);
  margin: 0 0 10px
}

.error-message {
  font-size: .95rem;
  line-height: 1.7;
  color: #6b7280;
  margin: 0 0 26px
}

.sc-err-find {
  display: flex;
  max-width: 460px;
  margin: 0 auto 22px
}

.sc-err-find-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid #dfe3e8;
  border-right: 0;
  border-radius: 11px 0 0 11px;
  padding: 12px 18px;
  font-size: .92rem;
  outline: 0;
  background: #fff
}

.sc-err-find-input:focus {
  border-color: var(--primary_color, var(--primary_color))
}

.sc-err-find-btn {
  flex: 0 0 auto;
  border: 0;
  border-radius: 0 11px 11px 0;
  padding: 12px 24px;
  font-size: .92rem;
  font-weight: 600;
  color: #fff;
  background: var(--primary_color, var(--primary_color));
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px
}

.sc-err-find-btn:hover {
  filter: brightness(1.12)
}

.sc-err-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px
}

.sc-err-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid var(--border_color);
  border-radius: 11px;
  font-size: .87rem;
  font-weight: 500;
  color: var(--heading_color);
  background: #fff;
  text-decoration: none
}

.sc-err-link:hover {
  border-color: var(--primary_color);
  color: var(--primary_color);
  background: #f6faf8
}

.sc-err-link.is-primary {
  background: var(--primary_color, var(--primary_color));
  border-color: var(--primary_color, var(--primary_color));
  color: #fff
}

.sc-err-link.is-primary:hover {
  background: var(--primary_hover);
  border-color: var(--primary_hover);
  color: #fff
}

@media (max-width:575.98px) {
  .error-card {
    padding: 34px 18px
  }

  .sc-err-wolf {
    width: 100px;
    height: 100px
  }

  .sc-err-code {
    font-size: 2.6rem
  }

  .sc-err-find-btn span {
    display: none
  }

  .sc-err-link {
    flex: 1 1 140px;
    justify-content: center
  }
}

@media (prefers-reduced-motion:reduce) {
  .sc-err-wolf {
    animation: none
  }
}

.sc-err-ws {
  max-width: 600px;
  margin: 0 auto
}

.sc-err-stage {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 6px
}

.sc-err-stage .sc-err-wolf {
  position: relative;
  z-index: 1;
  animation: scErrWolfIn .55s cubic-bezier(.34, 1.4, .64, 1) both, scErrFloat 4.5s ease-in-out .6s infinite
}

.sc-err-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 280px;
  height: 280px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(27, 165, 114, .20), rgba(27, 165, 114, .06) 55%, transparent 72%);
  z-index: 0;
  pointer-events: none;
  animation: scErrPulse 4.5s ease-in-out infinite
}

@keyframes scErrFloat {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-9px)
  }
}

@keyframes scErrPulse {

  0%,
  100% {
    opacity: .75;
    transform: translate(-50%, -50%) scale(1)
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06)
  }
}

@media (prefers-reduced-motion:reduce) {
  .sc-err-stage .sc-err-wolf {
    animation: none
  }

  .sc-err-glow {
    animation: none
  }
}

.bootstrap-select .dropdown-menu {
  padding: 6px;
  border-radius: 12px;
  border: 1px solid var(--border_color);
  box-shadow: 0 14px 34px rgba(2, 20, 12, .12)
}

.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-menu li a.dropdown-item {
  border-radius: 9px;
  padding: 9px 14px;
  margin: 1px 0;
  color: var(--heading_color);
  transition: background .12s ease, color .12s ease
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus,
.bootstrap-select .dropdown-menu li a.dropdown-item:hover,
.bootstrap-select .dropdown-menu li a.dropdown-item:focus,
.bootstrap-select .dropdown-menu li a.active,
.bootstrap-select .dropdown-menu li.active a,
.bootstrap-select .dropdown-menu li a.dropdown-item.active {
  color: var(--primary_color) !important;
  background: color-mix(in srgb, var(--primary_color) 11%, transparent) !important
}

.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.selected a.dropdown-item {
  color: var(--primary_color) !important;
  background: color-mix(in srgb, var(--primary_color) 14%, transparent) !important;
  font-weight: 600
}

.bootstrap-select .dropdown-menu li.selected a:hover,
.bootstrap-select .dropdown-menu li.selected a.active {
  background: color-mix(in srgb, var(--primary_color) 20%, transparent) !important;
  color: var(--primary_color) !important
}

.bootstrap-select .dropdown-menu li a small,
.bootstrap-select .dropdown-menu li.active a small {
  color: var(--text_muted) !important
}

.bootstrap-select .dropdown-menu .bs-searchbox .form-control {
  border-radius: 9px
}

.sc-qp-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(6, 20, 14, .72);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 28px 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  animation: scQpIn .18s ease
}

@keyframes scQpIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.sc-qp-panel {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin: auto;
  border-radius: 16px;
  overflow: visible;
  background: transparent
}

.sc-qp-frame {
  display: block;
  width: 100%;
  height: 620px;
  border: 0;
  border-radius: 16px;
  background: #f4f7f5;
  box-shadow: 0 24px 70px rgba(14, 31, 23, .28);
  transition: height .18s ease
}

.sc-qp-close {
  position: absolute;
  top: -14px;
  inset-inline-end: -14px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary_color);
  color: #fff;
  font-size: 15px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(2, 20, 12, .45);
  transition: background .15s ease
}

.sc-qp-close:hover {
  background: var(--primary_hover);
  color: #fff
}

.sc-ca-content {
  border: 0;
  border-radius: 16px;
  position: relative
}

.sc-ca-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2
}

.sc-ca-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary_color) 14%, transparent);
  color: var(--primary_color);
  font-size: 22px
}

.sc-ca-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--text_muted);
  margin-bottom: 6px
}

.sc-ca-item {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--border_color);
  border-radius: 12px;
  padding: 12px
}

.sc-ca-thumb {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  object-fit: cover;
  flex: 0 0 auto;
  background: #f1f1f1
}

.sc-ca-main {
  flex: 1 1 auto;
  min-width: 0
}

.sc-ca-name {
  font-weight: 600;
  color: var(--heading_color);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.sc-ca-by {
  font-size: 12.5px;
  color: var(--text_muted)
}

.sc-ca-side {
  flex: 0 0 auto;
  text-align: right
}

.sc-ca-price {
  font-weight: 700;
  font-size: 18px;
  color: var(--heading_color)
}

.sc-ca-lic {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .03em;
  color: var(--text_muted)
}

.sc-ca-support {
  font-size: 11px;
  color: var(--text_muted)
}

.sc-ca-note {
  text-align: center;
  font-size: 12px;
  color: var(--text_muted);
  margin: 14px 0
}

.sc-ca-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px
}

@media (max-width:480px) {
  .sc-ca-actions {
    flex-direction: column-reverse
  }

  .sc-ca-actions .btn {
    width: 100%
  }
}

.sc-inbox-search-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text_muted);
  font-size: 14px;
  pointer-events: none;
  z-index: 2
}

.sc-inbox-search input.form-control {
  padding-left: 42px
}

.sc-inbox-form {
  position: relative
}

.sc-inbox-input {
  resize: vertical;
  min-height: 96px;
  max-height: 280px;
  line-height: 1.5;
  overflow-y: auto;
  padding-right: 56px;
  padding-top: 12px
}

.sc-inbox-send {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.sc-ca-dialog {
  max-width: 620px
}

.sc-ca-suggest {
  margin-top: 22px;
  border-top: 1px solid var(--border_color);
  padding-top: 16px
}

.sc-ca-suggest-head {
  font-weight: 600;
  color: var(--heading_color);
  margin-bottom: 12px
}

.sc-ca-suggest-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px
}

.sc-ca-sug {
  display: block;
  text-decoration: none;
  color: inherit
}

.sc-ca-sug img {
  width: 100%;
  aspect-ratio: 59/30;
  object-fit: contain;
  border: 1px solid var(--border_color);
  border-radius: 10px;
  background: #f4f5f7;
  transition: border-color .15s ease
}

.sc-ca-sug:hover img {
  border-color: var(--primary_color)
}

@media (max-width:575.98px) {
  .sc-ca-suggest-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .sc-ca-suggest-grid .sc-ca-sug:nth-child(n+3) {
    display: none
  }
}

.sc-ca-sug-name {
  font-size: 12px;
  color: var(--text_muted);
  margin-top: 6px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

body.sc-ca-open .modal-backdrop {
  background: #0b1220
}

.sc-us-price {
  -moz-appearance: textfield
}

.sc-us-price::-webkit-outer-spin-button,
.sc-us-price::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

body.sc-ca-open .modal-backdrop.show {
  opacity: .62;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px)
}

.sc-sponsored-row {
  margin-bottom: 22px
}

.sc-sponsored-head {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #7a4f00;
  background: color-mix(in srgb, #f59e0b 30%, transparent);
  border: 1px solid color-mix(in srgb, #f59e0b 45%, transparent);
  padding: 5px 13px;
  border-radius: 20px;
  margin-bottom: 12px
}

.sc-sponsored-head i {
  color: #d97706
}

.sc-item-sponsored {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: rgba(20, 20, 20, .78);
  padding: 3px 9px;
  border-radius: 6px;
  pointer-events: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
}

.sc-item-sponsored i {
  font-size: 10px
}

.sc-promo-opt {
  display: block;
  border: 1px solid var(--border_color);
  border-radius: 12px;
  padding: 14px 16px;
  cursor: pointer;
  height: 100%;
  transition: border-color .15s ease, background .15s ease
}

.sc-promo-opt:hover {
  border-color: var(--primary_color)
}

.sc-promo-opt input {
  position: absolute;
  opacity: 0
}

.sc-promo-opt:has(input:checked) {
  border-color: var(--primary_color);
  background: color-mix(in srgb, var(--primary_color) 6%, transparent)
}

.sc-promo-opt-body {
  display: flex;
  flex-direction: column;
  gap: 2px
}

.sc-promo-opt-title {
  font-weight: 600;
  color: var(--heading_color)
}

.sc-promo-opt-scope {
  font-size: 12.5px;
  color: var(--text_muted)
}

.sc-promo-opt-price {
  font-weight: 700;
  color: var(--primary_color);
  margin-top: 4px
}

.sc-promo-opt-share {
  font-size: 12px;
  color: var(--text_muted);
  margin-top: 4px
}

.sc-promo-where {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  border: 1px solid var(--border_color);
  border-radius: 12px;
  padding: 16px
}

.sc-promo-where-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--primary_color);
  background: color-mix(in srgb, var(--primary_color) 10%, transparent)
}

.sc-promo-where-list {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px
}

.sc-promo-where-list li {
  line-height: 1.5
}

.sc-promo-rules {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.sc-promo-rules li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 13.5px;
  color: var(--text_muted);
  line-height: 1.55
}

.sc-promo-rules li i {
  flex: 0 0 auto;
  width: 20px;
  text-align: center;
  color: var(--primary_color);
  margin-top: 2px
}

button.sc-item-result {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit
}

.sc-credit-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #8a6d1a;
  background: color-mix(in srgb, #eab308 15%, transparent);
  padding: 5px 12px;
  border-radius: 20px;
  text-decoration: none;
  transition: background .15s ease
}

a.sc-credit-pill:hover {
  color: #6f5510;
  background: color-mix(in srgb, #eab308 26%, transparent)
}

.sc-credit-pill i {
  font-size: 12px
}

.sc-credit-amount {
  color: #8a6d1a;
  font-weight: 800
}

#sc-promo-item-picked:not(:empty) {
  margin-top: 8px
}

#sc-promo-item-picked .sc-item-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  border: 1px solid var(--primary_color);
  border-radius: 10px;
  background: color-mix(in srgb, var(--primary_color) 6%, transparent)
}

#sc-promo-item-picked .sc-item-chip-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: var(--heading_color)
}

#sc-promo-item-picked .sc-chip-remove {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: var(--text_muted);
  cursor: pointer;
  font-size: 15px;
  line-height: 1
}

#sc-promo-item-picked .sc-chip-remove:hover {
  color: #dc2626
}

#sc-promo-form .sc-item-search {
  max-width: none
}

.sc-promo-opt {
  position: relative;
  padding-inline-start: 44px
}

.sc-promo-opt-check {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--border_color);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 11px;
  background: #fff;
  transition: background .15s ease, border-color .15s ease
}

.sc-promo-opt-check i {
  opacity: 0
}

.sc-promo-opt:has(input:checked) .sc-promo-opt-check {
  background: var(--primary_color);
  border-color: var(--primary_color)
}

.sc-promo-opt:has(input:checked) .sc-promo-opt-check i {
  opacity: 1
}

@media (max-width:520px) {
  .sc-qp-modal {
    padding: 34px 10px 10px;
    align-items: center
  }

  .sc-qp-panel {
    max-width: none;
    border-radius: 16px
  }

  .sc-qp-frame {
    border-radius: 16px;
    height: 560px;
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px)
  }

  .sc-qp-close {
    top: -30px;
    inset-inline-end: 0;
    width: 30px;
    height: 30px;
    font-size: 14px
  }
}

.sc-ntoast-wrap {
  position: fixed;
  inset-inline-end: 20px;
  bottom: 20px;
  z-index: 1090;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  max-width: calc(100vw - 40px)
}

.sc-ntoast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 360px;
  max-width: 100%;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e6eaec;
  border-inline-start: 4px solid var(--nt-c, var(--primary_color));
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(10, 25, 30, .16);
  cursor: pointer;
  animation: scNToastIn .22s ease-out
}

.sc-ntoast:hover {
  box-shadow: 0 16px 36px rgba(10, 25, 30, .22)
}

.sc-ntoast-ico {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--nt-c, var(--primary_color));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  overflow: hidden
}

.sc-ntoast-ico img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.sc-ntoast-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px
}

.sc-ntoast-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--nt-c, var(--primary_color))
}

.sc-ntoast-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.sc-ntoast-x {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #93a4ab;
  font-size: 20px;
  line-height: 1;
  padding: 0 2px;
  cursor: pointer
}

.sc-ntoast-x:hover {
  color: #0f172a
}

@keyframes scNToastIn {
  from {
    opacity: 0;
    transform: translateY(14px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@media (max-width:575.98px) {
  .sc-ntoast-wrap {
    inset-inline-start: 12px;
    inset-inline-end: 12px;
    bottom: 12px
  }

  .sc-ntoast {
    width: 100%
  }
}

.min-w-0 {
  min-width: 0
}

.sc-foot-trustmax {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 0;
  opacity: .9;
  transition: opacity .2s ease
}

.sc-foot-trustmax:hover {
  opacity: 1
}

.sc-foot-trustmax img {
  display: block;
  height: 40px;
  width: auto;
  max-width: 100%
}

@media (max-width:575.98px) {
  .sc-foot-trustmax {
    margin-inline-start: auto
  }
}

.sc-done-tip {
  margin-top: 16px;
  background: linear-gradient(135deg, #f1f9f4 0%, #ffffff 60%);
  border: 1px solid #d7e7de;
  border-left: 1px solid #d7e7de;
  border-radius: 16px;
  padding: 15px 17px;
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease
}

.sc-done-tip:hover,
.sc-done-tip:focus-visible {
  background: linear-gradient(135deg, #e9f4ee 0%, #fbfdfc 60%);
  border-color: #b6d8c6;
  box-shadow: 0 10px 22px rgba(var(--primary_rgb, 14, 90, 60), .10);
  transform: translateY(-1px)
}

.sc-done-tip:focus-visible {
  outline: 2px solid var(--primary_color, var(--primary_color));
  outline-offset: 3px
}

.sc-done-tip>i {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  margin: 0;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #fff;
  background: linear-gradient(140deg, var(--sc-mint, var(--primary_hover)), var(--primary_color));
  box-shadow: 0 5px 13px rgba(var(--primary_rgb, 14, 90, 60), .26)
}

.sc-done-tip-text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: .83rem;
  color: #6b7d74;
  line-height: 1.5
}

.sc-done-tip-text strong {
  display: block;
  font-size: .95rem;
  font-weight: 700;
  color: var(--heading_color, #10211b);
  margin-bottom: 2px;
  letter-spacing: -.01em
}

.sc-done-tip-go {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .82rem;
  font-weight: 700;
  color: var(--primary_color, var(--primary_color));
  white-space: nowrap;
  background: #fff;
  border: 1px solid #cfe4d8;
  border-radius: 999px;
  padding: .45rem .9rem;
  transition: background .18s ease, border-color .18s ease, color .18s ease
}

.sc-done-tip:hover .sc-done-tip-go,
.sc-done-tip:focus-visible .sc-done-tip-go {
  background: var(--primary_color, var(--primary_color));
  border-color: var(--primary_color, var(--primary_color));
  color: #fff
}

.sc-done-tip-go i {
  transition: transform .18s ease
}

.sc-done-tip:hover .sc-done-tip-go i {
  transform: translateX(3px)
}

@media (max-width:575.98px) {
  .sc-done-tip {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px
  }

  .sc-done-tip-text {
    flex: 1 1 calc(100% - 56px)
  }

  .sc-done-tip-go {
    flex: 1 1 100%;
    justify-content: center;
    padding: .55rem .9rem
  }
}

@media (prefers-reduced-motion:reduce) {

  .sc-done-tip,
  .sc-done-tip-go,
  .sc-done-tip-go i {
    transition: none
  }

  .sc-done-tip:hover {
    transform: none
  }

  .sc-done-tip:hover .sc-done-tip-go i {
    transform: none
  }
}

.sc-fw-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.sc-fw-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.sc-fw-chip,
a.sc-fw-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 42px;
  margin: 0;
  padding: .45rem .7rem;
  border: 1px solid #e2e8e5;
  border-radius: 10px;
  background: #fff;
  font-size: .82rem;
  color: #33403a;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}

.sc-fw-chip:hover,
a.sc-fw-chip:hover {
  border-color: #bcdccb;
  background: #f6faf8;
  color: var(--primary_color);
  text-decoration: none;
}

.sc-fw-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sc-fw-count {
  font-size: .7rem;
  color: #94a29b;
  font-variant-numeric: tabular-nums;
  flex: 0 0 auto;
}

.sc-fw-input:checked+.sc-fw-chip,
.sc-fw-chip.active,
a.sc-fw-chip.active {
  border-color: var(--primary_color);
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
  font-weight: 600;
  box-shadow: 0 0 0 1px var(--primary_color) inset;
  text-decoration: none;
}

.sc-fw-input:checked+.sc-fw-chip .sc-fw-count,
.sc-fw-chip.active .sc-fw-count,
a.sc-fw-chip.active .sc-fw-count {
  color: var(--primary_color);
  font-weight: 700;
}

.sc-fw-input:focus-visible+.sc-fw-chip,
a.sc-fw-chip:focus-visible {
  outline: 2px solid var(--primary_color);
  outline-offset: 2px;
}

@media (max-width: 400px) {
  .sc-fw-grid {
    grid-template-columns: 1fr;
  }
}

/* Single Product Variable & Cart Enhancements */
.sc-variable-cart-wrap .variations {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.sc-variable-cart-wrap .variations td.label {
  font-weight: 600;
  padding: 6px 12px 6px 0;
  vertical-align: middle;
  width: 30%;
  color: #33403a;
}

.sc-variable-cart-wrap .variations td.value {
  padding: 6px 0;
  vertical-align: middle;
}

.sc-variable-cart-wrap .variations select {
  width: 100%;
  padding: .5rem .85rem;
  border: 1px solid #ced4da;
  border-radius: 10px;
  font-size: .88rem;
  background-color: #fff;
  color: #212529;
  outline: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.sc-variable-cart-wrap .variations select:focus {
  border-color: var(--primary_color, var(--primary_color));
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.15);
}

.sc-variable-cart-wrap .single_variation_wrap {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #e2e8e5;
}

.sc-variable-cart-wrap .woocommerce-variation-price {
  margin-bottom: 12px;
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--primary_color, var(--primary_color));
}

.sc-variable-cart-wrap .woocommerce-variation-availability {
  margin-bottom: 10px;
  font-size: .85rem;
}

.sc-variable-cart-wrap .woocommerce-variation-add-to-cart {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sc-variable-cart-wrap .single_add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 10px;
  border: none;
  background-color: var(--primary_color, var(--primary_color));
  color: #fff;
  cursor: pointer;
  transition: background .2s ease;
}

.sc-variable-cart-wrap .single_add_to_cart_button:hover {
  background-color: var(--primary_hover);
  color: #fff;
}

.sc-variable-cart-wrap .quantity {
  display: none;
}

.item-price del {
  font-size: 0.9em;
  opacity: 0.6;
  margin-right: 6px;
  font-weight: 500;
}

.item-price ins {
  text-decoration: none;
  font-weight: 800;
  color: var(--primary_color);
}

/* Single Product Content Isolation & Layout Defense */
.tabs-custom,
.tabs-custom .card-v,
.tabs-custom .description,
.tabs-custom .item-single-paragraph {
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}

.tabs-custom .card-v {
  overflow: hidden !important;
}

/* Neutralize rogue pasted classes inside user-submitted / imported product descriptions */
.item-single-paragraph .section-header,
.tabs-custom .section-header,
.description .section-header {
  margin: 0 0 1.25rem 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
  position: static !important;
}

.item-single-paragraph .section,
.tabs-custom .section {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.item-single-paragraph .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.item-single-paragraph [class*="col-"],
.item-single-paragraph .col {
  max-width: 100% !important;
  width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.item-single-paragraph .container,
.item-single-paragraph .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Completely remove cookie notice & live chat bot */
.sc-cbar,
.cookies,
#sc-bot,
.sc-bot,
.sc-bot-toggle,
#sc-bot-toggle,
#sc-bot-greet,
#sc-bot-panel,
.sc-bot-mascot {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* ==========================================================================
   Modern Product Price Card & Save Badge
   ========================================================================== */
.sc-price-card {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.sc-price-header-label {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #4b5563;
  display: inline-flex;
  align-items: center;
}

.sc-save-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  border-radius: 999px;
  background: #ffe4e6;
  color: #e11d48;
  border: 1px solid #fecdd3;
  box-shadow: 0 1px 3px rgba(225, 29, 72, 0.12);
  text-transform: uppercase;
}

.sc-save-badge i {
  font-size: 0.72rem;
  color: #e11d48;
}

.sc-price-main {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  line-height: 1;
  margin-top: 2px;
  margin-bottom: 2px;
}

.sc-price-current,
.sc-price-current .amount,
.sc-price-current bdi,
.sc-price-current ins,
.sc-price-current ins .amount,
.sc-price-current ins bdi {
  font-size: 2.15rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  letter-spacing: -0.035em !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
}

.sc-price-original,
.sc-price-current del,
.sc-price-current del .amount,
.sc-price-current del bdi {
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  color: #9ca3af !important;
  text-decoration: line-through !important;
  text-decoration-color: #ef4444 !important;
  line-height: 1.1 !important;
  margin-left: 2px;
}

.sc-price-savings-note {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--primary_color);
  display: inline-flex;
  align-items: center;
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.2);
  border-radius: 8px;
  padding: 4px 10px;
  line-height: 1.35;
  margin-top: 6px;
}

.sc-price-savings-note i {
  font-size: 0.85rem;
  color: var(--primary_color);
}

.sc-stickycart-price del {
  font-size: 0.85rem;
  color: #9ca3af;
  text-decoration: line-through;
  margin-right: 6px;
  font-weight: 500;
}

.sc-stickycart-price ins {
  text-decoration: none;
  color: var(--primary_color);
  font-weight: 800;
}

/* ==========================================================================
   Action Buttons Card (Live Preview & Wishlist)
   ========================================================================== */
.sc-action-card {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.sc-btn-live-preview {
  flex: 1 1 auto;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--primary_color);
  color: #ffffff !important;
  border: 1.5px solid var(--primary_color);
  border-radius: 12px;
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: -0.01em;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(var(--primary_rgb, 14, 90, 60), 0.18);
}

.sc-btn-live-preview:hover {
  background: var(--primary_hover);
  border-color: var(--primary_hover);
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(var(--primary_rgb, 14, 90, 60), 0.28);
}

.sc-btn-live-preview:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(var(--primary_rgb, 14, 90, 60), 0.2);
}

.sc-btn-live-preview i {
  font-size: 0.9rem;
  transition: transform 0.2s ease;
}

.sc-btn-live-preview:hover i {
  transform: translate(2px, -2px);
}

.sc-btn-wishlist {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  color: #374151;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  font-size: 1.15rem;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.sc-btn-wishlist:hover {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #e11d48;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.15);
}

.sc-btn-wishlist:hover i {
  font-weight: 900;
  transform: scale(1.1);
}

.sc-btn-wishlist:active {
  transform: translateY(0);
}

#scMobilePriceSlot .card-v {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   Modern Product Section Headings & Spacing System
   ========================================================================== */
.sc-similar-section {
  background-color: transparent !important;
  border: none !important;
  padding: 40px 0 60px !important;
  margin-top: 10px !important;
}



/* Modern Header Layout */
.sc-modern-header {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-bottom: 16px;
  margin-bottom: 28px;
}

/* Icon Badge with Theme Emerald Gradient */
.sc-modern-icon-badge {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--primary_color) 0%, #167a53 100%);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
  box-shadow: 0 6px 16px -2px rgba(var(--primary_rgb, 14, 90, 60), 0.35);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.sc-modern-icon-badge i {
  color: #ffffff !important;
}

/* Small Kicker Pill above Title */
.sc-modern-kicker {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--primary_color);
  margin-bottom: 2px;
  line-height: 1;
}

/* Clean, Bold, Modern Title */
.sc-modern-title {
  font-size: 1.45rem;
  font-weight: 800;
  color: #0f172a !important;
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin: 0;
  background: none !important;
  padding: 0 !important;
  border: none !important;
}

.sc-modern-title::before,
.sc-modern-title::after {
  display: none !important;
}

/* Decorative Accent Divider Line */
.sc-modern-divider-line {
  width: 140px;
  height: 2px;
  background: linear-gradient(90deg, rgba(var(--primary_rgb, 14, 90, 60), 0.25) 0%, rgba(var(--primary_rgb, 14, 90, 60), 0) 100%);
  border-radius: 2px;
}

/* Premium "View All" Pill Button */
.sc-modern-btn-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--primary_color) !important;
  text-decoration: none !important;
  padding: 7px 18px;
  border-radius: 999px;
  background: #ffffff;
  border: 1.5px solid var(--primary_color);
  box-shadow: 0 2px 6px rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}

.sc-modern-btn-more:hover {
  background: var(--primary_color);
  color: #ffffff !important;
  border-color: var(--primary_color);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(var(--primary_rgb, 14, 90, 60), 0.25);
}

.sc-modern-btn-more i {
  transition: transform 0.2s ease;
  color: var(--primary_color);
  font-size: 0.8rem;
}

.sc-modern-btn-more:hover i {
  color: #ffffff !important;
  transform: translateX(3px);
}

@media (max-width: 575.98px) {
  .sc-similar-section {
    padding: 36px 0 !important;
  }

  .sc-modern-icon-badge {
    width: 40px;
    height: 40px;
    font-size: 1rem;
    border-radius: 11px;
  }

  .sc-modern-title {
    font-size: 1.2rem;
  }
}

/* Product Card Layout: Price in Meta & Action Buttons */
.sc-item-meta .item-price {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1.2;
}

.sc-item-meta .item-price .item-price-number {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--primary_color);
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.sc-item-meta .item-price del,
.sc-item-meta .item-price del .amount {
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  margin-right: 2px;
}

.sc-item-meta .item-price ins,
.sc-item-meta .item-price ins .amount {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  text-decoration: none !important;
}

.item-body .item-purchase {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sc-item-btn-cart,
.woocommerce a.button.sc-item-btn-cart,
.woocommerce .sc-item-btn-cart,
.item-purchase .sc-item-btn-cart,
.item-purchase a.button {
  flex: 1 1 auto;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.86rem;
  font-weight: 700;
  border-radius: 10px !important;
  background: var(--primary_color) !important;
  border: 1px solid var(--primary_color) !important;
  color: #ffffff !important;
  padding: 0 16px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(var(--primary_rgb, 14, 90, 60), 0.15);
}

.sc-item-btn-cart:hover {
  background: var(--sc-pine, var(--primary_hover)) !important;
  border-color: var(--sc-pine, var(--primary_hover)) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(var(--primary_rgb, 14, 90, 60), 0.25);
}

.sc-item-btn-cart i {
  font-size: 0.85rem;
  color: #ffffff !important;
}

.sc-item-btn-preview {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1.5px solid #e2e8f0 !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: 1rem;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.sc-item-btn-preview:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
  color: var(--primary_color) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.12);
}

.sc-item-btn-preview i {
  font-size: 0.95rem;
}

/* ==========================================================================
   Floating Sticky Cart Bar (Desktop & Mobile 2-Row)
   ========================================================================== */
.sc-stickycart {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  padding: 0 16px 16px !important;
  pointer-events: none !important;
  transform: translateY(140%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, visibility 0.35s ease !important;
}

.sc-stickycart.is-visible {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Mutual exclusion: Never show sticky cart when top toast is active or product is already in cart */
body.has-top-toast .sc-stickycart,
body.has-top-toast #scStickyCart,
.sc-stickycart[data-in-cart="1"],
#scStickyCart[data-in-cart="1"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(140%) !important;
  pointer-events: none !important;
}

.sc-stickycart-inner {
  pointer-events: auto !important;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18) !important;
  padding: 10px 20px !important;
}

.sc-stickycart-main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
}

.sc-stickycart-media {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  border: 1px solid #f1f5f9;
}

.sc-stickycart-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-stickycart-info {
  flex: 1 1 auto;
  min-width: 0;
}

.sc-stickycart-name {
  font-weight: 700;
  font-size: 0.95rem;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 520px;
}

.sc-stickycart-side {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
}

.sc-stickycart-price {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--primary_color);
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.sc-stickycart-price del {
  font-size: 0.85rem;
  color: #94a3b8;
  font-weight: 500;
  text-decoration: line-through;
  margin-right: 4px;
}

.sc-stickycart-price ins {
  text-decoration: none;
  color: var(--primary_color);
  font-weight: 800;
}

.sc-stickycart-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sc-stickycart-preview {
  height: 42px;
  padding: 0 16px;
  border-radius: 999px !important;
  font-weight: 600;
  font-size: 0.86rem;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #d1fae5 !important;
  color: var(--primary_color) !important;
  background: #f0fdf4 !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.sc-stickycart-preview:hover {
  background: var(--primary_color) !important;
  color: #ffffff !important;
  border-color: var(--primary_color) !important;
}

.sc-stickycart-add {
  height: 42px;
  padding: 0 22px;
  border-radius: 999px !important;
  font-weight: 700;
  font-size: 0.9rem;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary_color) !important;
  border: 1px solid var(--primary_color) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.25);
  transition: all 0.2s ease;
  cursor: pointer;
}

.sc-stickycart-add:hover {
  background: var(--sc-pine, var(--primary_hover)) !important;
  border-color: var(--sc-pine, var(--primary_hover)) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(var(--primary_rgb, 14, 90, 60), 0.35);
}

/* Mobile 2-Row Sticky Cart */
@media (max-width: 767.98px) {
  .sc-stickycart {
    padding: 0 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .sc-stickycart-inner {
    border-radius: 16px !important;
    padding: 10px 14px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.24) !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
  }

  /* Row 1: Product Thumbnail & Full Product Name */
  .sc-stickycart-main {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .sc-stickycart-media {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
  }

  .sc-stickycart-name {
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-width: 100% !important;
    font-weight: 700 !important;
    color: #0f172a !important;
  }

  /* Row 2: Product Price on left + Add to Cart button on right */
  .sc-stickycart-side {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding-top: 8px !important;
    border-top: 1px solid #f1f5f9 !important;
    gap: 12px !important;
    flex: 0 0 auto !important;
  }

  .sc-stickycart-price {
    font-size: 1.05rem !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    line-height: 1.2 !important;
  }

  .sc-stickycart-preview {
    display: none !important;
  }

  .sc-stickycart-btns {
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    display: flex !important;
  }

  .sc-stickycart-add {
    height: 38px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 0.86rem !important;
    white-space: nowrap !important;
    width: auto !important;
  }
}

/* ==========================================================================
   Complete Theme-Wide Removal: Language Button, Services & Premium Buttons, Star Shining Styles
   ========================================================================== */
.sc-lang-menu,
.sc-lang-btn,
.sc-lang-flag,
.drop-down-img.sc-lang-menu,
.sc-nav-premium,
.btn-services,
.btn-outline-premium,
.btn.btn-services,
.btn.btn-outline-premium {
  display: none !important;
}

.btn.btn-services::after,
.btn.btn-outline-premium::after,
.btn.btn-services::before,
.btn.btn-outline-premium::before,
.sc-nav-premium::after,
.sc-nav-premium::before {
  display: none !important;
  content: none !important;
  animation: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Remove WooCommerce default "View cart" link on add to cart
   ========================================================================== */
.added_to_cart,
a.added_to_cart,
.wc-forward.added_to_cart {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  pointer-events: none !important;
}

/* ==========================================================================
   Custom Top Add-to-Cart Notification Toast (Pill Style like Sticky Cart)
   ========================================================================== */
.sc-top-cart-toast {
  position: fixed !important;
  top: 24px !important;
  left: 50% !important;
  transform: translate(-50%, -140%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 999999 !important;
  pointer-events: none !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, visibility 0.45s ease !important;
  max-width: 92vw !important;
  width: auto !important;
}

.sc-top-cart-toast.is-visible {
  transform: translate(-50%, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.sc-top-cart-toast.is-hiding {
  transform: translate(-50%, -140%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.35s cubic-bezier(0.7, 0, 0.84, 0), opacity 0.25s ease !important;
}

.sc-top-cart-toast-inner {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 45px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  padding: 8px 16px 8px 10px !important;
  position: relative !important;
  overflow: hidden !important;
  max-width: 820px !important;
  min-width: 320px !important;
  cursor: default !important;
}

.sc-top-toast-media {
  position: relative !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sc-top-toast-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.sc-top-toast-badge {
  position: absolute !important;
  bottom: -1px !important;
  right: -1px !important;
  width: 17px !important;
  height: 17px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 8px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.sc-top-toast-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.sc-top-toast-status {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #059669 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
}

.sc-top-toast-status i {
  font-size: 0.78rem !important;
  color: #059669 !important;
}

.sc-top-toast-title {
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  color: #0f172a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 380px !important;
  line-height: 1.25 !important;
}

.sc-top-toast-price {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin-left: 4px !important;
}

.sc-top-toast-price:empty,
.sc-top-cart-toast.is-warning .sc-top-toast-price {
  display: none !important;
}

.sc-top-toast-price del {
  font-size: 0.82rem !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  margin-right: 4px !important;
}

.sc-top-toast-price ins {
  text-decoration: none !important;
  color: var(--primary_color) !important;
  font-weight: 800 !important;
}

.sc-top-toast-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  margin-left: 8px !important;
}

.sc-top-toast-btn {
  background: var(--primary_color) !important;
  border-color: var(--primary_color) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.84rem !important;
  padding: 7px 16px !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.sc-top-toast-btn:hover {
  background: var(--sc-pine, var(--primary_hover)) !important;
  border-color: var(--sc-pine, var(--primary_hover)) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(var(--primary_rgb, 14, 90, 60), 0.35) !important;
}

.sc-top-toast-close {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: none !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.sc-top-toast-close:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

/* Prominent Timeline Progress Bar */
.sc-top-toast-progress {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 4px !important;
  background: rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
  z-index: 10 !important;
}

.sc-top-toast-progress-bar {
  height: 100% !important;
  width: 0%;
  background: linear-gradient(90deg, var(--primary_dark, var(--primary_hover)), var(--primary_color)) !important;
  box-shadow: 0 0 8px rgba(var(--primary_rgb, 57, 34, 119), 0.6) !important;
  transform-origin: left center !important;
}

@keyframes scToastTimeline {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.sc-top-cart-toast.is-visible .sc-top-toast-progress-bar {
  animation: scToastTimeline 4.2s linear forwards !important;
}

/* Pause on hover */
.sc-top-cart-toast:hover .sc-top-toast-progress-bar {
  animation-play-state: paused !important;
}

/* Warning State (Already in Cart / Single Quantity Limit) */
.sc-top-cart-toast.is-warning .sc-top-cart-toast-inner {
  border-color: rgba(217, 119, 6, 0.35) !important;
  box-shadow: 0 16px 45px rgba(217, 119, 6, 0.16), 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

.sc-top-cart-toast.is-warning .sc-top-toast-badge {
  background: #d97706 !important;
}

.sc-top-cart-toast.is-warning .sc-top-toast-status {
  color: #d97706 !important;
}

.sc-top-cart-toast.is-warning .sc-top-toast-status i {
  color: #d97706 !important;
}

.sc-top-cart-toast.is-warning .sc-top-toast-progress {
  background: rgba(217, 119, 6, 0.12) !important;
}

.sc-top-cart-toast.is-warning .sc-top-toast-progress-bar {
  background: linear-gradient(90deg, #f59e0b, #d97706) !important;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.6) !important;
}

.sc-top-cart-toast.is-warning .sc-top-toast-btn {
  background: #d97706 !important;
  border-color: #d97706 !important;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3) !important;
}

.sc-top-cart-toast.is-warning .sc-top-toast-btn:hover {
  background: #b45309 !important;
  border-color: #b45309 !important;
}

@media (max-width: 991.98px) {
  .sc-top-toast-title {
    max-width: 220px !important;
  }
}

@media (max-width: 767.98px) {
  .sc-top-cart-toast {
    top: 14px !important;
    left: 50% !important;
    transform: translate(-50%, -140%) !important;
    max-width: calc(100vw - 20px) !important;
    width: calc(100vw - 20px) !important;
  }

  .sc-top-cart-toast.is-visible {
    transform: translate(-50%, 0) !important;
  }

  .sc-top-cart-toast.is-hiding {
    transform: translate(-50%, -140%) !important;
  }

  .sc-top-cart-toast-inner {
    border-radius: 999px !important;
    padding: 7px 12px 7px 8px !important;
    gap: 8px !important;
  }

  .sc-top-toast-media {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
  }

  .sc-top-toast-info {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .sc-top-toast-status {
    font-size: 0.68rem !important;
    margin-bottom: 0 !important;
    letter-spacing: 0.04em !important;
  }

  .sc-top-toast-title {
    max-width: 155px !important;
    font-size: 0.82rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sc-top-toast-price {
    display: none !important;
  }

  .sc-top-toast-actions {
    gap: 6px !important;
    margin-left: 2px !important;
  }

  .sc-top-toast-btn {
    padding: 6px 12px !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
    gap: 4px !important;
    border-radius: 999px !important;
  }

  .sc-top-toast-btn span {
    display: inline !important;
  }

  .sc-top-toast-close {
    width: 26px !important;
    height: 26px !important;
    font-size: 11px !important;
  }

  /* === SPECIAL STRUCTURED MOBILE LAYOUT FOR WARNING TOAST (ALREADY IN CART) === */
  .sc-top-cart-toast.is-warning .sc-top-cart-toast-inner {
    display: grid !important;
    grid-template-columns: 36px 1fr 28px !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    border-radius: 18px !important;
    /* Elegant modern card radius instead of bloated oval */
    padding: 13px 15px 15px !important;
    background: #ffffff !important;
    border: 1px solid rgba(217, 119, 6, 0.4) !important;
    box-shadow: 0 16px 40px rgba(217, 119, 6, 0.18), 0 3px 10px rgba(0, 0, 0, 0.08) !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    overflow: visible !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-img {
    border-radius: 10px !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-info {
    display: contents !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-status {
    grid-column: 2 !important;
    grid-row: 1 !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    color: #d97706 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1 !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-status i {
    font-size: 0.82rem !important;
    color: #d97706 !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-actions {
    display: contents !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-close {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-title {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    white-space: normal !important;
    max-width: none !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    color: #1e293b !important;
    font-weight: 500 !important;
    margin: 2px 0 4px !important;
    text-align: left !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-btn {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    justify-content: center !important;
    padding: 9px 18px !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    background: #d97706 !important;
    border-color: #d97706 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  .sc-top-cart-toast.is-warning .sc-top-toast-progress {
    border-radius: 0 0 18px 18px !important;
  }
}

.sc-top-cart-toast.is-warning .sc-top-toast-title {
  max-width: 440px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.88rem !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   PREMIUM WOOCOMMERCE NOTICES & TOAST ALERTS REDESIGN
   ========================================================================== */

/* Notices Wrapper */
.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup,
.woocommerce-NoticeGroup-checkout,
.woocommerce-NoticeGroup-updateOrderReview {
  width: 100% !important;
  margin-bottom: 24px !important;
  display: block !important;
  clear: both !important;
  outline: none !important;
  outline: 0 !important;
  border: none !important;
}

.woocommerce-notices-wrapper:focus,
.woocommerce-notices-wrapper:focus-visible,
.woocommerce-NoticeGroup:focus,
.woocommerce-NoticeGroup:focus-visible,
.woocommerce-NoticeGroup-checkout:focus,
.woocommerce-NoticeGroup-checkout:focus-visible,
.woocommerce-NoticeGroup-updateOrderReview:focus,
.woocommerce-NoticeGroup-updateOrderReview:focus-visible {
  outline: none !important;
  outline: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   MINIMAL & CLEAN WOOCOMMERCE NOTICES (ERROR, SUCCESS, INFO)
   ========================================================================== */

/* Base notice container */
.sc-minimal-notice,
.sc-modern-notice,
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 20px 0 !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  list-style: none !important;
  font-family: var(--sc-font, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  outline: none !important;
  outline: 0 !important;
  border: 1px solid transparent !important;
  border-top: 1px solid transparent !important;
  box-shadow: none !important;
  animation: scNoticeFadeIn 0.25s ease-out forwards !important;
  -webkit-tap-highlight-color: transparent !important;
}

@keyframes scNoticeFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hide default WooCommerce pseudo font icons */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
  display: none !important;
  content: none !important;
}

/* Multi-error ul container */
ul.woocommerce-error {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 14px 42px 14px 18px !important;
  border-radius: 12px !important;
}

/* Safeguard: Hide any rogue direct-child close button attached directly to UL */
ul.woocommerce-error>.sc-notice-close-btn,
ul.woocommerce-error>.sc-notice-close {
  display: none !important;
}

ul.woocommerce-error li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  word-break: break-word !important;
  outline: none !important;
}

ul.woocommerce-error li .sc-notice-ico {
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}

ul.woocommerce-error li+li {
  padding-top: 8px !important;
  margin-top: 8px !important;
  border-top: 1px solid rgba(239, 68, 68, 0.15) !important;
}

/* 1. ERROR NOTICES */
.sc-notice-error,
.woocommerce-error,
ul.woocommerce-error {
  background-color: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #991b1b !important;
}

.sc-notice-error .sc-notice-ico,
.woocommerce-error .sc-notice-ico {
  color: #ef4444 !important;
}

/* 2. SUCCESS NOTICES */
.sc-notice-success,
.woocommerce-message {
  background-color: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #166534 !important;
}

.sc-notice-success .sc-notice-ico,
.woocommerce-message .sc-notice-ico {
  color: #10b981 !important;
}

/* 3. INFO NOTICES */
.sc-notice-info,
.woocommerce-info {
  background-color: rgba(var(--primary_rgb, 14, 90, 60), 0.06) !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
  color: var(--primary_color) !important;
}

.sc-notice-info .sc-notice-ico,
.woocommerce-info .sc-notice-ico {
  color: var(--primary_color) !important;
}

/* Clean Inline Icon */
.sc-notice-ico {
  font-size: 16px !important;
  line-height: 1 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Notice text */
.sc-notice-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-weight: 500 !important;
  color: inherit !important;
  word-break: break-word !important;
}

/* Minimal Dismiss Button */
.sc-notice-close,
.sc-notice-close-btn,
.wc-block-components-notice-banner__dismiss {
  background: transparent !important;
  border: none !important;
  padding: 2px 4px !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #9ca3af !important;
  font-size: 13px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: color 0.15s ease, background 0.15s ease !important;
  outline: none !important;
  box-shadow: none !important;
}

.sc-notice-close:hover,
.sc-notice-close-btn:hover,
.wc-block-components-notice-banner__dismiss:hover {
  color: #374151 !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

.sc-notice-close:focus,
.sc-notice-close:focus-visible,
.sc-notice-close-btn:focus,
.sc-notice-close-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Notice links */
.woocommerce-error a:not(.button),
.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
.sc-notice-text a:not(.button) {
  color: inherit !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  transition: opacity 0.15s ease !important;
}

.woocommerce-error a:not(.button):hover,
.woocommerce-message a:not(.button):hover,
.woocommerce-info a:not(.button):hover,
.sc-notice-text a:not(.button):hover {
  opacity: 0.8 !important;
}

/* Action Buttons inside Notices (e.g. 'View cart', 'Checkout') */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-message .wc-forward,
.woocommerce-info .wc-forward,
.sc-notice-text .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  border-radius: 6px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  border: none !important;
  text-decoration: none !important;
  margin-left: 10px !important;
  float: none !important;
  transition: background 0.15s ease !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
.woocommerce-message .wc-forward:hover,
.woocommerce-info .wc-forward:hover,
.sc-notice-text .button:hover {
  background: var(--sc-pine, var(--primary_hover)) !important;
  color: #ffffff !important;
}

/* Responsive Rules */
@media (max-width: 575.98px) {

  .sc-minimal-notice,
  .woocommerce-error,
  .woocommerce-message,
  .woocommerce-info {
    padding: 10px 14px !important;
    font-size: 13px !important;
    gap: 10px !important;
    border-radius: 8px !important;
    margin-bottom: 14px !important;
  }

  .sc-notice-ico {
    font-size: 15px !important;
  }

  .woocommerce-message .button,
  .woocommerce-info .button,
  .woocommerce-error .button,
  .woocommerce-message .wc-forward,
  .woocommerce-info .wc-forward,
  .sc-notice-text .button {
    margin-left: 0 !important;
    margin-top: 8px !important;
    width: 100% !important;
    text-align: center !important;
  }
}


/* ==========================================================================
   MODERN CART PAGE & THEME REDESIGN
   ========================================================================== */

/* 1. Main Cart Container */
.sc-woocommerce-cart-wrap {
  background: #ffffff !important;
  border: 1px solid #e2ece6 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(var(--primary_rgb, 14, 90, 60), 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

/* 2. Hide Duplicate Product Name / Redundant Excerpt in Cart */
.wc-block-components-product-metadata__description,
.wc-block-cart-items .wc-block-components-product-metadata:empty,
.woocommerce-cart-form .product-name dl.variation:empty {
  display: none !important;
}

/* 3. Redesigned Modern Remove Item Button (Delete / Trash Button) */
.wc-block-cart-item__remove-link,
button.wc-block-cart-item__remove-link,
.woocommerce-cart-form .product-remove a.remove,
.woocommerce-cart .product-remove a.remove,
a.remove.remove_from_cart_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #fef2f2 !important;
  color: #ef4444 !important;
  border: 1px solid #fee2e2 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.08) !important;
}

.wc-block-cart-item__remove-link:hover,
button.wc-block-cart-item__remove-link:hover,
.woocommerce-cart-form .product-remove a.remove:hover,
.woocommerce-cart .product-remove a.remove:hover,
a.remove.remove_from_cart_button:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
  border-color: #ef4444 !important;
  transform: scale(1.1) !important;
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.3) !important;
}

.wc-block-cart-item__remove-link svg {
  width: 15px !important;
  height: 15px !important;
  fill: currentColor !important;
  color: inherit !important;
  transition: all 0.15s ease !important;
}

.wc-block-cart-item__remove-link:hover svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* ==========================================================================
   4. CART TABLE & PRODUCTS STYLING (UNIFIED & RESPONSIVE)
   ========================================================================== */
.container.sc-c2-container {
  padding-top: 32px !important;
  padding-bottom: 50px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

.sc-woocommerce-cart-wrap {
  background: #ffffff !important;
  border: 1px solid #e6f0eb !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 25px rgba(var(--primary_rgb, 14, 90, 60), 0.05), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  padding: 32px 28px !important;
  margin-top: 20px !important;
  margin-bottom: 40px !important;
}

/* Shopping Cart Toolbar (Desktop, Tablet & Global) */
.sc-cart-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 0 16px 0 !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #edf2f7 !important;
  width: 100% !important;
}

.sc-cart-toolbar-left {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.sc-cart-toolbar-title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #10111A !important;
}

.sc-cart-toolbar-title i {
  font-size: 1.05rem !important;
  margin-right: 8px !important;
  color: var(--primary_color, #6d4aff) !important;
}

.sc-cart-toolbar-count {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08) !important;
  color: var(--primary_color, #6d4aff) !important;
  border: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.18) !important;
}

.sc-cart-toolbar-right {
  flex: 0 0 auto !important;
}

.sc-empty-all-cart-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  color: #ef4444 !important;
  background: #fef2f2 !important;
  border: 1px solid #fee2e2 !important;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.08) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  outline: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.sc-empty-all-cart-btn:hover {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #dc2626 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 8px rgba(239, 68, 68, 0.15) !important;
}

.sc-empty-all-cart-btn:active {
  transform: translateY(0) !important;
}

.sc-empty-all-cart-btn i {
  font-size: 0.85rem !important;
  color: #ef4444 !important;
}

table.wc-block-cart-items,
.woocommerce-cart-form table.shop_table {
  display: block !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: none !important;
  margin: 0 0 16px 0 !important;
}

/* Unified Modern Header Ribbon */
table.wc-block-cart-items thead,
.woocommerce-cart-form table.shop_table thead {
  display: block !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

table.wc-block-cart-items thead tr,
.woocommerce-cart-form table.shop_table thead tr {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  padding: 12px 18px !important;
  background: #f8fafc !important;
  border: 1px solid #e1ece5 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

table.wc-block-cart-items thead th,
.woocommerce-cart-form table.shop_table thead th {
  display: block !important;
  font-family: var(--sc-font, 'Inter', sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--heading_color, #0f172a) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

table.wc-block-cart-items thead th.wc-block-cart-items__header-image,
.woocommerce-cart-form table.shop_table thead th.product-name {
  text-align: left !important;
  flex: 0 0 auto !important;
}

table.wc-block-cart-items thead th.wc-block-cart-items__header-product {
  display: none !important;
}

table.wc-block-cart-items thead th.wc-block-cart-items__header-total,
.woocommerce-cart-form table.shop_table thead th.product-subtotal {
  text-align: right !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

table.wc-block-cart-items thead th span,
.woocommerce-cart-form table.shop_table thead th span {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

table.wc-block-cart-items tbody,
.woocommerce-cart-form table.shop_table tbody {
  display: block !important;
  width: 100% !important;
}

/* ==========================================================================
   DESKTOP & TABLET ROW LAYOUT (>= 768px)
   ========================================================================== */
@media (min-width: 768px) {

  table.wc-block-cart-items tr.wc-block-cart-items__row,
  .woocommerce-cart-form table.shop_table tbody tr {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 18px 0 !important;
    border-bottom: 1px solid #eef5f1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background 0.15s ease !important;
  }

  table.wc-block-cart-items tr.wc-block-cart-items__row:last-child,
  .woocommerce-cart-form table.shop_table tbody tr:last-child {
    border-bottom: none !important;
  }

  table.wc-block-cart-items tr.wc-block-cart-items__row:hover,
  .woocommerce-cart-form table.shop_table tbody tr:hover {
    background: #fcfdfd !important;
  }

  /* Col 1: Thumbnail */
  table.wc-block-cart-items td.wc-block-cart-item__image,
  .woocommerce-cart-form td.product-thumbnail {
    display: block !important;
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .wc-block-cart-item__image img,
  .woocommerce-cart-form .product-thumbnail img {
    border-radius: 12px !important;
    border: 1px solid #e0ebe5 !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    object-fit: cover !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.2s ease !important;
    display: block !important;
  }

  .wc-block-cart-items__row:hover .wc-block-cart-item__image img,
  .woocommerce-cart-form tbody tr:hover .product-thumbnail img {
    transform: scale(1.03) !important;
  }

  /* Col 2: Product Details (Title + Unit Price + Clean Delete Button) */
  table.wc-block-cart-items td.wc-block-cart-item__product,
  .woocommerce-cart-form td.product-name {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    position: relative !important;
    padding: 0 46px 0 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .wc-block-components-product-name,
  .woocommerce-cart-form .product-name a {
    font-family: var(--sc-font, 'Inter', sans-serif) !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    color: var(--heading_color, #0f172a) !important;
    line-height: 1.42 !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
    display: block !important;
    margin-bottom: 2px !important;
  }

  .wc-block-components-product-name:hover,
  .woocommerce-cart-form .product-name a:hover {
    color: var(--primary_color) !important;
  }

  .wc-block-cart-item__prices,
  .woocommerce-cart-form .product-price {
    font-family: var(--sc-font, 'Inter', sans-serif) !important;
    font-size: 0.92rem !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .wc-block-components-product-price__regular,
  .woocommerce-cart-form .product-price del {
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
  }

  .wc-block-components-product-price__value.is-discounted,
  .woocommerce-cart-form .product-price ins,
  .woocommerce-cart-form .product-price .amount {
    color: var(--primary_color) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  /* Remove Button on Desktop & Tablet: Centered on right side of details */
  td.wc-block-cart-item__product .wc-block-cart-item__remove-link,
  td.wc-block-cart-item__product button.wc-block-cart-item__remove-link,
  .woocommerce-cart-form .product-remove a.remove {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #fef2f2 !important;
    color: #ef4444 !important;
    border: 1px solid #fee2e2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 1px 3px rgba(239, 68, 68, 0.08) !important;
  }

  td.wc-block-cart-item__product .wc-block-cart-item__remove-link:hover,
  td.wc-block-cart-item__product button.wc-block-cart-item__remove-link:hover,
  .woocommerce-cart-form .product-remove a.remove:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.28) !important;
  }

  /* Col 3: Total Cell (Price + Badge on far right) */
  table.wc-block-cart-items td.wc-block-cart-item__total,
  .woocommerce-cart-form td.product-subtotal {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    text-align: right !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    white-space: nowrap !important;
  }

  .wc-block-cart-item__total-price,
  .wc-block-cart-item__total .amount,
  .woocommerce-cart-form .product-subtotal .amount {
    font-family: var(--sc-font, 'Inter', sans-serif) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: var(--heading_color, #0f172a) !important;
    display: block !important;
  }

  .gplpanther-save-badge,
  .wc-block-components-product-badge,
  .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge {
    background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
    color: var(--primary_color) !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
    box-shadow: 0 1px 3px rgba(var(--primary_rgb, 14, 90, 60), 0.06) !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }
}

/* ==========================================================================
   5. CART TOTALS SIDEBAR CARD (CLEAN, MODERN & LINE-FREE)
   ========================================================================== */
.wp-block-woocommerce-cart-totals-block,
.cart_totals {
  background: #ffffff !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  border-radius: 20px !important;
  padding: 24px 22px !important;
  box-shadow: 0 4px 20px rgba(var(--primary_rgb, 14, 90, 60), 0.06), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

/* Eliminate all stacked borders & lines inside Order Summary */
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wp-block-woocommerce-cart-order-summary-totals-block,
.wc-block-components-totals-wrapper,
.wc-block-components-totals-item,
.wc-block-components-totals-coupon,
.wc-block-components-panel.wc-block-components-totals-coupon,
.cart_totals table.shop_table tr,
.cart_totals table.shop_table td,
.cart_totals table.shop_table th {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}

/* Hide empty elements that cause phantom gaps */
.wp-block-woocommerce-cart-order-summary-totals-block:empty,
.wc-block-components-totals-item__description:empty,
.wc-block-cart__payment-options:empty,
.wc-block-cart-items .wc-block-components-product-metadata:empty {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Tighten coupon & totals block wrappers */
.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-block>.wp-block-woocommerce-cart-order-summary-totals-block,
.wp-block-woocommerce-cart-order-summary-block>.wc-block-components-totals-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

.wc-block-cart__submit-container,
.wc-block-cart__submit-container--sticky {
  position: static !important;
  bottom: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Clean, modern Header without harsh bottom line */
.wc-block-cart__totals-title,
.cart_totals h2 {
  font-family: var(--sc-font, 'Inter', sans-serif) !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  color: var(--heading_color, #0f172a) !important;
  letter-spacing: -0.01em !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Direct Coupon Code Input Field (No dropdown, always visible) */
.wc-block-components-totals-coupon .wc-block-components-panel__button {
  display: none !important;
}

.wc-block-components-totals-coupon .wc-block-components-panel__content {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wc-block-components-panel.wc-block-components-totals-coupon {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  box-shadow: none !important;
}

.wc-block-components-totals-coupon__content {
  padding: 0 !important;
  margin: 0 !important;
}

.wc-block-components-totals-coupon__form {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.wc-block-components-totals-coupon__form .wc-block-components-text-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  position: relative !important;
}

.wc-block-components-totals-coupon__form input[type="text"],
.woocommerce-cart-form #coupon_code {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  border: 1.5px solid #d1e3d9 !important;
  background: #ffffff !important;
  font-size: 0.88rem !important;
  color: var(--text_color, #1e293b) !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.wc-block-components-totals-coupon__form input[type="text"]:focus,
.woocommerce-cart-form #coupon_code:focus {
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  outline: none !important;
}

.wc-block-components-totals-coupon__form label {
  display: none !important;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
.woocommerce-cart-form button[name="apply_coupon"] {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border: none !important;
  cursor: pointer !important;
  margin: 0 !important;
  box-shadow: 0 2px 8px rgba(var(--primary_rgb, 14, 90, 60), 0.18) !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:not(:disabled):hover,
.woocommerce-cart-form button[name="apply_coupon"]:hover {
  background: var(--sc-pine, var(--primary_hover)) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.28) !important;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:disabled {
  opacity: 0.65 !important;
  background: #94a3b8 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Totals Items (Subtotal, discount rows) */
.wc-block-components-totals-item,
.cart_totals table.shop_table tr {
  padding: 8px 0 !important;
  font-size: 0.92rem !important;
  color: #475569 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.wc-block-components-totals-item__label,
.cart_totals table.shop_table th {
  font-weight: 500 !important;
  color: #475569 !important;
}

.wc-block-components-totals-item__value,
.cart_totals table.shop_table td {
  font-weight: 700 !important;
  color: var(--heading_color, #0f172a) !important;
}

/* EXACTLY ONE subtle divider line before Estimated Total */
.wc-block-components-totals-footer-item,
.cart_totals .order-total {
  border-top: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  border-bottom: none !important;
  padding-top: 16px !important;
  margin-top: 12px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.cart_totals .order-total th {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: var(--heading_color, #0f172a) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.cart_totals .order-total td .amount {
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  color: var(--primary_color) !important;
  letter-spacing: -0.02em !important;
}

/* 6. PROCEED TO CHECKOUT CTA BUTTON */
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button,
.wc-block-cart__submit-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 16px 28px !important;
  margin-top: 18px !important;
  font-family: var(--sc-font, 'Inter', sans-serif) !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  border: none !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 6px 22px rgba(var(--primary_rgb, 57, 34, 119), 0.32), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-align: center !important;
}

.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: linear-gradient(135deg, var(--primary_dark, var(--primary_hover)) 0%, var(--primary_color) 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(var(--primary_rgb, 57, 34, 119), 0.42), 0 4px 10px rgba(0, 0, 0, 0.06) !important;
}

.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:active,
.wc-block-cart__submit-button:active,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 57, 34, 119), 0.24) !important;
}

/* 6.1 PROCEED TO CHECKOUT - MODERN LOADING ANIMATION (SINGLE SPINNER) */
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button--loading,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button.is-loading,
.wc-block-cart__submit-button--loading,
.wc-block-cart__submit-button.is-loading,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.loading {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: wait !important;
  pointer-events: none !important;
  min-height: 56px !important;
  background: linear-gradient(135deg, var(--primary_dark, var(--primary_hover)) 0%, var(--primary_color) 100%) !important;
  box-shadow: 0 8px 24px rgba(var(--primary_rgb, 57, 34, 119), 0.38) !important;
  transition: all 0.3s ease !important;
}

/* Keep the button text visible with subtle pulse */
.wc-block-cart__submit-button--loading .wc-block-components-button__text,
.wc-block-cart__submit-button.is-loading .wc-block-components-button__text,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.loading {
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  opacity: 0.95 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
  animation: sc-checkout-text-pulse 1.4s ease-in-out infinite alternate !important;
}

/* STRICTLY HIDE internal WooCommerce block spinner to prevent duplicate 2nd icon */
.wc-block-cart__submit-button .wc-block-components-spinner,
.wc-block-cart__submit-button--loading .wc-block-components-spinner,
.wc-block-cart__submit-button.is-loading .wc-block-components-spinner,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-spinner {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* The SINGLE modern circular ring loader */
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button--loading::before,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button.is-loading::before,
.wc-block-cart__submit-button--loading::before,
.wc-block-cart__submit-button.is-loading::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.loading::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  border: 2.5px solid rgba(255, 255, 255, 0.28) !important;
  border-top-color: #ffffff !important;
  border-right-color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.28) !important;
  border-left-color: rgba(255, 255, 255, 0.28) !important;
  animation: sc-checkout-spinner-spin 0.7s linear infinite !important;
  flex-shrink: 0 !important;
}

/* Prevent any idle or after pseudo-element spinners */
.wc-block-cart__submit-button:not(.wc-block-cart__submit-button--loading):not(.is-loading)::before,
.wc-block-cart__submit-button::after,
.wc-block-cart__submit-button--loading::after,
.wc-block-cart__submit-button.is-loading::after,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after {
  display: none !important;
  content: none !important;
}

@keyframes sc-checkout-spinner-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes sc-checkout-text-pulse {
  0% {
    opacity: 0.82;
  }

  100% {
    opacity: 1;
  }
}

/* ==========================================================================
   7. DESKTOP & LAPTOP CART LAYOUT (>= 992px)
   Strict 2-Column Side-by-Side: Items list on left, Totals & Checkout card on right
   ========================================================================== */
@media (min-width: 992px) {

  /* Gutenberg Block Cart Container */
  body .wc-block-components-sidebar-layout.wc-block-cart,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-filled-cart-block,
  body .woocommerce-cart .woocommerce {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    align-items: start !important;
    gap: 26px !important;
    width: 100% !important;
    margin-bottom: 24px !important;
  }

  /* Left Column: Cart Items List */
  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main,
  body .wc-block-components-sidebar-layout.wc-block-cart .wc-block-components-main,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-cart-items-block,
  body .woocommerce-cart-form {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Right Column: Proceed to Checkout / Cart Totals Card */
  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  body .wc-block-components-sidebar-layout.wc-block-cart .wc-block-components-sidebar,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-cart-totals-block,
  body .cart-collaterals,
  body .cart_totals {
    width: 100% !important;
    max-width: 340px !important;
    flex: none !important;
    padding: 22px 20px !important;
    margin: 0 !important;
    position: sticky !important;
    top: 90px !important;
    z-index: 10 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .sc-woocommerce-cart-wrap {
    padding: 24px 22px !important;
  }
}

@media (min-width: 1200px) {

  body .wc-block-components-sidebar-layout.wc-block-cart,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-filled-cart-block,
  body .woocommerce-cart .woocommerce {
    grid-template-columns: minmax(0, 1fr) 380px !important;
    gap: 32px !important;
  }

  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  body .wc-block-components-sidebar-layout.wc-block-cart .wc-block-components-sidebar,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-cart-totals-block,
  body .cart-collaterals,
  body .cart_totals {
    max-width: 380px !important;
    padding: 26px 24px !important;
  }
}

/* ==========================================================================
   8. TABLET CART LAYOUT (768px - 991.98px)
   Full-width table and stacked totals card
   ========================================================================== */
@media (min-width: 768px) and (max-width: 991.98px) {
  .container.sc-c2-container {
    padding-top: 28px !important;
    padding-bottom: 48px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .sc-woocommerce-cart-wrap {
    padding: 28px 24px !important;
    margin-top: 20px !important;
    margin-bottom: 36px !important;
    border-radius: 20px !important;
  }

  body .wc-block-components-sidebar-layout.wc-block-cart,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-filled-cart-block,
  body .woocommerce-cart .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    width: 100% !important;
  }

  /* Left Column: Cart items table takes full width with 0 outer padding */
  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main,
  body .wc-block-components-sidebar-layout.wc-block-cart .wc-block-components-main,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-cart-items-block,
  body .woocommerce-cart-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: static !important;
    flex: none !important;
  }

  /* Right Column / Totals Card: Generous 26px/24px padding & proper margins */
  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  body .wc-block-components-sidebar-layout.wc-block-cart .wc-block-components-sidebar,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-cart-totals-block,
  body .wp-block-woocommerce-cart-totals-block,
  body .cart-collaterals,
  body .cart_totals {
    width: 100% !important;
    max-width: 100% !important;
    padding: 26px 24px !important;
    margin-top: 14px !important;
    margin-bottom: 24px !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    position: static !important;
    flex: none !important;
  }
}

/* ==========================================================================
   9. MOBILE CART LAYOUT (<= 767.98px / .is-mobile / .is-small)
   Flawless mobile layout: Spacious single-card wrapper, sleek progress bar,
   non-wrapping toolbar, clean item card, and soft modern order summary.
   ========================================================================== */
@media (max-width: 767.98px) {
  .section.py-4 {
    padding-top: 14px !important;
    padding-bottom: 28px !important;
  }

  .container.sc-c2-container {
    padding-top: 12px !important;
    padding-bottom: 28px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  .sc-c2-progress {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    margin-bottom: 14px !important;
    background: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  }

  .sc-c2-bar-head {
    margin-bottom: 6px !important;
  }

  .sc-c2-progress-sub {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
  }

  .sc-c2-head-right {
    gap: 6px !important;
  }

  .sc-c2-step {
    font-size: 0.72rem !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
  }

  .sc-c2-pct {
    font-size: 0.75rem !important;
    padding: 2px 9px !important;
    border-radius: 999px !important;
  }

  .sc-c2-track {
    max-width: 100% !important;
    margin: 6px auto 0 !important;
  }

  .sc-c2-track-line {
    top: 16px !important;
    left: 16px !important;
    right: 16px !important;
    height: 5px !important;
  }

  .sc-c2-stp-ic {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
  }

  .sc-c2-stp {
    font-size: 0.70rem !important;
    gap: 4px !important;
  }

  .sc-c2-cheer {
    font-size: 0.76rem !important;
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
  }

  .sc-c2-cheer-wolf {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
  }

  .sc-woocommerce-cart-wrap {
    padding: 16px 14px !important;
    margin-top: 8px !important;
    margin-bottom: 24px !important;
    border-radius: 16px !important;
    border: 1px solid #eef2f6 !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
  }

  .wc-block-cart,
  .wp-block-woocommerce-cart {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Hide table header ribbon on mobile */
  table.wc-block-cart-items thead,
  .wc-block-cart table.wc-block-cart-items thead,
  .woocommerce-cart-form table.shop_table thead {
    display: none !important;
  }

  table.wc-block-cart-items,
  .wc-block-cart table.wc-block-cart-items,
  .woocommerce-cart-form table.shop_table {
    display: block !important;
    width: 100% !important;
    margin-bottom: 12px !important;
    border: none !important;
  }

  table.wc-block-cart-items tbody,
  .wc-block-cart table.wc-block-cart-items tbody,
  .woocommerce-cart-form table.shop_table tbody {
    display: block !important;
    width: 100% !important;
  }

  /* Shopping Cart Toolbar on Mobile: Never wraps awkwardly */
  .sc-cart-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 0 12px 0 !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #edf2f7 !important;
    width: 100% !important;
  }

  .sc-cart-toolbar-left {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .sc-cart-toolbar-title {
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .sc-cart-toolbar-title i {
    font-size: 0.95rem !important;
    margin-right: 6px !important;
  }

  .sc-cart-toolbar-count {
    font-size: 0.70rem !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    background: rgba(var(--primary_rgb, 109, 74, 255), 0.08) !important;
    color: var(--primary_color) !important;
    border: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.18) !important;
  }

  .sc-cart-toolbar-right {
    flex: 0 0 auto !important;
  }

  .sc-empty-all-cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 9px !important;
    font-size: 0.70rem !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    color: #ef4444 !important;
    background: #fef2f2 !important;
    border: 1px solid #fee2e2 !important;
    box-shadow: 0 1px 2px rgba(239, 68, 68, 0.05) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    outline: none !important;
  }

  .sc-empty-all-cart-btn i {
    font-size: 0.75rem !important;
    color: #ef4444 !important;
  }

  /* Clean Card Layout for Mobile Items */
  table.wc-block-cart-items tr.wc-block-cart-items__row,
  body .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row,
  body .is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
  body .is-small table.wc-block-cart-items .wc-block-cart-items__row,
  .woocommerce-cart-form table.shop_table tbody tr {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: start !important;
    position: relative !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  table.wc-block-cart-items tr.wc-block-cart-items__row:last-child,
  .woocommerce-cart-form table.shop_table tbody tr:last-child {
    border-bottom: none !important;
  }

  /* Col 1: Thumbnail */
  table.wc-block-cart-items td.wc-block-cart-item__image,
  body .wp-block-woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__image,
  body .is-mobile table.wc-block-cart-items td.wc-block-cart-item__image,
  body .is-small table.wc-block-cart-items td.wc-block-cart-item__image,
  .woocommerce-cart-form td.product-thumbnail {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: block !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .wc-block-cart-item__image img,
  .woocommerce-cart-form .product-thumbnail img {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    object-fit: cover !important;
    display: block !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  }

  /* Col 2, Row 1: Details (Title + Unit Price) */
  table.wc-block-cart-items td.wc-block-cart-item__product,
  body .wp-block-woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__product,
  body .is-mobile table.wc-block-cart-items td.wc-block-cart-item__product,
  body .is-small table.wc-block-cart-items td.wc-block-cart-item__product,
  .woocommerce-cart-form td.product-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    position: relative !important;
    padding: 0 34px 0 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .wc-block-components-product-name,
  .woocommerce-cart-form .product-name a {
    font-size: 0.88rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: var(--heading_color, #0f172a) !important;
    margin-bottom: 4px !important;
    word-break: break-word !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .wc-block-cart-item__prices {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
  }

  .wc-block-components-product-price__regular {
    font-size: 0.80rem !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
  }

  .wc-block-components-product-price__value.is-discounted {
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    color: var(--primary_color) !important;
  }

  /* Mobile Remove Button: Top-Right of product cell with clearance */
  td.wc-block-cart-item__product .wc-block-cart-item__remove-link,
  td.wc-block-cart-item__product button.wc-block-cart-item__remove-link,
  .woocommerce-cart-form table.shop_table .product-remove a.remove {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #fef2f2 !important;
    color: #ef4444 !important;
    border: 1px solid #fee2e2 !important;
    box-shadow: 0 1px 3px rgba(239, 68, 68, 0.08) !important;
    z-index: 5 !important;
  }

  td.wc-block-cart-item__product .wc-block-cart-item__remove-link:hover,
  td.wc-block-cart-item__product button.wc-block-cart-item__remove-link:hover {
    transform: scale(1.1) !important;
    background: #ef4444 !important;
    color: #ffffff !important;
  }

  /* Col 2, Row 2: Savings Badge below price */
  table.wc-block-cart-items td.wc-block-cart-item__total,
  body .wp-block-woocommerce-cart table.wc-block-cart-items td.wc-block-cart-item__total,
  body .is-mobile table.wc-block-cart-items td.wc-block-cart-item__total,
  body .is-small table.wc-block-cart-items td.wc-block-cart-item__total {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 2px 0 0 0 !important;
    border: none !important;
    position: static !important;
    text-align: left !important;
  }

  .wc-block-cart-item__total .wc-block-components-product-price,
  .wc-block-cart-item__total .wc-block-cart-item__total-price,
  .wc-block-cart-item__total-price-and-sale-badge-wrapper > .price {
    display: none !important;
  }

  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    align-items: flex-start !important;
    margin: 0 !important;
  }

  .gplpanther-save-badge,
  .wc-block-components-product-badge,
  .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    background: rgba(var(--primary_rgb, 109, 74, 255), 0.08) !important;
    color: var(--primary_color) !important;
    border: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.18) !important;
  }

  .wc-block-components-product-badge span,
  .gplpanther-save-badge span {
    margin-left: 3px !important;
  }

  /* Mobile Cart Totals Card (Soft slate-50 container, no heavy double-box) */
  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  body .wc-block-components-sidebar-layout.wc-block-cart .wc-block-components-sidebar,
  body .wp-block-woocommerce-cart .wp-block-woocommerce-cart-totals-block,
  body .wp-block-woocommerce-cart-totals-block,
  body .cart-collaterals,
  body .cart_totals {
    width: 100% !important;
    max-width: 100% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 16px 14px !important;
    margin-top: 14px !important;
    margin-bottom: 12px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .wc-block-cart__totals-title,
  .cart_totals h2 {
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    color: var(--heading_color, #0f172a) !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .wc-block-components-totals-coupon__form {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    box-sizing: border-box !important;
  }

  .wc-block-components-totals-coupon__form input[type="text"],
  .woocommerce-cart-form #coupon_code {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 10px !important;
    border: 1.5px solid #cbd5e1 !important;
    background: #ffffff !important;
    font-size: 0.85rem !important;
    padding: 0 12px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
  .woocommerce-cart-form button[name="apply_coupon"] {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    background: var(--primary_color) !important;
    color: #ffffff !important;
    border: none !important;
    flex-shrink: 0 !important;
  }

  .wc-block-components-validation-error,
  .wc-block-components-totals-coupon__content .wc-block-components-validation-error {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    padding: 8px 12px !important;
    margin-top: 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    color: #dc2626 !important;
    background: #fef2f2 !important;
    border: 1px solid #fee2e2 !important;
    border-radius: 8px !important;
  }

  .wc-block-components-totals-item,
  .cart_totals table.shop_table tr {
    padding: 6px 0 !important;
    font-size: 0.88rem !important;
  }

  .wc-block-components-totals-footer-item,
  .cart_totals .order-total {
    border-top: 1px dashed #cbd5e1 !important;
    padding-top: 12px !important;
    margin-top: 8px !important;
  }

  .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
  .cart_totals .order-total th {
    font-size: 0.98rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
  }

  .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
  .cart_totals .order-total td .amount {
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    color: var(--primary_color) !important;
  }

  .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button,
  .wc-block-cart__submit-button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    font-size: 0.98rem !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    margin-top: 14px !important;
    background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
    box-shadow: 0 4px 16px rgba(var(--primary_rgb, 57, 34, 119), 0.28) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .wp-block-woocommerce-proceed-to-checkout-block::after,
  .woocommerce-cart .wc-proceed-to-checkout::after {
    content: "🔒 100% Secure Checkout • Instant Digital Access" !important;
    display: block !important;
    text-align: center !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin-top: 10px !important;
    letter-spacing: 0.02em !important;
  }
}

/* ==========================================================================
   CART PAGE CARD CONTAINER & MODERN EMPTY CART LAYOUT
   ========================================================================== */
/* The cart wrapper is always a unified white background card */
.sc-woocommerce-cart-wrap {
  background: #ffffff !important;
  border: 1px solid #ececec !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
}

/* Empty Cart Layout inside the unified card wrapper (no duplicate inner box) */
.wp-block-woocommerce-cart .wp-block-woocommerce-empty-cart-block,
.wp-block-woocommerce-empty-cart-block {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px 0 20px 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {

  .wp-block-woocommerce-cart .wp-block-woocommerce-empty-cart-block,
  .wp-block-woocommerce-empty-cart-block {
    padding: 5px 0 10px 0 !important;
    margin: 0 auto !important;
  }
}

/* Hide default Gutenberg headings, separator dots & legacy recommendations block */
.wp-block-woocommerce-empty-cart-block hr.wp-block-separator,
.wp-block-separator.is-style-dots,
.wp-block-woocommerce-empty-cart-block .wc-block-grid,
.wp-block-woocommerce-empty-cart-block .wp-block-product-new,
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading,
.wp-block-woocommerce-empty-cart-block>h2:not(.sc-empty-cart-title) {
  display: none !important;
}

/* Empty cart recommendations matching single-product & home page */
.sc-empty-cart-products-wrap {
  width: 100% !important;
  text-align: left !important;
  margin-top: 40px !important;
  padding-top: 10px !important;
}

.sc-empty-cart-products-wrap .sc-modern-header {
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.sc-empty-cart-products-wrap .items {
  width: 100% !important;
}

/* Empty Cart Hero Container */
.sc-empty-cart-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 10px 16px 44px 16px !important;
  border-bottom: 1px solid #edf2f7 !important;
  margin-bottom: 40px !important;
}

.sc-empty-cart-icon-box {
  position: relative !important;
  width: 84px !important;
  height: 84px !important;
  border-radius: 50% !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  color: var(--primary_color) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 22px !important;
  box-shadow: 0 8px 24px rgba(var(--primary_rgb, 14, 90, 60), 0.1) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

.sc-empty-cart-hero:hover .sc-empty-cart-icon-box {
  transform: scale(1.05) !important;
  box-shadow: 0 12px 30px rgba(var(--primary_rgb, 14, 90, 60), 0.15) !important;
}

.sc-empty-cart-icon-box i.sc-empty-icon-main {
  font-size: 36px !important;
  color: var(--primary_color) !important;
  line-height: 1 !important;
}

.sc-empty-cart-badge-sparkle {
  display: none !important;
}

.sc-empty-cart-title {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: #14201a !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.02em !important;
}

@media (max-width: 767px) {
  .sc-empty-cart-title {
    font-size: 1.45rem !important;
  }
}

.sc-empty-cart-sub {
  font-size: 0.98rem !important;
  color: #64748b !important;
  max-width: 540px !important;
  margin: 0 auto 28px auto !important;
  line-height: 1.6 !important;
}

.sc-empty-cart-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.sc-empty-cart-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 30px !important;
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  color: #ffffff !important;
  font-size: 0.96rem !important;
  font-weight: 700 !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(var(--primary_rgb, 14, 90, 60), 0.28) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sc-empty-cart-btn-primary:hover {
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(var(--primary_rgb, 14, 90, 60), 0.4) !important;
}

.sc-empty-cart-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
  font-size: 0.96rem !important;
  font-weight: 600 !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.sc-empty-cart-btn-secondary:hover {
  background: #edf2f7 !important;
  color: var(--primary_color) !important;
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.35) !important;
  transform: translateY(-1px) !important;
}

/* Fallback: Override default WooCommerce crying face icon */
.wc-block-cart__empty-cart__title.with-empty-cart-icon {
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  color: #14201a !important;
  margin-bottom: 25px !important;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
  background-color: var(--primary_color) !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16 7a4 4 0 0 0-8 0v2H4.75A2.75 2.75 0 0 0 2 11.75v7.5A2.75 2.75 0 0 0 4.75 22h14.5A2.75 2.75 0 0 0 22 19.25v-7.5A2.75 2.75 0 0 0 19.25 9H16V7Zm-6 2V7a2 2 0 1 1 4 0v2h-4Z'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16 7a4 4 0 0 0-8 0v2H4.75A2.75 2.75 0 0 0 2 11.75v7.5A2.75 2.75 0 0 0 4.75 22h14.5A2.75 2.75 0 0 0 22 19.25v-7.5A2.75 2.75 0 0 0 19.25 9H16V7Zm-6 2V7a2 2 0 1 1 4 0v2h-4Z'/%3E%3C/svg%3E") !important;
  height: 76px !important;
  width: 76px !important;
  margin: 0 auto 16px auto !important;
}

/* Hide fallback if enhanced hero is rendered */
.wp-block-woocommerce-empty-cart-block:has(.sc-empty-cart-hero) .wc-block-cart__empty-cart__title {
  display: none !important;
}

/* Recommendations Section Title */
.sc-empty-cart-rec-title {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #14201a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 0 26px 0 !important;
  letter-spacing: -0.01em !important;
}

/* Recommendations Products Grid */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

@media (max-width: 991px) {
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 575px) {
  .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 18px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
  text-align: left !important;
  max-width: 100% !important;
  width: 100% !important;
  flex: none !important;
  box-sizing: border-box !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover {
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.28) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 32px rgba(10, 25, 18, 0.09) !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  background: #f8fafc !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  transition: transform 0.35s ease !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover .wc-block-grid__product-image img {
  transform: scale(1.05) !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: #14201a !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.6em !important;
  transition: color 0.2s ease !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover .wc-block-grid__product-title {
  color: var(--primary_color) !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link {
  text-decoration: none !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
  margin-bottom: 14px !important;
  font-size: 0.96rem !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price del {
  color: #94a3b8 !important;
  font-size: 0.84rem !important;
  margin-right: 6px !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price ins {
  color: var(--primary_color) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 10px rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

.wp-block-woocommerce-empty-cart-block .wp-block-button__link {
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  border-radius: 24px !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  border: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.18) !important;
}

.wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover {
  background: var(--primary_hover) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(var(--primary_rgb, 14, 90, 60), 0.3) !important;
}

/* ==========================================================================
   MODERN CHECKOUT PAGE STYLING (WooCommerce Blocks & Classic)
   ========================================================================== */

/* Outer Card Container: Matches Theme & Cart Page Container */
.sc-woocommerce-checkout-wrap {
  background: #ffffff !important;
  border: 1px solid var(--border_color, #ececec) !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.04) !important;
  padding: 36px 40px !important;
}

/* 2-Column Grid Layout on Desktop (>= 992px) */
@media (min-width: 992px) {
  .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.42fr) minmax(370px, 1fr) !important;
    gap: 40px !important;
    align-items: start !important;
    width: 100% !important;
  }

  .wp-block-woocommerce-checkout .wc-block-checkout__main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }

  .wp-block-woocommerce-checkout .wc-block-checkout__sidebar {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: sticky !important;
    top: 90px !important;
    z-index: 10 !important;
  }

  /* Hide the mobile/tablet fill order summary wrapper on desktop */
  .checkout-order-summary-block-fill-wrapper {
    display: none !important;
  }
}

/* Main Column Checkout Step Sections - Balanced divider lines & proper spacing */
.wc-block-checkout__contact-fields,
.wc-block-checkout__shipping-fields,
.wc-block-checkout__shipping-option,
.wc-block-checkout__billing-fields,
.wc-block-checkout__additional-information-fields {
  padding-bottom: 32px !important;
  margin-bottom: 32px !important;
  border-bottom: 1px solid #e8edf0 !important;
  border-top: none !important;
}

.wc-block-checkout__payment-method {
  padding-bottom: 16px !important;
  margin-bottom: 24px !important;
  border-bottom: none !important;
  border-top: none !important;
}

/* Reset any step borders and container margins to prevent touching lines */
.wc-block-components-form .wc-block-components-checkout-step,
.wc-block-components-checkout-step {
  border-top: none !important;
  margin-top: 0 !important;
}

.wc-block-checkout__order-notes,
.wc-block-checkout__actions {
  padding: 0 !important;
  border: none !important;
}

/* Section Headings - Clear separation from lines above and content below */
.wc-block-components-checkout-step__heading-container,
.wc-block-components-checkout-step__heading {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-top: 0 !important;
  border-top: none !important;
}

.wc-block-components-checkout-step__title,
.wc-block-components-title {
  font-size: 1.22rem !important;
  font-weight: 800 !important;
  color: var(--heading_color, #0f172a) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  letter-spacing: -0.015em !important;
  line-height: 1.35 !important;
}

/* Floating Label & Form Field Inputs */
.wc-blocks-components-select__container select,
.wc-block-components-country-input select,
.wc-block-components-state-input select {
  height: 56px !important;
  padding-top: 24px !important;
  padding-bottom: 6px !important;
  padding-left: 16px !important;
  padding-right: 36px !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #fbfdfc !important;
  transition: all 0.2s ease !important;
}

.wc-blocks-components-select__label,
.wc-blocks-components-select label {
  top: 8px !important;
  left: 16px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #64748b !important;
  line-height: 1 !important;
  transform: none !important;
}

.wc-block-components-text-input {
  position: relative !important;
}

.wc-block-components-text-input input {
  height: 56px !important;
  padding-top: 24px !important;
  padding-bottom: 6px !important;
  padding-left: 16px !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  transition: all 0.2s ease !important;
}

.wc-block-components-text-input input:focus,
.wc-blocks-components-select__container select:focus {
  background: #ffffff !important;
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  outline: none !important;
}

.wc-block-components-text-input label {
  left: 16px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  transition: all 0.2s ease !important;
}

.wc-block-components-text-input.is-active label {
  top: 8px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--primary_color) !important;
  transform: none !important;
}

/* Guest Checkout Notice */
.wc-block-checkout__guest-checkout-notice {
  font-size: 0.82rem !important;
  color: #64748b !important;
  margin-top: 6px !important;
}

/* Checkbox Modern Styling */
.wc-block-components-checkbox__input {
  accent-color: var(--primary_color) !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px !important;
  margin-top: 2px !important;
}

.wc-block-components-checkbox__label {
  font-size: 0.9rem !important;
  color: #334155 !important;
  line-height: 1.5 !important;
}

/* Notice Banner */
.wc-block-components-notice-banner {
  border-radius: 14px !important;
  padding: 16px 20px !important;
  font-size: 0.9rem !important;
  border: 1px solid #fee2e2 !important;
  background: #fff5f5 !important;
  color: #991b1b !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Suppress Gutenberg bottom-left floating snackbars in favor of theme right-side toastr */
.wc-block-components-notice-snackbar-list,
.wc-block-components-notice-banner.wc-block-components-notice-snackbar,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  bottom: -9999px !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ==========================================================================
   CART TOTALS - COUPON & DISCOUNT THEME STYLING
   ========================================================================== */
.wc-block-components-totals-coupon {
  margin-bottom: 16px !important;
}

.wc-block-components-totals-coupon__form {
  display: flex !important;
  gap: 8px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.wc-block-components-totals-coupon-input,
.wc-block-components-totals-coupon__input {
  flex: 1 1 auto !important;
  margin: 0 !important;
}

.wc-block-components-totals-coupon input[type="text"],
.wc-block-components-totals-coupon__input input {
  width: 100% !important;
  height: 44px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  font-size: 0.9rem !important;
  font-family: inherit !important;
  color: #1e293b !important;
  padding: 8px 14px !important;
  background: #f8fafc !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: none !important;
  outline: none !important;
}

.wc-block-components-totals-coupon input[type="text"]:focus,
.wc-block-components-totals-coupon__input input:focus {
  border-color: var(--primary_color) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
}

.wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon button[type="submit"] {
  height: 44px !important;
  border-radius: 10px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.01em !important;
  padding: 0 20px !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.18) !important;
}

.wc-block-components-totals-coupon__button:hover:not(:disabled),
.wc-block-components-totals-coupon button[type="submit"]:hover:not(:disabled) {
  background: #14724e !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(var(--primary_rgb, 14, 90, 60), 0.28) !important;
}

.wc-block-components-totals-coupon__button:disabled,
.wc-block-components-totals-coupon button[type="submit"]:disabled {
  background: #cbd5e1 !important;
  color: #64748b !important;
  opacity: 0.85 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Discount row & Applied coupon badge/chip */
.wc-block-components-totals-discount {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.wc-block-components-totals-discount .wc-block-components-totals-item__value {
  color: #e11d48 !important;
  font-weight: 700 !important;
}

.wc-block-components-totals-discount__coupon-list,
.wc-block-components-totals-discount__coupons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 6px 0 0 0 !important;
  list-style: none !important;
}

.wc-block-components-chip,
.wc-block-components-totals-discount__chip,
.wc-block-components-totals-discount__coupon-list-item {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  color: var(--primary_color) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1.4 !important;
  transition: all 0.2s ease !important;
}

.wc-block-components-chip:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
}

.wc-block-components-chip__text {
  font-weight: 700 !important;
  color: var(--primary_color) !important;
  letter-spacing: 0.02em !important;
}

.wc-block-components-chip__remove {
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  transition: all 0.15s ease !important;
  line-height: 1 !important;
}

.wc-block-components-chip__remove:hover {
  background: #fee2e2 !important;
  color: #e11d48 !important;
}

/* ==========================================================================
   SAVED ADDRESS CARD (Billing & Shipping) - CLEAN & SIMPLE
   ========================================================================== */
.wc-block-components-address-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 8px 0 16px 0 !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease !important;
}

.wc-block-components-address-card:hover {
  border-color: #cbd5e1 !important;
}

.wc-block-components-address-card address {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-style: normal !important;
  flex: 1 1 auto !important;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section--primary {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  letter-spacing: normal !important;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section--primary::before {
  display: none !important;
  content: none !important;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section--secondary {
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  color: #64748b !important;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section--secondary::before {
  display: none !important;
  content: none !important;
}

/* Edit link - Clean, minimal text link */
.wc-block-components-address-card__edit,
button.wc-block-components-address-card__edit {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: var(--primary_color) !important;
  font-family: inherit !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: color 0.15s ease !important;
  margin: 0 0 0 auto !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.wc-block-components-address-card__edit::before {
  display: none !important;
  content: none !important;
}

.wc-block-components-address-card__edit:hover,
button.wc-block-components-address-card__edit:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--primary_color) !important;
  box-shadow: none !important;
  transform: none !important;
}

.wc-block-components-address-card__edit:hover::before {
  display: none !important;
  content: none !important;
}

/* ==========================================================================
   PAYMENT OPTIONS & ACCORDION - CLEAN & SIMPLE
   ========================================================================== */
/* Remove harsh default outer borders and pseudo elements */
.wc-block-components-radio-control--highlight-checked:after,
.wc-block-checkout__payment-method .wc-block-components-radio-control--highlight-checked:after {
  display: none !important;
  border: none !important;
}

.wc-block-components-radio-control-accordion-option:after,
div.wc-block-components-radio-control-accordion-option:after {
  display: none !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control,
.wc-block-components-radio-control {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Payment Option Card - Clean White Card */
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option,
div.wc-block-components-radio-control-accordion-option,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option {
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transition: border-color 0.2s ease !important;
  box-shadow: none !important;
  position: relative !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:hover,
div.wc-block-components-radio-control-accordion-option:hover {
  border-color: #cbd5e1 !important;
}

/* Selected Payment Option - Crisp theme green border, pure white background */
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-checkout__payment-method div.wc-block-components-radio-control-accordion-option:has(input[type="radio"]:checked),
div.wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: var(--primary_color) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Label inside Option Card */
.wc-block-checkout__payment-method .wc-block-components-radio-control__option,
label.wc-block-components-radio-control__option {
  padding: 14px 18px 14px 46px !important;
  border: none !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: block !important;
}

.wc-block-components-radio-control__label {
  font-size: 0.94rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  letter-spacing: normal !important;
}

/* Radio button styling */
.wc-block-components-radio-control .wc-block-components-radio-control__input,
.wc-block-checkout__payment-method input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  cursor: pointer !important;
  position: absolute !important;
  margin: 0 !important;
  transition: all 0.2s ease !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked,
.wc-block-checkout__payment-method input[type="radio"]:checked {
  border-color: var(--primary_color) !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before,
.wc-block-checkout__payment-method input[type="radio"]:checked:before {
  background: var(--primary_color) !important;
  border-radius: 50% !important;
  content: "" !important;
  display: block !important;
  height: 8px !important;
  width: 8px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  position: absolute !important;
}

/* Description text inside accordion */
.wc-block-components-radio-control-accordion-content,
.wc-block-checkout__payment-method .wc-block-components-checkout-step__description-payments-aligned {
  padding: 0 18px 14px 46px !important;
  font-size: 0.86rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* Order Summary Card: Desktop Sidebar & Mobile/Tablet Inline */
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
.checkout-order-summary-block-fill {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 24px 22px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
}

.checkout-order-summary-block-fill-wrapper {
  margin-top: 24px !important;
  margin-bottom: 6px !important;
  border: none !important;
  padding: 0 !important;
}

.wc-block-components-checkout-order-summary__title,
.checkout-order-summary-block-fill-wrapper .wc-block-components-checkout-step__title,
.checkout-order-summary-block-fill-wrapper .wc-block-components-title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 16px !important;
  margin-bottom: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Order Summary Product Item */
.wc-block-components-order-summary-item {
  display: flex !important;
  align-items: flex-start !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #edf2f7 !important;
  gap: 12px !important;
  position: relative !important;
}

.wc-block-components-order-summary-item__description {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.wc-block-components-order-summary-item__total-price {
  flex: 0 0 auto !important;
  text-align: right !important;
}

.wc-block-components-order-summary-item__image {
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  position: relative !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.wc-block-components-order-summary-item__image img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  display: block !important;
}

.wc-block-components-order-summary-item__quantity {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
  z-index: 2 !important;
}

.wc-block-components-product-name {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.wc-block-components-product-metadata {
  display: none !important;
}

.wc-block-cart-item__prices {
  font-size: 0.85rem !important;
  margin-top: 4px !important;
}

.wc-block-components-product-price__regular {
  color: #94a3b8 !important;
  font-size: 0.82rem !important;
  margin-right: 6px !important;
}

.wc-block-components-product-price__value.is-discounted {
  color: var(--primary_color) !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
}

.wc-block-components-sale-badge {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  color: var(--primary_color) !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  border-radius: 6px !important;
  padding: 2px 7px !important;
  margin-top: 4px !important;
  display: inline-block !important;
}

/* Coupon Box */
.wc-block-components-totals-coupon {
  margin: 18px 0 !important;
}

.wc-block-components-totals-coupon__form {
  display: flex !important;
  gap: 8px !important;
}

.wc-block-components-totals-coupon__input input {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
  font-size: 0.88rem !important;
}

.wc-block-components-totals-coupon__button {
  background: var(--primary_color) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  padding: 10px 18px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.wc-block-components-totals-coupon__button:hover {
  background: var(--primary_hover) !important;
}

/* Totals Table */
.wc-block-components-totals-item {
  display: flex !important;
  justify-content: space-between !important;
  padding: 9px 0 !important;
  font-size: 0.92rem !important;
  color: #64748b !important;
}

.wc-block-components-totals-item__value {
  font-weight: 700 !important;
  color: #1e293b !important;
}

.wc-block-components-totals-footer-item {
  border-top: 2px dashed #cbd5e1 !important;
  padding-top: 16px !important;
  margin-top: 12px !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
}

/* Place Order Button with Lock Icon & Theme Pill Design */
.wc-block-components-checkout-place-order-button,
#place_order.sc-pay-submit-btn,
.woocommerce #payment #place_order {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 18px 32px !important;
  font-family: var(--sc-font, 'Inter', sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 10px 25px rgba(var(--primary_rgb, 57, 34, 119), 0.28) !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
  margin-top: 16px !important;
  min-height: 58px !important;
  text-align: center !important;
}

.wc-block-components-checkout-place-order-button:hover,
#place_order.sc-pay-submit-btn:hover,
.woocommerce #payment #place_order:hover {
  background: linear-gradient(135deg, var(--primary_dark, var(--primary_hover)) 0%, var(--primary_color) 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(var(--primary_rgb, 57, 34, 119), 0.38) !important;
}

.wc-block-components-checkout-place-order-button:active,
#place_order.sc-pay-submit-btn:active,
.woocommerce #payment #place_order:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 57, 34, 119), 0.24) !important;
}

.wc-block-components-checkout-place-order-button__text::before {
  content: '\f023' !important;
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  margin-right: 10px !important;
  font-size: 0.95em !important;
  vertical-align: -1px !important;
}

/* --------------------------------------------------------------------------
   PLACE ORDER BUTTON - MODERN LOADING ANIMATION ACCORDING TO THEME DESIGN
   -------------------------------------------------------------------------- */
.wc-block-components-checkout-place-order-button--loading,
.wc-block-components-checkout-place-order-button.is-loading,
#place_order.processing,
#place_order.loading {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: wait !important;
  pointer-events: none !important;
  min-height: 58px !important;
  background: linear-gradient(135deg, var(--primary_dark, var(--primary_hover)) 0%, var(--primary_color) 100%) !important;
  box-shadow: 0 8px 24px rgba(var(--primary_rgb, 57, 34, 119), 0.38) !important;
  transition: all 0.3s ease !important;
}

/* Keep button text visible during loading with subtle pulse */
.wc-block-components-checkout-place-order-button--loading .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button--loading .wc-block-components-checkout-place-order-button__text,
.wc-block-components-checkout-place-order-button.is-loading .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button.is-loading .wc-block-components-checkout-place-order-button__text,
#place_order.processing,
#place_order.loading {
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  opacity: 0.95 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
  animation: sc-checkout-text-pulse 1.4s ease-in-out infinite alternate !important;
}

/* Hide the lock icon during loading so it is cleanly replaced by the spinner */
.wc-block-components-checkout-place-order-button--loading .wc-block-components-checkout-place-order-button__text::before,
.wc-block-components-checkout-place-order-button.is-loading .wc-block-components-checkout-place-order-button__text::before {
  display: none !important;
  content: none !important;
}

/* Hide WooCommerce internal broken spinner */
.wc-block-components-checkout-place-order-button .wc-block-components-spinner,
.wc-block-components-checkout-place-order-button--loading .wc-block-components-spinner,
.wc-block-components-checkout-place-order-button.is-loading .wc-block-components-spinner {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Single modern circular ring loader */
.wc-block-components-checkout-place-order-button--loading::before,
.wc-block-components-checkout-place-order-button.is-loading::before,
#place_order.processing::before,
#place_order.loading::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  border: 2.5px solid rgba(255, 255, 255, 0.28) !important;
  border-top-color: #ffffff !important;
  border-right-color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.28) !important;
  border-left-color: rgba(255, 255, 255, 0.28) !important;
  animation: sc-checkout-spinner-spin 0.7s linear infinite !important;
  flex-shrink: 0 !important;
  order: -1 !important;
}

/* Suppress WooCommerce default checkmark / right-tick icon that appears above/over the text during redirect */
.wc-block-components-checkout-place-order-button__icon,
.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__icon,
.wc-block-components-checkout-place-order-button--loading .wc-block-components-checkout-place-order-button__icon,
.wc-block-components-checkout-place-order-button svg.wc-block-components-checkout-place-order-button__icon {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  content: none !important;
}

/* Prevent duplicate pseudo-elements */
.wc-block-components-checkout-place-order-button:not(.wc-block-components-checkout-place-order-button--loading):not(.is-loading)::before,
.wc-block-components-checkout-place-order-button::after,
.wc-block-components-checkout-place-order-button--loading::after,
.wc-block-components-checkout-place-order-button.is-loading::after {
  display: none !important;
  content: none !important;
}

/* ==========================================================================
   Modern Order Notes ("Add a note to your order") & Terms Checkbox
   ========================================================================== */

/* Modern Card for Order Notes */
.wc-block-checkout__order-notes {
  margin-top: 24px !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  border: none !important;
}

.wc-block-checkout__add-note {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

.wc-block-checkout__add-note:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.04) !important;
}

.wc-block-checkout__add-note:focus-within {
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.1) !important;
  background: #ffffff !important;
}

/* Order Note Checkbox Toggle */
.wc-block-checkout__add-note .wc-block-components-checkbox {
  margin: 0 !important;
  padding: 0 !important;
}

.wc-block-checkout__add-note .wc-block-components-checkbox label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  margin: 0 !important;
  font-size: 0.93rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  user-select: none !important;
}

.wc-block-checkout__add-note .wc-block-components-checkbox__input {
  accent-color: var(--primary_color) !important;
  width: 19px !important;
  height: 19px !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.wc-block-checkout__add-note .wc-block-components-checkbox__label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #1e293b !important;
  font-size: 0.93rem !important;
  font-weight: 600 !important;
}

/* Add a subtle modern note icon before text */
.wc-block-checkout__add-note .wc-block-components-checkbox__label::before {
  content: '\f044' !important;
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  color: var(--primary_color) !important;
  font-size: 0.92rem !important;
  opacity: 0.85 !important;
}

/* Modern Textarea Box */
.wc-block-checkout__add-note textarea.wc-block-components-textarea {
  width: 100% !important;
  margin-top: 14px !important;
  padding: 14px 16px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  color: #1e293b !important;
  min-height: 100px !important;
  max-height: 240px !important;
  outline: none !important;
  resize: vertical !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) inset !important;
  transition: all 0.2s ease !important;
}

.wc-block-checkout__add-note textarea.wc-block-components-textarea::placeholder {
  color: #94a3b8 !important;
  font-style: normal !important;
  opacity: 1 !important;
}

.wc-block-checkout__add-note textarea.wc-block-components-textarea:focus {
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.12), 0 1px 2px rgba(15, 23, 42, 0.04) inset !important;
  background: #ffffff !important;
}

/* Modern Terms and Conditions Checkbox Card */
.wc-block-checkout__terms {
  margin-top: 18px !important;
  margin-bottom: 22px !important;
  padding: 16px 18px !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wc-block-checkout__terms:hover {
  border-color: #cbd5e1 !important;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
  border-top: 1.5px solid #e2e8f0 !important;
}

.wc-block-checkout__terms .wc-block-components-checkbox {
  margin: 0 !important;
}

.wc-block-checkout__terms .wc-block-components-checkbox label {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.wc-block-checkout__terms .wc-block-components-checkbox__input {
  accent-color: var(--primary_color) !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin-top: 2px !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.wc-block-checkout__terms .wc-block-components-checkbox__label {
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: #334155 !important;
  font-weight: 500 !important;
}

.wc-block-checkout__terms a {
  color: var(--primary_color) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.15s ease !important;
}

.wc-block-checkout__terms a:hover {
  color: var(--primary_color) !important;
}

/* Validation Error on Terms (when Place Order is clicked without ticking) */
.wc-block-checkout__terms:has(.wc-block-components-validation-error) {
  border-color: #fca5a5 !important;
  background: #fff8f8 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

.wc-block-checkout__terms .wc-block-components-validation-error {
  margin-top: 10px !important;
  padding: 8px 12px !important;
  background: #fee2e2 !important;
  border-radius: 8px !important;
  color: #b91c1c !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.wc-block-checkout__terms .wc-block-components-validation-error p {
  margin: 0 !important;
  color: #b91c1c !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

/* Remove Highlighted Feature Points / Trust Badges from Checkout */
.sc-checkout-trust-box,
#scCheckoutTrustBox {
  display: none !important;
}

/* Tablet Responsive (768px to 991.98px) - 2-Column Layout with Visible Order Summary Section Card */
@media (min-width: 768px) and (max-width: 991.98px) {
  .sc-c2-container {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .sc-woocommerce-checkout-wrap {
    padding: 24px 20px !important;
    border-radius: 20px !important;
  }

  .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(310px, 0.88fr) !important;
    gap: 20px !important;
    align-items: start !important;
    width: 100% !important;
  }

  .wp-block-woocommerce-checkout .wc-block-checkout__main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    order: 1 !important;
  }

  .wp-block-woocommerce-checkout .wc-block-checkout__sidebar {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    order: 2 !important;
    position: sticky !important;
    top: 85px !important;
    z-index: 10 !important;
  }

  .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  /* Product Item in Tablet Sidebar: 2-Row Grid layout so Title has full width */
  .wc-block-checkout__sidebar .wc-block-components-order-summary-item {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: start !important;
    padding: 12px 0 !important;
  }

  .wc-block-checkout__sidebar .wc-block-components-order-summary-item .screen-reader-text {
    display: none !important;
  }

  .wc-block-checkout__sidebar .wc-block-components-order-summary-item__image {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 48px !important;
    height: 48px !important;
    flex: none !important;
    margin: 0 !important;
  }

  .wc-block-checkout__sidebar .wc-block-components-order-summary-item__image img {
    width: 48px !important;
    height: 48px !important;
  }

  .wc-block-checkout__sidebar .wc-block-components-order-summary-item__description {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .wc-block-checkout__sidebar .wc-block-components-order-summary-item__total-price {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    text-align: left !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .wc-block-checkout__sidebar .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wc-block-checkout__sidebar .wc-block-components-sale-badge {
    font-size: 0.75rem !important;
    padding: 2px 8px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    text-align: left !important;
    border-radius: 6px !important;
    background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
    color: var(--primary_color) !important;
    border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
    font-weight: 700 !important;
  }

  .checkout-order-summary-block-fill-wrapper {
    display: none !important;
  }
}

/* Fallback / Container-aware: When WooCommerce mounts the inline fill wrapper (narrow container), stack cleanly */
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout:has(.checkout-order-summary-block-fill-wrapper) {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout:has(.checkout-order-summary-block-fill-wrapper) .wc-block-checkout__sidebar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout:has(.checkout-order-summary-block-fill-wrapper) .checkout-order-summary-block-fill-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 20px !important;
}

/* Mobile Phone Responsive (<= 767.98px) */
@media (max-width: 767.98px) {

  /* Screen Padding Optimization: Reclaim width for small screens */
  .sc-woocommerce-checkout-wrap {
    padding: 18px 12px !important;
    border-radius: 16px !important;
  }

  .wc-block-checkout__contact-fields,
  .wc-block-checkout__shipping-fields,
  .wc-block-checkout__shipping-option,
  .wc-block-checkout__billing-fields,
  .wc-block-checkout__additional-information-fields {
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
  }

  .wc-block-components-address-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px 16px !important;
  }

  .wc-block-components-address-card__edit,
  button.wc-block-components-address-card__edit {
    align-self: flex-start !important;
    margin: 4px 0 0 0 !important;
  }

  .wc-block-checkout__payment-method .wc-block-components-radio-control__option,
  label.wc-block-components-radio-control__option {
    padding: 14px 14px 14px 44px !important;
  }

  .wc-block-components-radio-control .wc-block-components-radio-control__input,
  .wc-block-checkout__payment-method input[type="radio"] {
    left: 14px !important;
  }

  .wc-block-components-radio-control-accordion-content,
  .wc-block-checkout__payment-method .wc-block-components-checkout-step__description-payments-aligned {
    padding: 0 14px 14px 44px !important;
  }

  /* Form Fields: Stack into clean, single full-width columns on mobile */
  .wc-block-checkout__billing-fields .wc-block-components-address-form,
  .wc-block-checkout__shipping-fields .wc-block-components-address-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input,
  .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input,
  .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input,
  .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input,
  .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input,
  .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input,
  .wc-block-checkout__billing-fields .wc-block-components-address-form>div,
  .wc-block-checkout__shipping-fields .wc-block-components-address-form>div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  /* Fill Order Summary Card on Mobile */
  .checkout-order-summary-block-fill {
    padding: 16px 12px !important;
    border-radius: 16px !important;
  }

  .wc-block-components-checkout-order-summary__title,
  .checkout-order-summary-block-fill-wrapper .wc-block-components-checkout-step__title,
  .checkout-order-summary-block-fill-wrapper .wc-block-components-title {
    font-size: 1.05rem !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
  }

  /* 2-Row Grid for Mobile Product Item: Thumbnail on Left, Title, Price & Savings Left-Aligned */
  .wc-block-components-order-summary .wc-block-components-order-summary-item,
  .wc-block-components-order-summary-item {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: start !important;
    padding: 12px 0 !important;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item .screen-reader-text,
  .wc-block-components-order-summary-item .screen-reader-text {
    display: none !important;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__image,
  .wc-block-components-order-summary-item__image {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 48px !important;
    height: 48px !important;
    flex: none !important;
    margin: 0 !important;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__image img,
  .wc-block-components-order-summary-item__image img {
    width: 48px !important;
    height: 48px !important;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__description,
  .wc-block-components-order-summary-item__description {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .wc-block-components-product-name {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    text-align: left !important;
  }

  .wc-block-components-order-summary .wc-block-cart-item__prices,
  .wc-block-cart-item__prices {
    text-align: left !important;
    justify-content: flex-start !important;
    margin-top: 4px !important;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price,
  .wc-block-components-order-summary-item__total-price {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    text-align: left !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .wc-block-components-order-summary .wc-block-cart-item__total-price-and-sale-badge-wrapper,
  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wc-block-components-order-summary-item__total-price .wc-block-components-product-price__value {
    font-size: 0.98rem !important;
    font-weight: 800 !important;
    color: var(--primary_color) !important;
  }

  .wc-block-components-sale-badge,
  .wc-block-components-order-summary .wc-block-components-sale-badge {
    font-size: 0.75rem !important;
    padding: 2px 8px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    text-align: left !important;
    border-radius: 6px !important;
    background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
    color: var(--primary_color) !important;
    border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
    font-weight: 700 !important;
  }

  /* Coupon Box */
  .wc-block-components-totals-coupon {
    margin: 14px 0 !important;
  }

  .wc-block-components-totals-coupon__form {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .wc-block-components-totals-coupon__input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .wc-block-components-totals-coupon__input input {
    height: 46px !important;
    font-size: 0.85rem !important;
  }

  .wc-block-components-totals-coupon__button {
    height: 46px !important;
    padding: 0 16px !important;
    font-size: 0.85rem !important;
    white-space: nowrap !important;
  }

  /* Totals spacing */
  .wc-block-components-totals-item {
    padding: 8px 0 !important;
    font-size: 0.88rem !important;
  }

  .wc-block-components-totals-footer-item {
    border-top: 2px dashed #cbd5e1 !important;
    padding-top: 14px !important;
    margin-top: 8px !important;
  }

  .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 1.05rem !important;
  }

  .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 1.25rem !important;
  }

  /* Place order button */
  .wc-block-components-checkout-place-order-button {
    padding: 16px 20px !important;
    font-size: 1rem !important;
    margin-top: 16px !important;
  }

  /* Progress bar on mobile */
  .sc-c2-progress {
    padding: 14px 14px !important;
    border-radius: 14px !important;
  }

  .sc-c2-track {
    margin: 8px auto 0 !important;
  }

  .sc-c2-stp {
    font-size: 0.72rem !important;
  }

  .sc-c2-stp-ic {
    width: 36px !important;
    height: 36px !important;
    font-size: 13px !important;
  }

  .sc-c2-track-line {
    top: 18px !important;
    left: 18px !important;
    right: 18px !important;
    height: 6px !important;
  }

  .sc-c2-cheer {
    font-size: 0.8rem !important;
    margin-top: 10px !important;
  }

  /* Mobile Note & Terms Card Padding */
  .wc-block-checkout__add-note,
  .wc-block-checkout__terms {
    padding: 13px 14px !important;
    border-radius: 12px !important;
  }

  .wc-block-checkout__terms .wc-block-components-checkbox__label {
    font-size: 0.82rem !important;
  }

  .wc-block-checkout__add-note textarea.wc-block-components-textarea {
    padding: 12px 12px !important;
    min-height: 85px !important;
    font-size: 0.86rem !important;
  }
}

/* ==========================================================================
   MODERN DROPDOWNS & SELECT FIELDS SYSTEM
   ========================================================================== */

/* 1. Global Modern Styling for All Native Select Elements */
select:not(.sc-sort-mobile-select),
.form-select:not(.sc-sort-mobile-select),
.woocommerce select:not(.sc-sort-mobile-select),
.wc-blocks-components-select__select {
  font-family: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 12px 38px 12px 16px !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230e5a3c' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

select:not(.sc-sort-mobile-select):hover,
.form-select:not(.sc-sort-mobile-select):hover,
.woocommerce select:not(.sc-sort-mobile-select):hover,
.wc-blocks-components-select__select:hover {
  border-color: #cbd5e1 !important;
  background-color: #fbfdfc !important;
}

select:not(.sc-sort-mobile-select):focus,
.form-select:not(.sc-sort-mobile-select):focus,
.woocommerce select:not(.sc-sort-mobile-select):focus,
.wc-blocks-components-select__select:focus {
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 4px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  outline: none !important;
  background-color: #ffffff !important;
}

/* 2. WooCommerce Blocks Select Container Enhancements */
.wc-blocks-components-select,
.wc-blocks-components-select__container {
  position: relative !important;
  border-radius: 12px !important;
  transition: all 0.2s ease !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.wc-blocks-components-select__container .wc-blocks-components-select__select {
  padding-top: 24px !important;
  padding-bottom: 8px !important;
  padding-left: 16px !important;
  padding-right: 40px !important;
  height: 56px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background-image: none !important;
  /* Managed by expand icon */
  cursor: pointer !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Address Form Field Sizing & Alignment - Prevent State & Select Overflow */
.wc-block-components-address-form {
  position: relative !important;
  overflow: visible !important;
}

.wc-block-components-address-form>div,
.wc-blocks-components-select,
.wc-block-components-country-input,
.wc-block-components-state-input,
.wc-block-components-text-input {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* State Field - Prevent intrinsic width from expanding past right boundary while allowing dropdown to pop */
.wc-block-components-state-input {
  min-width: 0 !important;
  max-width: calc(50% - 8px) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.wc-block-components-state-input .wc-blocks-components-select__container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.wc-block-components-state-input select,
.wc-block-components-state-input .wc-blocks-components-select__select {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.wc-blocks-components-select__container .wc-blocks-components-select__label {
  top: 9px !important;
  left: 16px !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: #64748b !important;
  text-transform: capitalize !important;
  pointer-events: none !important;
  transition: all 0.2s ease !important;
  z-index: 2 !important;
}

.wc-blocks-components-select__container .wc-blocks-components-select__expand {
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: var(--primary_color) !important;
  width: 18px !important;
  height: 18px !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
  z-index: 2 !important;
}

.wc-blocks-components-select__container.is-open .wc-blocks-components-select__expand {
  transform: translateY(-50%) rotate(180deg) !important;
  color: var(--primary_color) !important;
}

.wc-blocks-components-select__container.is-open .wc-blocks-components-select__select {
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 4px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  background-color: #ffffff !important;
}

/* Floating Dropdown Stacking Context (Country & State) - Never render behind inputs */
.wc-block-components-address-form>div:has(.wc-blocks-components-select__container.is-open),
.wc-block-components-address-form>div:has(.is-open),
.wc-block-components-address-form>div.is-dropdown-open,
.wc-block-components-country-input.is-dropdown-open,
.wc-block-components-state-input.is-dropdown-open,
.wc-blocks-components-select.is-dropdown-open,
.wc-block-components-country-input:has(.is-open),
.wc-block-components-state-input:has(.is-open),
.wc-blocks-components-select:has(.is-open) {
  position: relative !important;
  z-index: 99999 !important;
}

.wc-blocks-components-select__container.is-open {
  position: relative !important;
  z-index: 100000 !important;
  overflow: visible !important;
}

/* 3. Modern Floating Dropdown Menu Component */
.sc-modern-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  background: #ffffff !important;
  border: 1.5px solid var(--primary_color) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px -6px rgba(15, 23, 42, 0.22), 0 6px 16px -4px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  z-index: 100001 !important;
  padding: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  animation: scDropdownPop 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
}

.wc-block-components-country-input .sc-modern-dropdown-menu,
.wc-block-components-state-input .sc-modern-dropdown-menu {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

@keyframes scDropdownPop {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Search Box Inside Floating Dropdown */
.sc-modern-dropdown-search-wrap {
  position: relative !important;
  padding: 2px 4px 10px 4px !important;
  margin-bottom: 6px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.sc-modern-dropdown-search-wrap svg.sc-search-icon {
  position: absolute !important;
  left: 16px !important;
  top: 13px !important;
  width: 16px !important;
  height: 16px !important;
  color: #94a3b8 !important;
  pointer-events: none !important;
}

.sc-modern-dropdown-search-input {
  width: 100% !important;
  height: 40px !important;
  padding: 8px 34px 8px 36px !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  background-color: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.sc-modern-dropdown-search-input:focus {
  background-color: #ffffff !important;
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
}

.sc-modern-dropdown-search-input::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
}

.sc-dropdown-search-clear {
  position: absolute !important;
  right: 14px !important;
  top: 11px !important;
  width: 22px !important;
  height: 22px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e2e8f0 !important;
  color: #64748b !important;
  border: none !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.sc-dropdown-search-clear.is-visible {
  display: flex !important;
}

.sc-dropdown-search-clear:hover {
  background: #cbd5e1 !important;
  color: #1e293b !important;
}

/* Scrollable Options List */
.sc-modern-dropdown-list {
  max-height: 260px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 2px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 transparent !important;
}

.sc-modern-dropdown-list::-webkit-scrollbar {
  width: 6px !important;
}

.sc-modern-dropdown-list::-webkit-scrollbar-track {
  background: transparent !important;
}

.sc-modern-dropdown-list::-webkit-scrollbar-thumb {
  background-color: #cbd5e1 !important;
  border-radius: 6px !important;
}

.sc-modern-dropdown-list::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8 !important;
}

/* Modern Dropdown Item */
.sc-modern-dropdown-item {
  display: flex;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  margin: 2px 2px !important;
  border-radius: 10px !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: #334155 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  user-select: none !important;
}

.sc-modern-dropdown-item.is-hidden {
  display: none !important;
}

.sc-modern-dropdown-item:hover,
.sc-modern-dropdown-item.is-focused {
  background-color: #f0fdf4 !important;
  color: var(--primary_color) !important;
  font-weight: 600 !important;
  transform: translateX(2px) !important;
}

.sc-modern-dropdown-item.is-selected {
  background-color: #e6f4ed !important;
  color: var(--primary_color) !important;
  font-weight: 700 !important;
}

.sc-modern-dropdown-item .sc-item-check {
  width: 18px !important;
  height: 18px !important;
  color: var(--primary_color) !important;
  flex-shrink: 0 !important;
  margin-left: 8px !important;
  opacity: 0 !important;
  transform: scale(0.6) !important;
  transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.sc-modern-dropdown-item.is-selected .sc-item-check {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Empty State */
.sc-dropdown-no-results {
  display: none !important;
  padding: 22px 16px !important;
  text-align: center !important;
  font-size: 0.88rem !important;
  color: #64748b !important;
  background: #f8fafc !important;
  border-radius: 10px !important;
  margin: 4px !important;
}

.sc-dropdown-no-results.is-visible {
  display: block !important;
}


/* ==========================================================================
   SHOP ARCHIVE & RESPONSIVE LISTING FIXES
   ========================================================================== */

.sc-sort {
  display: flex;
  align-items: center;
  gap: 3px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.06);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.14);
  border-radius: 12px;
  padding: 4px;
}

.sc-sort::-webkit-scrollbar {
  display: none;
}

.sc-sort-btn {
  border: 0;
  white-space: nowrap;
  padding: 0.45rem 0.85rem;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #5d6b64;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.sc-sort-btn:hover {
  background: rgba(255, 255, 255, .8);
  color: var(--primary_color);
}

.sc-sort-btn.active {
  background: #fff;
  color: var(--primary_color);
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(var(--primary_rgb, 57, 34, 119), 0.12), 0 3px 8px rgba(var(--primary_rgb, 57, 34, 119), 0.08);
}

.sc-sort-btn.active:hover {
  background: #fff;
}

#itemsResults.is-loading {
  opacity: 0.45;
  pointer-events: none;
  transition: opacity .15s ease;
}

.sc-sort-mobile {
  display: none;
}

.sc-sort-mobile-field {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.sc-sort-icon,
.sc-sort-mobile-field>.fa-arrow-down-wide-short {
  position: absolute !important;
  left: 14px !important;
  color: var(--primary_color) !important;
  pointer-events: none !important;
  font-size: 0.9rem !important;
  z-index: 2 !important;
}

.sc-sort-trigger {
  width: 100% !important;
  height: 44px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 10px 38px 10px 42px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  background-color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s ease !important;
  outline: none !important;
}

.sc-sort-trigger:hover,
.sc-sort-mobile-field.is-open .sc-sort-trigger {
  border-color: var(--primary_color) !important;
}

.sc-sort-mobile-field.is-open .sc-sort-trigger {
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
}

.sc-sort-current-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
  flex: 1 !important;
}

.sc-sort-mobile-caret {
  position: absolute !important;
  right: 14px !important;
  color: var(--primary_color) !important;
  pointer-events: none !important;
  font-size: 0.8rem !important;
  z-index: 2 !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
}

.sc-sort-mobile-field.is-open .sc-sort-mobile-caret {
  transform: rotate(180deg) !important;
  color: var(--primary_color) !important;
}

.sc-sort-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 220px !important;
  background: #ffffff !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 45px -8px rgba(15, 23, 42, 0.18), 0 8px 20px -4px rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  z-index: 1030 !important;
  padding: 8px !important;
  display: none !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.sc-sort-mobile-field.is-open .sc-sort-dropdown-menu {
  display: flex !important;
  animation: scDropdownPop 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sc-sort-mobile-field select.sc-sort-mobile-select,
.woocommerce .sc-sort-mobile-field select,
.woocommerce select.sc-sort-mobile-select,
select.sc-sort-mobile-select,
.sc-sort-mobile-select {
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 10px 38px 10px 42px !important;
  padding-left: 42px !important;
  padding-right: 38px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  background-color: #fff !important;
  background-image: none !important;
  cursor: pointer !important;
  height: 44px !important;
  line-height: 1.4 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.sc-sort-mobile-label {
  display: none;
}

/* Responsive Toolbar on Tablet and Mobile */
@media (max-width: 991.98px) {
  .sc-items-toolbar {
    flex-direction: column;
    align-items: stretch !important;
    gap: 12px;
  }

  .sc-items-toolbar-title {
    justify-content: space-between;
    width: 100%;
  }

  .sc-items-toolbar-actions {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 767.98px) {
  .sc-items-toolbar-actions {
    width: 100%;
    display: flex;
    gap: 10px;
  }

  .sc-sort {
    display: none !important;
  }

  .sc-sort-mobile {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
  }

  .sc-filter-btn {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    border: 1.5px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #1e293b !important;
  }

  .sc-filter-btn:hover {
    background: #f8fafc !important;
    border-color: var(--primary_color) !important;
    color: var(--primary_color) !important;
  }

  .sc-sort-mobile-field {
    height: 44px;
  }
}

/* Offcanvas Filter Drawer Enhancements */
.offcanvas#searchFilters {
  max-width: 360px !important;
  width: 88vw !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  box-shadow: 10px 0 35px rgba(0, 0, 0, 0.15) !important;
}

.offcanvas#searchFilters .offcanvas-header {
  border-bottom: 1px solid #f1f5f9;
  padding: 18px 20px;
}

.offcanvas#searchFilters .offcanvas-title {
  font-weight: 700;
  color: #1e293b;
  font-size: 1.1rem;
}

.offcanvas#searchFilters .offcanvas-body {
  padding: 20px;
  overflow-y: auto;
}

/* Product Card Responsiveness in Archive */
.item:not(.item-inline) {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 14px !important;
  overflow: hidden;
  background: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.item:not(.item-inline):hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.item:not(.item-inline) .item-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px;
}

.item:not(.item-inline) .item-title {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
}

.item:not(.item-inline) .item-desc {
  font-size: 0.85rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin-bottom: 14px !important;
}

.item:not(.item-inline) .item-purchase {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.sc-item-btn-cart {
  border-radius: 10px !important;
  padding: 9px 14px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
}

.sc-item-btn-preview {
  border-radius: 10px !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   Modern "Clear All" Button & Filter Header Styling across All Devices
   ========================================================================== */

/* Toolbar Clear All Pill Button */
.sc-clear-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  text-decoration: none !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  line-height: 1.2;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
}

.sc-clear-all-btn i {
  font-size: 11.5px;
  color: #64748b;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease;
}

.sc-clear-all-btn:hover {
  color: #ffffff;
  background: var(--primary_color);
  border-color: var(--primary_color);
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 57, 34, 119), 0.28);
  transform: translateY(-1px);
}

.sc-clear-all-btn:hover i {
  color: #ffffff;
  transform: rotate(-180deg);
}

.sc-clear-all-btn:hover span {
  color: #ffffff;
}

.sc-clear-all-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Clear All Button - Active State (Filters/Search applied) */
.sc-clear-all-btn.has-active {
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border-color: rgba(var(--primary_rgb, 57, 34, 119), 0.25);
  box-shadow: 0 1px 3px rgba(var(--primary_rgb, 57, 34, 119), 0.08);
}

.sc-clear-all-btn.has-active i {
  color: var(--primary_color);
}

.sc-clear-all-btn.has-active:hover {
  color: #ffffff;
  background: var(--primary_color);
  border-color: var(--primary_color);
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 57, 34, 119), 0.32);
}

.sc-clear-all-btn.has-active:hover i {
  color: #ffffff;
  transform: rotate(-180deg);
}

.sc-clear-all-btn.has-active:hover span {
  color: #ffffff;
}

.sc-clear-all-btn:hover .sc-clear-all-dot,
.sc-clear-all-btn.has-active:hover .sc-clear-all-dot {
  background-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45);
}

.sc-clear-all-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--primary_color);
  display: inline-block;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px rgba(var(--primary_rgb, 57, 34, 119), 0.25);
  animation: pulseClearDot 2s infinite ease-in-out;
}

@keyframes pulseClearDot {

  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 2px rgba(var(--primary_rgb, 57, 34, 119), 0.25);
  }

  50% {
    transform: scale(1.2);
    box-shadow: 0 0 0 4px rgba(var(--primary_rgb, 57, 34, 119), 0.12);
  }
}

/* Desktop Sidebar Top Filter Bar */
.sc-sidebar-header {
  background: #ffffff;
  border: 1px solid #eef2f6;
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.sc-sidebar-header-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--heading_color, #1e293b);
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
}

.sc-clear-all-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  text-decoration: none !important;
  padding: 4px 9px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.sc-clear-all-link i {
  font-size: 10.5px;
  transition: transform 0.3s ease;
}

.sc-clear-all-link:hover {
  color: #ffffff;
  background: var(--primary_color);
}

.sc-clear-all-link:hover i {
  color: #ffffff;
  transform: rotate(-180deg);
}

.sc-clear-all-link.has-active {
  color: var(--primary_color);
  font-weight: 700;
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
}

.sc-clear-all-link.has-active:hover {
  color: #ffffff;
  background: var(--primary_color);
}

.sc-clear-all-link.has-active:hover i {
  color: #ffffff;
}

/* Mobile Offcanvas Drawer - Header Clear All Button */
.sc-clear-all-drawer-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.sc-clear-all-drawer-btn i {
  font-size: 10px;
  color: #64748b;
  transition: transform 0.3s ease;
}

.sc-clear-all-drawer-btn:hover {
  color: #ffffff;
  background: var(--primary_color);
  border-color: var(--primary_color);
  box-shadow: 0 3px 10px rgba(var(--primary_rgb, 57, 34, 119), 0.2);
}

.sc-clear-all-drawer-btn:hover i {
  transform: rotate(-180deg);
  color: #ffffff;
}

.sc-clear-all-drawer-btn.has-active {
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border-color: rgba(var(--primary_rgb, 57, 34, 119), 0.25);
  font-weight: 700;
}

.sc-clear-all-drawer-btn.has-active i {
  color: var(--primary_color);
}

.sc-clear-all-drawer-btn.has-active:hover {
  color: #ffffff;
  background: var(--primary_color);
  border-color: var(--primary_color);
}

.sc-clear-all-drawer-btn.has-active:hover i {
  color: #ffffff;
}

/* Responsive refinements for Clear All across screens */
@media (max-width: 575.98px) {
  .sc-clear-all-btn {
    padding: 4px 10px;
    font-size: 12px;
    gap: 5px;
  }

  .sc-clear-all-btn i {
    font-size: 10px;
  }

  .sc-items-toolbar-title {
    gap: 8px;
  }

  .sc-items-toolbar-title h5 {
    font-size: 0.95rem;
  }

  .sc-items-count {
    font-size: 11.5px;
    padding: 2px 8px;
  }
}

/* ==========================================================================
   Modern Theme Pagination Bar & Segmented Dock Styling
   ========================================================================== */
.sc-pagination-container {
  width: 100%;
  margin-top: 32px;
  margin-bottom: 24px;
}

.sc-pagination-card {
  background: #ffffff;
  border: 1px solid #eef2f0;
  border-radius: 16px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 4px 14px -3px rgba(var(--primary_rgb, 14, 90, 60), 0.04);
}

.sc-pagination-info {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  user-select: none;
}

.sc-pagination-badge {
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.18);
  border-radius: 999px;
  padding: 5px 14px;
  font-weight: 600;
  color: #475569;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.sc-pagination-badge i,
.sc-pagination-badge .fa-layer-group {
  color: var(--primary_color) !important;
}

.sc-pagination-badge strong {
  color: var(--primary_color);
}

.sc-pagination-total {
  color: #64748b;
  font-size: 13px;
  font-weight: 500;
}

.woocommerce-pagination.sc-pagination-wrapper,
.woocommerce-pagination {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}

.sc-pagination-dock {
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.06);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.14);
  border-radius: 12px;
  padding: 4px;
  display: inline-flex;
  align-items: center;
}

.woocommerce-pagination ul.page-numbers,
.sc-pagination-dock ul.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
  border: none !important;
}

.woocommerce-pagination ul.page-numbers li,
.sc-pagination-dock ul.page-numbers li {
  display: inline-flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  float: none !important;
}

.sc-pagination-dock .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #5d6b64 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
  user-select: none !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* Hover state on clickable page links */
.sc-pagination-dock a.page-numbers:hover {
  background: rgba(255, 255, 255, 0.75) !important;
  color: #10211b !important;
  box-shadow: 0 1px 3px rgba(16, 33, 27, 0.08) !important;
}

/* Active / Current Page */
.sc-pagination-dock .page-numbers.current {
  background: #ffffff !important;
  color: var(--primary_color) !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(16, 33, 27, 0.08), 0 3px 8px rgba(16, 33, 27, 0.07) !important;
  cursor: default !important;
}

/* Prev / Next buttons */
.sc-pagination-dock .page-numbers.prev,
.sc-pagination-dock .page-numbers.next {
  padding: 0 14px !important;
  font-size: 12.5px !important;
  gap: 5px !important;
}

/* Disabled Prev / Next */
.sc-pagination-dock .page-numbers.disabled {
  opacity: 0.38 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  color: #94a3b8 !important;
}

/* Dots */
.sc-pagination-dock .page-numbers.dots {
  color: #94a3b8 !important;
  font-weight: 700 !important;
  min-width: 24px !important;
  padding: 0 4px !important;
  cursor: default !important;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
  .sc-pagination-container {
    margin-top: 20px;
    margin-bottom: 16px;
  }

  .sc-pagination-card {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }

  .sc-pagination-info {
    justify-content: center !important;
    width: 100% !important;
    font-size: 12.5px !important;
  }

  .sc-pagination-badge {
    font-size: 12px !important;
    padding: 4px 10px !important;
  }

  .sc-pagination-total {
    font-size: 12px !important;
  }

  .woocommerce-pagination.sc-pagination-wrapper {
    width: 100% !important;
    justify-content: center !important;
  }

  .sc-pagination-dock {
    max-width: 100% !important;
    overflow-x: auto !important;
    justify-content: center !important;
  }

  .sc-pagination-dock .page-numbers {
    min-width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
    padding: 0 8px !important;
  }

  .sc-pagination-dock .page-numbers.prev,
  .sc-pagination-dock .page-numbers.next {
    padding: 0 10px !important;
    font-size: 11.5px !important;
  }
}


/* ==========================================================================
   User Account System - GPLPanther Modern Marketplace
   ========================================================================== */

/* Top header user menu dropdown */
.sc-user-menu-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  transition: background 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
  color: #ffffff !important;
}

.sc-user-menu-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

.sc-user-menu-name {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.01em;
}

.sc-user-menu-btn .fa-angle-down {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 11px !important;
  transition: transform 0.2s ease, color 0.2s ease;
}

.sc-user-menu-btn[aria-expanded="true"] .fa-angle-down {
  transform: rotate(180deg);
}

.sc-user-menu-avatar img,
.sc-user-menu-avatar .avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}

.sc-user-dropdown-menu {
  border-radius: 16px !important;
  border: 1px solid var(--border_color, #e2e8f0) !important;
  box-shadow: 0 20px 45px -12px rgba(var(--primary_rgb, 14, 90, 60), 0.2), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  overflow: hidden;
}

.sc-user-dropdown-menu .dropdown-item {
  font-size: 13.5px;
  font-weight: 600;
  color: #334155;
  padding: 8px 16px;
  transition: background 0.15s ease, color 0.15s ease, transform 0.12s ease;
}

.sc-user-dropdown-menu .dropdown-item i {
  color: var(--primary_color, var(--primary_color)) !important;
  width: 20px;
  text-align: center;
  font-size: 14px;
  flex-shrink: 0;
  transition: transform 0.15s ease, color 0.15s ease;
}

.sc-user-dropdown-menu .dropdown-item:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
  transform: translateX(3px);
}

.sc-user-dropdown-menu .dropdown-item:hover i {
  color: var(--primary_color, var(--primary_color)) !important;
}

.sc-user-dropdown-menu .dropdown-item.text-danger,
.sc-user-dropdown-menu .dropdown-item.text-danger i {
  color: #ef4444 !important;
}

.sc-user-dropdown-menu .dropdown-item.text-danger:hover {
  background: #fef2f2;
  color: #dc2626 !important;
}

.sc-user-dropdown-menu .dropdown-item.text-danger:hover i {
  color: #dc2626 !important;
}

/* Page wrapper & Layout */
.sc-account-page-wrap,
.sc-account-page-wrap .container,
.sc-account-page-wrap .container-custom,
.sc-account-page-wrap .container.container-custom,
.sc-account-page-wrap .woocommerce,
.woocommerce-account .woocommerce,
.sc-account-layout,
.woocommerce-account .sc-account-layout {
  overflow: visible !important;
}

.sc-account-page-wrap {
  background: #f8fafc;
  min-height: 70vh;
}

.sc-account-layout {
  margin-bottom: 24px;
}

.sc-account-title {
  font-size: clamp(22px, 2.5vw, 28px);
  color: var(--heading_color, #0f172a);
  letter-spacing: -0.02em;
}

/* ==========================================================================
   UNIFORM BORDER RADIUS FOR ALL MY ACCOUNT SECTIONS & CARDS (18px)
   ========================================================================== */
.sc-account-nav-card,
.sc-dash-panel,
.sc-stat,
.sc-account-card,
.sc-account-edit-card,
.sc-account-download-item,
.sc-address-card,
.sc-view-order-banner,
.woocommerce-account .sc-account-content .card,
.woocommerce-account .sc-account-layout .card,
.woocommerce-account .card.rounded-3,
.woocommerce-account .card.rounded-4,
.woocommerce-account .card.rounded-2,
.woocommerce-account .woocommerce-order-details.card-v,
.woocommerce-account .woocommerce-order-downloads.card-v,
.sc-account-content .card {
  border-radius: 18px !important;
}

/* Inner elements inside cards */
.sc-address-details-box {
  border-radius: 12px !important;
}

.sc-default-address-badge {
  background-color: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  color: var(--primary_color, #241442) !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

.sc-default-address-badge i {
  color: var(--primary_color, #241442) !important;
}

.border-success-subtle {
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
}

.gplpanther-tst-arrow:hover {
  background: var(--primary_color, #241442) !important;
  border-color: var(--primary_color, #241442) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(var(--primary_rgb, 36, 20, 66), 0.35) !important;
}

.sc-account-download-item .sc-download-thumb {
  border-radius: 12px !important;
}

/* Sidebar Navigation Card */
.sc-account-nav-card {
  background: #ffffff;
  border: 1px solid var(--border_color, #e2e8f0);
  border-radius: 18px !important;
  box-shadow: 0 16px 36px -28px rgba(var(--primary_rgb, 14, 90, 60), 0.35);
  overflow: hidden;
  position: sticky;
  top: 90px;
}

.sc-account-nav-user {
  background: linear-gradient(180deg, rgba(var(--primary_rgb, 14, 90, 60), 0.06) 0%, #ffffff 100%);
}

.sc-account-nav-avatar img,
.sc-account-nav-avatar .avatar {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  object-fit: cover;
}

.sc-account-nav-name {
  font-size: 15px;
  letter-spacing: -0.01em;
}

.sc-account-nav-email {
  font-size: 12.5px;
}

/* Customer Verification Badges */
.sc-verified-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: #ecfdf5 !important;
  background-color: #ecfdf5 !important;
  color: #059669 !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-radius: 9999px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding: 4px 10px !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 1px 3px rgba(16, 185, 129, 0.08) !important;
  transition: all 0.2s ease !important;
}

.sc-verified-badge i {
  color: #10b981 !important;
  font-size: 12px !important;
}

.sc-unverified-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: #fffbeb !important;
  background-color: #fffbeb !important;
  color: #d97706 !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  border-radius: 9999px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  padding: 4px 10px !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 1px 3px rgba(245, 158, 11, 0.08) !important;
  transition: all 0.2s ease !important;
}

.sc-unverified-badge i {
  color: #f59e0b !important;
  font-size: 12px !important;
}


.sc-account-nav-list {
  padding: 8px;
}

.sc-account-nav-item {
  margin-bottom: 4px;
}

.sc-account-nav-item:last-child {
  margin-bottom: 0;
}

.sc-account-nav-link {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 12px;
  color: #475569;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.15s ease;
}

.sc-account-nav-ico {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #64748b;
  display: grid;
  place-items: center;
  font-size: 13px;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.sc-account-nav-label {
  font-size: 14px;
}

.sc-account-nav-chevron {
  font-size: 11px;
  transition: transform 0.15s ease;
}

/* Hover state */
.sc-account-nav-link:hover {
  background: #f8fafc;
  color: var(--primary_color);
}

.sc-account-nav-link:not(.active):hover .sc-account-nav-ico {
  transform: scale(1.08);
}

.sc-account-nav-link:hover .sc-account-nav-chevron {
  transform: translateX(2px);
  color: var(--primary_color) !important;
}

/* Active state */
.sc-account-nav-item.is-active .sc-account-nav-link,
.sc-account-nav-item.active .sc-account-nav-link,
.sc-account-nav-link.active {
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px -8px rgba(var(--primary_rgb, 14, 90, 60), 0.6);
}

.sc-account-nav-item.is-active .sc-account-nav-ico,
.sc-account-nav-item.active .sc-account-nav-ico,
.sc-account-nav-link.active .sc-account-nav-ico {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.sc-account-nav-item.is-active .sc-account-nav-chevron,
.sc-account-nav-item.active .sc-account-nav-chevron,
.sc-account-nav-link.active .sc-account-nav-chevron {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Wishlist Badge on Active / Hover States */
.sc-account-nav-item.is-active .sc-nav-wishlist-count,
.sc-account-nav-item.active .sc-nav-wishlist-count,
.sc-account-nav-link.active .sc-nav-wishlist-count {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  font-weight: 700 !important;
}

.sc-account-nav-link:hover .sc-nav-wishlist-count {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  color: var(--primary_color) !important;
}

/* Customer Logout link distinct styling */
.sc-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout .sc-account-nav-link:hover {
  background: #fef2f2;
  color: #dc2626;
}

.sc-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout .sc-account-nav-link:hover .sc-account-nav-ico {
  background: #fee2e2;
  color: #dc2626;
}

/* Dynamic content area */
.sc-account-content {
  min-width: 0;
}

/* Orders Table */
.sc-account-table {
  border-collapse: separate;
  border-spacing: 0;
}

.sc-account-table thead th {
  background: #f8fafc;
  color: #64748b;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #e2e8f0;
}

.sc-account-table tbody td,
.sc-account-table tbody th {
  border-bottom: 1px solid #f1f5f9;
  padding: 14px 12px;
}

.sc-account-table tbody tr:last-child td,
.sc-account-table tbody tr:last-child th {
  border-bottom: none;
}

.sc-account-table tbody tr:hover {
  background-color: #fafbfd;
}

/* Downloads Header & Items */
.sc-account-downloads-header {
  border: 1px solid var(--border_color, #e2e8f0) !important;
}

.sc-account-downloads-header .sc-stat-ico {
  width: 44px;
  height: 44px;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sc-account-download-item {
  border: 1px solid var(--border_color, #e2e8f0) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
  padding: 18px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.sc-account-download-item:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.35) !important;
  box-shadow: 0 14px 30px -12px rgba(var(--primary_rgb, 14, 90, 60), 0.18) !important;
}

.sc-download-thumb {
  width: 84px;
  height: 64px;
  background: #f8fafc;
  border-radius: 12px !important;
  flex-shrink: 0;
}

.sc-download-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #0f172a;
}

.sc-download-title a {
  color: #0f172a;
  text-decoration: none;
  transition: color 0.15s ease;
}

.sc-download-title a:hover {
  color: var(--primary_color);
}

.sc-download-meta {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
}

.sc-meta-chip {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 3px 9px;
  border-radius: 6px;
  line-height: 1.3;
}

.sc-meta-chip strong {
  color: #0f172a;
  font-weight: 600;
  margin-left: 3px;
}

.sc-meta-chip.sc-meta-file {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.22);
  color: var(--primary_color);
  font-weight: 500;
}

/* Download Action Buttons */
.sc-download-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.sc-download-btn {
  background: var(--primary_color) !important;
  border: 1px solid var(--primary_color) !important;
  color: #fff !important;
  transition: all 0.15s ease;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
}

.sc-download-btn:hover {
  background: var(--primary_hover) !important;
  border-color: var(--primary_hover) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px -4px rgba(var(--primary_rgb, 14, 90, 60), 0.45);
}

.sc-download-view-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  background: #ffffff !important;
  transition: all 0.15s ease;
  flex-shrink: 0 !important;
  border-radius: 10px !important;
  text-decoration: none !important;
}

.sc-download-view-btn:hover {
  border-color: var(--primary_color) !important;
  color: var(--primary_color) !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
}

/* Responsive download adjustments across all devices */
@media (max-width: 767.98px) {
  .sc-download-actions-col {
    margin-top: 10px !important;
  }

  .sc-download-actions {
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
  }

  .sc-download-actions .sc-download-btn {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 13.5px !important;
    border-radius: 10px !important;
  }

  .sc-download-actions .sc-download-view-btn {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    font-size: 14px !important;
    border-radius: 10px !important;
  }
}

@media (min-width: 768px) {
  .sc-download-actions-col {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .sc-download-actions {
    width: auto;
    justify-content: flex-end;
  }

  .sc-download-actions .sc-download-btn {
    height: 38px;
    padding: 0 20px !important;
    font-size: 13px !important;
    width: auto !important;
    border-radius: 10px !important;
  }

  .sc-download-actions .sc-download-view-btn {
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    font-size: 13px !important;
    border-radius: 10px !important;
  }
}

@media (max-width: 767.98px) {

  .sc-account-download-item,
  .sc-wishlist-item {
    padding: 14px 14px !important;
    border-radius: 16px !important;
  }

  .sc-download-thumb {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    flex: 0 0 72px !important;
    border-radius: 12px !important;
  }

  .sc-thumb-fallback {
    background: #f0fdf4 !important;
    border-radius: 12px !important;
  }

  .sc-download-title,
  .sc-wishlist-title {
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .sc-download-meta {
    margin-top: 4px !important;
    gap: 5px 6px !important;
  }

  .sc-meta-chip {
    font-size: 11px !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
  }

  .sc-account-downloads-header {
    padding: 14px 16px !important;
    border-radius: 16px !important;
  }

  .sc-account-downloads-header .sc-stat-ico {
    width: 38px !important;
    height: 38px !important;
    font-size: 16px !important;
  }

  .sc-account-downloads-header .sc-header-title {
    font-size: 15px !important;
  }

  .sc-account-downloads-header .sc-header-badge {
    font-size: 11.5px !important;
    padding: 4px 10px !important;
  }
}

/* Account forms & input styles */
.sc-account-edit-card,
.sc-auth-card {
  border: 1px solid var(--border_color, #e2e8f0) !important;
}

.sc-account-edit-card .form-control,
.sc-auth-card .form-control {
  border-radius: 10px;
  border-color: #e2e8f0;
  padding: 10px 14px;
  font-size: 14px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.sc-account-edit-card .form-control:focus,
.sc-auth-card .form-control:focus {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.15);
  outline: none;
}

.sc-account-edit-card .input-group-text,
.sc-auth-card .input-group-text {
  border-color: #e2e8f0;
}

/* Empty states */
.sc-empty-account-card {
  border: 1px dashed #cbd5e1 !important;
  background: #fbfcfe !important;
}

/* Mobile responsive adjustments */
@media (max-width: 991.98px) {
  .sc-account-nav-card {
    position: static !important;
    margin-bottom: 20px !important;
    border-radius: 16px !important;
  }

  .sc-account-nav-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 6px !important;
  }

  .sc-account-nav-link {
    white-space: normal !important;
    min-width: 0 !important;
  }

  .sc-account-nav-label {
    white-space: normal !important;
    min-width: 0 !important;
    word-break: break-word !important;
  }

  .sc-account-nav-item {
    min-width: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .sc-account-nav-user {
    padding: 14px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    gap: 14px !important;
  }

  .sc-account-nav-avatar {
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }

  .sc-account-nav-avatar .sc-nav-avatar-ring {
    width: 58px !important;
    height: 58px !important;
    padding: 2.5px !important;
  }

  .sc-account-nav-avatar img,
  .sc-account-nav-avatar .avatar,
  .sc-nav-avatar-ring img,
  .sc-nav-avatar-ring .avatar {
    width: 52px !important;
    height: 52px !important;
  }

  .sc-account-nav-info {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    gap: 2px !important;
  }

  .sc-account-nav-name {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 2px !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .sc-account-nav-email {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin: 0 0 4px !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .sc-verified-badge,
  .sc-unverified-badge {
    font-size: 11px !important;
    padding: 3px 9px !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
  }

  .sc-account-nav-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
  }

  .sc-account-nav-item {
    min-width: 0 !important;
  }

  .sc-account-nav-link {
    padding: 8px 10px !important;
    font-size: 12px !important;
    gap: 8px !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  .sc-account-nav-ico {
    width: 28px !important;
    height: 28px !important;
    font-size: 11.5px !important;
    flex-shrink: 0 !important;
  }

  .sc-account-nav-label {
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
  }

  .sc-account-nav-chevron {
    display: none !important;
  }
}


/* ==========================================================================
   WooCommerce My Account: Unified Width & Multi-Device Responsive System
   Consistent across: Dashboard, Orders, Downloads, Wishlist, Addresses, Edit Account
   ========================================================================== */

/* 1. Global Container & Wrapper Width - Matches Site-wide 1440px Standard */
.sc-account-page-wrap {
  background: #f8fafc;
  min-height: 70vh;
  width: 100%;
  box-sizing: border-box;
}

.sc-account-page-wrap .container,
.sc-account-page-wrap .container-custom,
.sc-account-page-wrap .container.container-custom,
.woocommerce-account .container-custom,
.woocommerce-account .container,
.woocommerce-account .sc-account-layout,
.sc-account-layout {
  width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 991.98px) {
  .sc-account-page-wrap .container,
  .sc-account-page-wrap .container-custom,
  .sc-account-page-wrap .container.container-custom,
  .woocommerce-account .container {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (min-width: 992px) {
  .sc-account-page-wrap .container,
  .sc-account-page-wrap .container-custom,
  .sc-account-page-wrap .container.container-custom,
  .woocommerce-account .container-custom,
  .woocommerce-account .container,
  .woocommerce-account .sc-account-layout,
  .sc-account-layout {
    max-width: 1440px !important;
    padding-left: clamp(1rem, 2.5vw, 2rem) !important;
    padding-right: clamp(1rem, 2.5vw, 2rem) !important;
  }
}

/* 2. Account Layout Container & Header */
.sc-account-layout,
.woocommerce-account .sc-account-layout {
  display: block !important;
  width: 100% !important;
  margin-bottom: 2rem !important;
}

.sc-account-header {
  display: block !important;
  width: 100% !important;
  margin-bottom: 1.5rem !important;
}

.sc-account-title {
  font-size: clamp(22px, 2.5vw, 28px);
  color: var(--heading_color, #0f172a);
  letter-spacing: -0.02em;
}

/* 3. Account Grid Row & Columns */
.sc-account-row,
.woocommerce-account .sc-account-layout .row,
.woocommerce-account .sc-account-layout .sc-account-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .sc-account-nav-card {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .sc-account-content {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Large Screens (>= 1200px) */
@media (min-width: 1200px) {
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 280px !important;
    max-width: 280px !important;
    width: 280px !important;
    align-self: stretch !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 1.25rem !important;
  }

  .woocommerce-account .sc-account-main-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: calc(100% - 280px) !important;
    width: auto !important;
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }

  .woocommerce-account .sc-account-nav-card {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 104px !important;
    z-index: 20 !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    transition: top 0.2s ease;
  }

  .sc-account-nav-card::-webkit-scrollbar,
  .woocommerce-account .sc-account-nav-card::-webkit-scrollbar {
    display: none !important;
  }

  .admin-bar.woocommerce-account .sc-account-nav-card {
    top: 136px !important;
    max-height: calc(100vh - 150px) !important;
  }
}

/* Laptop Screens (992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 250px !important;
    max-width: 250px !important;
    width: 250px !important;
    align-self: stretch !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 1rem !important;
  }

  .woocommerce-account .sc-account-main-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: calc(100% - 250px) !important;
    width: auto !important;
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }

  .woocommerce-account .sc-account-nav-card {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 104px !important;
    z-index: 20 !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
  }

  .admin-bar.woocommerce-account .sc-account-nav-card {
    top: 136px !important;
    max-height: calc(100vh - 150px) !important;
  }
}

/* Tablet Screens (768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 1.5rem !important;
  }

  .woocommerce-account .sc-account-main-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .woocommerce-account .sc-account-nav-card {
    position: static !important;
    top: auto !important;
  }

  .sc-account-nav-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .sc-account-nav-link {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
}

/* Mobile Screens (< 768px) */
@media (max-width: 767.98px) {
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 1.25rem !important;
  }

  .woocommerce-account .sc-account-main-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .woocommerce-account .sc-account-nav-card {
    position: static !important;
    top: auto !important;
  }

  .sc-account-nav-user {
    padding: 14px 16px !important;
  }

  .sc-account-nav-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
  }

  .sc-account-nav-link {
    padding: 9px 10px !important;
    font-size: 12px !important;
  }

  .sc-account-nav-ico {
    width: 26px !important;
    height: 26px !important;
    font-size: 11px !important;
  }

  .sc-account-nav-label {
    font-size: 11.5px !important;
  }

  .sc-account-nav-chevron {
    display: none !important;
  }
}

/* 4. Orders Table & Responsive Container System */
.sc-account-card,
.woocommerce-account .sc-account-card {
  background: #ffffff !important;
  border: 1px solid var(--border_color, #e2e8f0) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 18px -4px rgba(15, 23, 42, 0.05) !important;
  overflow: hidden !important;
  width: 100% !important;
}

.sc-account-card .table-responsive,
.woocommerce-account .sc-account-card .table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  width: 100% !important;
  margin-bottom: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 #f8fafc !important;
}

.sc-account-card .table-responsive::-webkit-scrollbar,
.woocommerce-account .sc-account-card .table-responsive::-webkit-scrollbar {
  height: 6px;
}

.sc-account-card .table-responsive::-webkit-scrollbar-track,
.woocommerce-account .sc-account-card .table-responsive::-webkit-scrollbar-track {
  background: #f8fafc;
}

.sc-account-card .table-responsive::-webkit-scrollbar-thumb,
.woocommerce-account .sc-account-card .table-responsive::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.sc-account-card .table-responsive::-webkit-scrollbar-thumb:hover,
.woocommerce-account .sc-account-card .table-responsive::-webkit-scrollbar-thumb:hover {
  background: var(--primary_color);
}

.woocommerce-orders-table,
.sc-account-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin-bottom: 0 !important;
}

@media (min-width: 992px) {
  .woocommerce-orders-table,
  .sc-account-table {
    min-width: 0 !important;
  }
}

/* Tablet Screens (768px to 991.98px): Complete 5-Column Clean Fit */
@media (min-width: 768px) and (max-width: 991.98px) {
  .woocommerce-orders-table,
  .sc-account-table {
    min-width: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
  }

  .woocommerce-orders-table thead th,
  .sc-account-table thead th {
    padding: 12px 6px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .woocommerce-orders-table tbody td,
  .sc-account-table tbody td {
    padding: 12px 6px !important;
  }

  .woocommerce-orders-table th:first-child,
  .woocommerce-orders-table td:first-child,
  .sc-account-table th:first-child,
  .sc-account-table td:first-child {
    padding-left: 12px !important;
    width: 28% !important;
  }

  .woocommerce-orders-table th:nth-child(2),
  .woocommerce-orders-table td:nth-child(2),
  .sc-account-table th:nth-child(2),
  .sc-account-table td:nth-child(2) {
    width: 22% !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .woocommerce-orders-table th:nth-child(3),
  .woocommerce-orders-table td:nth-child(3),
  .sc-account-table th:nth-child(3),
  .sc-account-table td:nth-child(3) {
    width: 15% !important;
  }

  .woocommerce-orders-table th:nth-child(4),
  .woocommerce-orders-table td:nth-child(4),
  .sc-account-table th:nth-child(4),
  .sc-account-table td:nth-child(4) {
    width: 18% !important;
  }

  .woocommerce-orders-table th:last-child,
  .woocommerce-orders-table td:last-child,
  .sc-account-table th:last-child,
  .sc-account-table td:last-child {
    padding-right: 12px !important;
    width: 17% !important;
    white-space: nowrap !important;
  }

  .woocommerce-orders-table td:first-child .text-muted,
  .sc-account-table td:first-child .text-muted {
    max-width: 100% !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .woocommerce-orders-table td:last-child .btn,
  .sc-account-table td:last-child .btn {
    padding: 4px 8px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
}

/* Mobile Screens (< 768px): Smooth Horizontal Scroll with Visual Indicator */
@media (max-width: 767.98px) {
  .woocommerce-orders-table,
  .sc-account-table {
    min-width: 580px !important;
  }

  .sc-account-card .table-responsive {
    scrollbar-width: thin !important;
    scrollbar-color: #94a3b8 #f1f5f9 !important;
  }

  .sc-account-card .table-responsive::-webkit-scrollbar {
    height: 5px !important;
    display: block !important;
  }

  .sc-account-card .table-responsive::-webkit-scrollbar-thumb {
    background: #94a3b8 !important;
    border-radius: 999px !important;
  }

  .sc-account-card .table-responsive::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
  }
}

.woocommerce-orders-table thead th,
.sc-account-table thead th {
  background: #f8fafc !important;
  color: #64748b !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 14px 12px !important;
  vertical-align: middle !important;
}

.woocommerce-orders-table tbody td,
.sc-account-table tbody td {
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 16px 12px !important;
  vertical-align: middle !important;
  background: transparent !important;
}

.woocommerce-orders-table tbody tr:hover td,
.sc-account-table tbody tr:hover td {
  background-color: #fafbfd !important;
}

.woocommerce-orders-table tbody tr:last-child td,
.sc-account-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Table Specific Column Formatting & Breathing Room */
.woocommerce-orders-table th:first-child,
.woocommerce-orders-table td:first-child,
.sc-account-table th:first-child,
.sc-account-table td:first-child {
  padding-left: 24px !important;
}

.woocommerce-orders-table th:last-child,
.woocommerce-orders-table td:last-child,
.sc-account-table th:last-child,
.sc-account-table td:last-child {
  padding-right: 24px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.woocommerce-orders-table td:first-child .text-muted,
.sc-account-table td:first-child .text-muted {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 1400px) {
  .woocommerce-orders-table td:first-child .text-muted,
  .sc-account-table td:first-child .text-muted {
    max-width: 380px;
  }
}

.woocommerce-orders-table td:nth-child(2),
.woocommerce-orders-table th:nth-child(2),
.sc-account-table td:nth-child(2),
.sc-account-table th:nth-child(2) {
  white-space: nowrap !important;
  color: #64748b !important;
  font-size: 13.5px !important;
}

.woocommerce-orders-table td:nth-child(3),
.woocommerce-orders-table th:nth-child(3),
.sc-account-table td:nth-child(3),
.sc-account-table th:nth-child(3) {
  white-space: nowrap !important;
}

.woocommerce-orders-table td:nth-child(4),
.woocommerce-orders-table th:nth-child(4),
.sc-account-table td:nth-child(4),
.sc-account-table th:nth-child(4) {
  white-space: nowrap !important;
}

.woocommerce-orders-table td:last-child .btn,
.sc-account-table td:last-child .btn {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  padding: 6px 16px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

/* ==========================================================================
   MY ACCOUNT PAGINATION STYLING (Orders & Downloads)
   ========================================================================== */
.sc-account-pagination-wrap {
  background: #ffffff;
}

.sc-account-pagination .pagination {
  margin: 0;
  gap: 5px;
}

.sc-account-pagination .page-item {
  display: inline-flex;
  align-items: center;
}

.sc-account-pagination .page-link {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 6px 12px;
  transition: all 0.2s ease-in-out;
  box-shadow: none !important;
  text-decoration: none;
}

.sc-account-pagination .sc-page-num {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sc-account-pagination .sc-page-nav-btn {
  border-radius: 50rem !important;
  padding: 6px 14px !important;
}

.sc-account-pagination .page-link:hover {
  color: var(--primary_color);
  background-color: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.25);
}

.sc-account-pagination .page-item.active .page-link,
.sc-account-pagination .page-link.active {
  color: #ffffff !important;
  background-color: var(--primary_color) !important;
  border-color: var(--primary_color) !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px -2px rgba(var(--primary_rgb, 14, 90, 60), 0.35) !important;
}

/* ==========================================================================
   AUTHENTICATION PAGES & MODAL ENHANCEMENTS
   ========================================================================== */
.sc-account-auth-wrap {
  background-color: #f8fafc;
  min-height: 70vh;
}

.sc-auth-card {
  border: 1px solid #e2e8f0 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sc-auth-card:hover {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04) !important;
}

.sc-auth-tabs {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  background: #f1f5f9 !important;
}

.sc-auth-tabs .nav-link {
  color: #475569 !important;
  transition: all 0.2s ease;
  border: none !important;
}

.sc-auth-tabs .nav-link.active {
  background-color: var(--primary_color) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
}

.sc-auth-input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

.sc-auth-input-group .form-control {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.sc-auth-input-group .input-group-text {
  flex-shrink: 0 !important;
}

.sc-auth-input-group .form-control:focus {
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
}

.sc-toggle-pwd {
  cursor: pointer;
  transition: color 0.15s ease;
}

.sc-toggle-pwd:hover {
  color: var(--primary_color) !important;
}

.sc-modal-toggle-pwd {
  cursor: pointer;
  outline: none !important;
}

.sc-modal-toggle-pwd:hover {
  color: var(--primary_color) !important;
}

/* Completely suppress WooCommerce core password strength meter & hint */
.woocommerce-password-strength,
.woocommerce-password-hint,
#password_strength {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}

/* Mobile & Tablet Authentication Tab Switcher */
.sc-auth-tabs {
  background: #f1f5f9 !important;
  padding: 4px !important;
  border-radius: 9999px !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  gap: 4px !important;
  max-width: 360px !important;
  margin: 0 auto 20px !important;
  box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

.sc-auth-tabs .nav-link {
  flex: 1 1 50% !important;
  min-width: 0 !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 9px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  border: none !important;
  color: #64748b !important;
  background: transparent !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  min-height: 40px !important;
}

.sc-auth-tabs .nav-link span {
  white-space: nowrap !important;
}

.sc-auth-tabs .nav-link i {
  font-size: 13px !important;
  flex-shrink: 0 !important;
}

.sc-auth-tabs .nav-link.active {
  background: var(--primary_color, #2b186b) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 43, 24, 107), 0.28), 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

/* Remove default WooCommerce inner box / border mess */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password,
.woocommerce-page form.login,
.woocommerce-page form.register,
.woocommerce-page form.lost_reset_password,
.sc-auth-card .woocommerce-form-login,
.sc-auth-card .woocommerce-form-register,
.sc-auth-card .woocommerce-ResetPassword {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Mobile & Tablet Authentication Responsive Switching */
@media (max-width: 991.98px) {
  .sc-auth-wrap.sc-tab-login #sc-register-col {
    display: none !important;
  }
  .sc-auth-wrap.sc-tab-login #sc-login-col {
    display: block !important;
  }
  .sc-auth-wrap.sc-tab-register #sc-login-col {
    display: none !important;
  }
  .sc-auth-wrap.sc-tab-register #sc-register-col {
    display: block !important;
  }

  .sc-auth-card {
    padding: 24px 20px !important;
    border-radius: 20px !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.06), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  }

  .sc-auth-card-head .sc-stat-ico {
    width: 48px !important;
    height: 48px !important;
    font-size: 18px !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
  }

  .sc-auth-card-head h4 {
    font-size: 19px !important;
  }
}

/* Extra small mobile screens (iPhone SE, Galaxy, Pixel small viewport <= 420px) */
@media (max-width: 420px) {
  .sc-auth-tabs {
    padding: 3px !important;
    gap: 3px !important;
    max-width: 320px !important;
    margin-bottom: 16px !important;
  }

  .sc-auth-tabs .nav-link {
    font-size: 12px !important;
    padding: 7px 5px !important;
    gap: 4px !important;
    min-height: 36px !important;
  }

  .sc-auth-tabs .nav-link i {
    font-size: 11px !important;
  }

  .sc-auth-card {
    padding: 20px 14px !important;
    border-radius: 18px !important;
  }

  .sc-auth-card-head {
    margin-bottom: 16px !important;
  }

  .sc-auth-card-head .sc-stat-ico {
    width: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
  }

  .sc-auth-card-head h4 {
    font-size: 17px !important;
  }

  .sc-auth-card-head p {
    font-size: 11.5px !important;
    line-height: 1.4 !important;
  }

  .sc-auth-input-group {
    border-radius: 10px !important;
  }

  .sc-auth-input-group .form-control {
    font-size: 13px !important;
    padding: 8px 10px !important;
  }

  .sc-auth-input-group .input-group-text {
    font-size: 12px !important;
    padding: 8px 10px !important;
  }

  .sc-account-auth-wrap .form-label {
    font-size: 11.5px !important;
    margin-bottom: 3px !important;
  }

  .sc-account-auth-wrap .btn-primary,
  .sc-account-auth-wrap .btn-outline-primary {
    font-size: 13px !important;
    padding: 9px 14px !important;
  }
}

@media (min-width: 992px) {
  #sc-login-col,
  #sc-register-col {
    display: block !important;
  }
}

/* Auth Page Notice Alignment & Styling */
.sc-account-auth-wrap .woocommerce-notices-wrapper {
  margin-bottom: 20px !important;
  width: 100% !important;
}

.sc-account-auth-wrap .woocommerce-error,
.sc-account-auth-wrap .woocommerce-message,
.sc-account-auth-wrap .woocommerce-info {
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

/* ==========================================================================
   WOOCOMMERCE EDIT ADDRESS FORM STYLING
   ========================================================================== */
.sc-address-form .woocommerce-address-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.sc-address-form .form-row {
  margin-bottom: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {

  .sc-address-form .form-row-first,
  .sc-address-form .form-row-last {
    width: calc(50% - 8px) !important;
    float: none !important;
  }
}

.sc-address-form .form-row label {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  margin-bottom: 6px !important;
  display: block;
}

.sc-address-form .form-row label .required {
  color: #ef4444 !important;
  text-decoration: none !important;
  font-weight: 700;
}

.sc-address-form .form-row .woocommerce-input-wrapper {
  width: 100% !important;
  display: block;
}

.sc-address-form .form-row input.input-text,
.sc-address-form .form-row select,
.sc-address-form .form-row textarea {
  width: 100% !important;
  height: 44px !important;
  padding: 8px 14px !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: #1e293b !important;
  background-color: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.sc-address-form .form-row input.input-text:focus,
.sc-address-form .form-row select:focus,
.sc-address-form .form-row textarea:focus {
  background-color: #ffffff !important;
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3.5px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
}

.sc-address-form .form-row input.input-text::placeholder {
  color: #94a3b8 !important;
}

.sc-address-form .select2-container .select2-selection--single {
  height: 44px !important;
  background-color: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
}

.sc-address-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1e293b !important;
  font-size: 0.9rem !important;
  line-height: 44px !important;
  padding-left: 0 !important;
}

.sc-address-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
  right: 10px !important;
}

.sc-address-form .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3.5px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
  background-color: #ffffff !important;
}

/* ==========================================================================
   GPLPanther: ALL CATEGORIES DIRECTORY & DEDICATED CATEGORY ARCHIVE
   ========================================================================== */

/* Category Hero Icons & Description */
.sc-hero-cat-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(var(--primary_rgb, 57, 34, 119), 0.2) 0%, rgba(var(--primary_rgb, 57, 34, 119), 0.45) 100%);
  border: 1.5px solid rgba(var(--primary_rgb, 57, 34, 119), 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.5rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

.sc-cat-hero-desc {
  max-width: 680px;
  line-height: 1.55;
  font-size: 0.95rem;
}

/* Subcategory Navigation Strip in Category Archive */
.sc-subcat-strip-wrap {
  margin-top: 1.25rem;
}

.sc-subcat-pills-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sc-subcat-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.sc-subcat-pill:hover {
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.18);
  border-color: var(--primary_color);
  color: #ffffff;
  transform: translateY(-1px);
}

.sc-subcat-pill.active {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 57, 34, 119), 0.35);
}

.sc-subcat-pill .sc-pill-count {
  background: rgba(0, 0, 0, 0.22);
  color: inherit;
  font-size: 0.72rem;
  padding: 1px 7px;
  border-radius: 999px;
  font-weight: 700;
}

.sc-subcat-pill.active .sc-pill-count {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

/* All Categories Page Toolbar & Quick Filters */
.sc-allcat-toolbar {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.sc-allcat-toolbar .sc-items-count,
#scCatVisibleCount {
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.18);
  color: var(--primary_color);
  font-weight: 700;
}

.sc-cat-pill-filter {
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.18s ease;
}

.sc-cat-pill-filter:hover {
  border-color: var(--primary_color);
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
}

.sc-cat-pill-filter.active {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 57, 34, 119), 0.2);
}

/* All Categories Grid */
.sc-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 24px;
}

@media (max-width: 575.98px) {
  .sc-category-grid {
    grid-template-columns: 1fr;
  }
}

/* Category Card */
.sc-category-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
}

.sc-category-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.5px;
  background: linear-gradient(90deg, var(--primary_color) 0%, var(--primary_hover, var(--primary_color)) 100%);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.sc-category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(var(--primary_rgb, 57, 34, 119), 0.1);
  border-color: rgba(var(--primary_rgb, 57, 34, 119), 0.28);
}

.sc-category-card:hover::before {
  opacity: 1;
}

.sc-category-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.sc-category-icon-box {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(var(--primary_rgb, 57, 34, 119), 0.05) 0%, rgba(var(--primary_rgb, 57, 34, 119), 0.12) 100%);
  border: 1.5px solid rgba(var(--primary_rgb, 57, 34, 119), 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary_color);
  font-size: 1.45rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.sc-category-card:hover .sc-category-icon-box {
  transform: scale(1.08);
  background: linear-gradient(135deg, rgba(var(--primary_rgb, 57, 34, 119), 0.12) 0%, rgba(var(--primary_rgb, 57, 34, 119), 0.22) 100%);
  border-color: rgba(var(--primary_rgb, 57, 34, 119), 0.35);
  box-shadow: 0 8px 20px rgba(var(--primary_rgb, 57, 34, 119), 0.22);
}

.sc-category-count-badge {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.18);
  border-radius: 999px;
  padding: 4px 10px;
  font-family: var(--sc-mono, monospace);
  display: inline-flex;
  align-items: center;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.sc-category-card:hover .sc-category-count-badge {
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.14);
  border-color: rgba(var(--primary_rgb, 57, 34, 119), 0.28);
}

.sc-category-card-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.sc-category-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 8px;
  line-height: 1.35;
}

.sc-category-title-link {
  color: #0f172a;
  text-decoration: none;
  transition: color 0.2s ease;
}

.sc-category-title-link:hover,
.sc-category-card:hover .sc-category-title-link {
  color: var(--primary_color);
}

.sc-category-description {
  font-size: 0.88rem;
  color: #64748b;
  line-height: 1.55;
  margin-bottom: 16px;
  flex-grow: 1;
}

/* Subcategory list inside category card */
.sc-category-subcats {
  background: #f8fafc;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 16px;
  border: 1px solid #f1f5f9;
}

.sc-category-subcats-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #94a3b8;
  margin-bottom: 8px;
}

.sc-category-subcats-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sc-subcat-tag {
  font-size: 0.78rem;
  font-weight: 600;
  color: #334155;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 3px 9px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.15s ease;
}

.sc-subcat-tag:hover {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #ffffff;
}

.sc-subcat-tag .sc-subcat-num {
  font-size: 0.68rem;
  color: #94a3b8;
}

.sc-subcat-tag:hover .sc-subcat-num {
  color: rgba(255, 255, 255, 0.85);
}

.sc-subcat-more {
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.2);
}

.sc-subcat-more:hover {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #ffffff;
}

.sc-category-card-footer {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
}

.sc-category-cta-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: var(--primary_color);
  font-weight: 700;
  font-size: 0.88rem;
  transition: color 0.2s ease;
}

.sc-category-cta-btn .sc-cta-arrow {
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
  color: inherit;
}

.sc-category-card:hover .sc-category-cta-btn,
.sc-category-cta-btn:hover {
  color: var(--primary_hover, var(--primary_color));
}

.sc-category-card:hover .sc-cta-arrow,
.sc-category-cta-btn:hover .sc-cta-arrow {
  transform: translateX(5px);
  color: var(--primary_hover, var(--primary_color));
}

/* Zero results for category search */
.sc-no-categories-state {
  padding: 48px 24px;
  background: #ffffff;
  border: 1.5px dashed #cbd5e1;
  border-radius: 16px;
}

/* Trust features strip */
.sc-trust-strip {
  border-top: 1px solid #e2e8f0;
}

.sc-trust-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  height: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sc-trust-box:hover {
  border-color: rgba(var(--primary_rgb, 57, 34, 119), 0.35);
  box-shadow: 0 10px 24px rgba(var(--primary_rgb, 57, 34, 119), 0.08);
}

.sc-trust-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.16);
  color: var(--primary_color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
  transition: all 0.25s ease;
}

.sc-trust-box:hover .sc-trust-icon {
  background: var(--primary_color);
  border-color: var(--primary_color);
  color: #ffffff;
  transform: scale(1.06);
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 57, 34, 119), 0.25);
}

.sc-trust-content h6 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px;
}

.sc-trust-content p {
  font-size: 0.82rem;
  color: #64748b;
  margin: 0;
  line-height: 1.45;
}

/* Category Sidebar Active State */
.sc-cat-active-branch>.d-flex>.sc-catrow-link {
  color: var(--primary_color) !important;
  font-weight: 700 !important;
}

.sc-catrow-sub.active {
  color: var(--primary_color) !important;
  font-weight: 700 !important;
  border-left-color: var(--primary_color) !important;
}

/* Empty Category State */
.sc-empty-category {
  padding: 50px 24px;
  background: #ffffff;
  border: 1.5px dashed #cbd5e1;
  border-radius: 16px;
}

/* ==========================================================================
   GPLPanther: MODERN ORDER COMPLETE (THANK YOU) PAGE
   ========================================================================== */

/* Outer Wrap */
.sc-order-complete-wrap {
  max-width: 1060px;
  margin: 0 auto;
}

/* Hero Celebration Card */
.sc-order-hero {
  position: relative;
  overflow: hidden;
  border-radius: 20px !important;
  background: radial-gradient(120% 120% at 20% 10%, var(--primary_dark) 0%, var(--sc-ink) 100%);
  border: 1.5px solid rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
  padding: 38px 24px;
  color: #ffffff;
  box-shadow: 0 16px 40px rgba(8, 26, 19, 0.15);
}

.sc-order-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(60% 50% at 80% 20%, rgba(var(--primary_rgb, 14, 90, 60), 0.18), transparent 70%),
    linear-gradient(180deg, rgba(8, 26, 19, 0.2) 0%, rgba(8, 26, 19, 0.8) 100%);
  z-index: 1;
  pointer-events: none;
}

.sc-order-hero-inner {
  position: relative;
  z-index: 2;
}

/* Pulsing Checkmark */
.sc-order-pulse-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
}

.sc-order-pulse-ring {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(var(--primary_rgb, 14, 90, 60), 0.45);
  animation: sc-pulse-ring 2s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}

@keyframes sc-pulse-ring {
  0% {
    transform: scale(0.9);
    opacity: 0.8;
  }

  100% {
    transform: scale(1.35);
    opacity: 0;
  }
}

.sc-order-check-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--sc-moss, var(--primary_hover)) 0%, var(--primary_color) 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 28px;
  box-shadow: 0 8px 24px rgba(var(--primary_rgb, 14, 90, 60), 0.4);
}

.sc-order-hero-title {
  font-size: 1.85rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffffff;
  line-height: 1.25;
}

@media (max-width: 575.98px) {
  .sc-order-hero {
    padding: 28px 16px;
  }

  .sc-order-hero-title {
    font-size: 1.45rem;
  }
}

.sc-order-hero-sub {
  font-size: 0.95rem;
  line-height: 1.55;
}

/* Order Status Pills (Hero Section) */
.sc-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.sc-status-pill.is-completed {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.2);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.45);
  color: #ffffff;
}

.sc-status-pill.is-processing {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.45);
  color: #fde68a;
}

.sc-status-pill.is-on-hold {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.45);
  color: #bfdbfe;
}

.sc-status-pill.is-pending {
  background: rgba(234, 179, 8, 0.22);
  border: 1px solid rgba(234, 179, 8, 0.5);
  color: #fef08a;
}

.sc-status-pill.is-failed {
  background: rgba(239, 68, 68, 0.22);
  border: 1px solid rgba(239, 68, 68, 0.5);
  color: #fca5a5;
}

.sc-status-pill.is-cancelled {
  background: rgba(148, 163, 184, 0.22);
  border: 1px solid rgba(148, 163, 184, 0.45);
  color: #cbd5e1;
}

.sc-status-pill.is-refunded {
  background: rgba(168, 85, 247, 0.22);
  border: 1px solid rgba(168, 85, 247, 0.5);
  color: #e9d5ff;
}

.sc-status-pill.is-default {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

/* Order Status Tags (Metric cards & Order Details items) */
.sc-status-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  letter-spacing: 0.01em;
}

.sc-status-tag i {
  font-size: 0.72rem;
}

.sc-status-tag.is-completed {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.25);
}

.sc-status-tag.is-processing {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

.sc-status-tag.is-on-hold {
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}

.sc-status-tag.is-pending {
  background: #fef9c3;
  color: #854d0e;
  border: 1px solid #fde047;
}

.sc-status-tag.is-failed {
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fca5a5;
}

.sc-status-tag.is-cancelled {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
}

.sc-status-tag.is-refunded {
  background: #f3e8ff;
  color: #7e22ce;
  border: 1px solid #d8b4fe;
}

.sc-status-tag.is-default {
  background: #f1f5f9;
  color: #334155;
  border: 1px solid #e2e8f0;
}

/* Order Status Alert Box (Order Items section) - Coordinated with Theme */
.sc-order-status-alert {
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--card_bg, #f8fafc) !important;
  border: 1px solid var(--border_color, #e2e8f0) !important;
}

.sc-notice-icon-box {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

.sc-order-status-alert.is-processing .sc-notice-icon-box {
  background: #fef3c7 !important;
  border: 1px solid #fde68a !important;
  color: #92400e !important;
}

.sc-order-status-alert.is-pending .sc-notice-icon-box {
  background: #fef9c3 !important;
  border: 1px solid #fde047 !important;
  color: #854d0e !important;
}

.sc-order-status-alert.is-on-hold .sc-notice-icon-box {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1d4ed8 !important;
}

.sc-order-status-alert.is-failed .sc-notice-icon-box {
  background: #fee2e2 !important;
  border: 1px solid #fca5a5 !important;
  color: #b91c1c !important;
}

.sc-order-status-alert.is-cancelled .sc-notice-icon-box {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
}

.sc-order-status-alert.is-refunded .sc-notice-icon-box {
  background: #f3e8ff !important;
  border: 1px solid #d8b4fe !important;
  color: #7e22ce !important;
}

.sc-order-status-alert strong {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--heading_color, #0f172a) !important;
  margin-bottom: 3px;
  display: block;
}

.sc-order-status-alert p {
  font-size: 0.85rem;
  margin: 0;
  color: #4b5563 !important;
  line-height: 1.45;
}

/* Order Metrics Grid (4 cols on desktop, 2 on tablet, 1 on small phones) */
.sc-order-metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

@media (max-width: 991.98px) {
  .sc-order-metrics-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

@media (max-width: 479.98px) {
  .sc-order-metrics-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.sc-order-metric-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.sc-order-metric-card:hover {
  border-color: var(--primary_color);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.sc-metric-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #f1f5f9;
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
}

.sc-metric-accent {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
}

.sc-metric-warning {
  background: #fef3c7;
  color: #b45309;
}

.sc-metric-info {
  background: #eff6ff;
  color: #1d4ed8;
}

.sc-metric-danger {
  background: #fee2e2;
  color: #b91c1c;
}

.sc-metric-purple {
  background: #f3e8ff;
  color: #7e22ce;
}

.sc-metric-label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #94a3b8;
  font-weight: 700;
  display: block;
  margin-bottom: 3px;
}

.sc-metric-val {
  font-size: 1.02rem;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
}

.sc-metric-price {
  color: var(--primary_color);
  font-size: 1.1rem;
}

.sc-metric-copy-btn {
  border: 0;
  background: transparent;
  color: #94a3b8;
  padding: 2px 6px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.85rem;
  transition: all 0.15s ease;
}

.sc-metric-copy-btn:hover {
  color: var(--primary_color);
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
}

.sc-metric-copy-btn.copied {
  color: #16a34a;
  background: #dcfce7;
}

/* Downloads Section */
.sc-downloads-title-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

.sc-download-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sc-download-card:hover {
  border-color: var(--primary_color);
  box-shadow: 0 6px 20px rgba(var(--primary_rgb, 14, 90, 60), 0.06);
}

.sc-download-card-body {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex: 1 1 auto;
}

.sc-download-file-ico {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  border: 1.5px solid rgba(var(--primary_rgb, 14, 90, 60), 0.25);
  color: var(--primary_color);
  font-size: 1.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sc-download-meta-wrap {
  min-width: 0;
  flex: 1 1 auto;
}

.sc-download-product-title {
  font-size: 0.98rem;
  font-weight: 700;
  margin: 0 0 6px;
  color: #0f172a;
  line-height: 1.4;
  word-break: break-word;
}

.sc-download-product-title a {
  color: #0f172a;
  text-decoration: none;
  transition: color 0.2s ease;
}

.sc-download-product-title a:hover {
  color: var(--primary_color);
}

.sc-download-pill-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.sc-dl-meta-pill {
  font-size: 0.76rem;
  font-weight: 600;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 3px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.sc-dl-pill-gpl {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22);
  color: var(--primary_color);
}

.sc-download-btn-wrap {
  flex-shrink: 0;
}

.sc-download-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 24px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.2) !important;
  width: auto !important;
  max-width: none !important;
}

.sc-download-btn:hover {
  background: var(--primary_hover) !important;
  box-shadow: 0 6px 18px rgba(var(--primary_rgb, 14, 90, 60), 0.3) !important;
  transform: translateY(-1px);
}

@media (max-width: 767.98px) {
  .sc-download-card {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 16px;
  }

  .sc-download-card-body {
    width: 100%;
  }

  .sc-download-btn-wrap {
    width: 100%;
  }

  .sc-download-card .sc-download-btn,
  .sc-download-btn-wrap .sc-download-btn {
    width: 100% !important;
  }
}

/* Order Details Full Width Table */
.sc-order-table {
  font-size: 0.92rem;
  width: 100% !important;
}

.sc-item-row-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  flex-shrink: 0;
}

.sc-item-title-wrap {
  word-break: break-word;
  line-height: 1.4;
  white-space: normal;
}

.sc-total-row th,
.sc-total-row td {
  padding-top: 14px !important;
  padding-bottom: 6px !important;
}

/* Outer Wrap: Full width on checkout page */
.sc-order-received-wrapper .sc-order-complete-wrap,
.sc-order-complete-wrap.is-order-failed-wrap,
.sc-order-complete-wrap:has(.sc-order-failed-card) {
  max-width: 100% !important;
  width: 100% !important;
}

/* Failed Order Card (Clean, Full-Width matching Stepper) */
.sc-order-failed-card {
  background: #ffffff !important;
  border: 1px solid #fee2e2 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 30px 0 !important;
  padding: 56px 36px !important;
  transition: all 0.3s ease;
}

.sc-order-failed-icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #dc2626;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 6px 18px rgba(220, 38, 38, 0.15);
  margin: 0 auto 16px auto;
}

.sc-order-failed-card .badge {
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  padding: 6px 16px !important;
  border: 1px solid rgba(220, 38, 38, 0.2);
}

.sc-order-failed-card h2 {
  color: #0f172a;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.sc-order-failed-card p {
  color: #64748b !important;
  font-size: 0.95rem;
  line-height: 1.6;
}

@media (max-width: 575.98px) {
  .sc-order-failed-card {
    padding: 32px 18px !important;
    border-radius: 16px !important;
  }
}

/* Checkout Progress Completed State */
.sc-progress-completed {
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
  background: linear-gradient(120deg, rgba(var(--primary_rgb, 14, 90, 60), 0.05) 0%, rgba(var(--primary_rgb, 14, 90, 60), 0.08) 100%) !important;
}

.sc-progress-completed .sc-c2-stp-ic {
  background: var(--primary_color) !important;
  border-color: var(--primary_color) !important;
  color: #ffffff !important;
}

/* Promotional Author Card (Sidebar & Callouts) */
.sc-qpromo {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: radial-gradient(120% 120% at 20% 10%, var(--primary_dark), var(--sc-ink)) !important;
  min-height: 250px;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 10px 30px rgba(10, 20, 16, 0.15);
}

.sc-qpromo-lottie {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.sc-qpromo-lottie svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.sc-qpromo::after {
  content: '';
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: radial-gradient(60% 45% at 78% 18%, rgba(var(--primary_rgb, 14, 90, 60), 0.14), transparent 70%),
    linear-gradient(180deg, rgba(10, 20, 16, 0.90) 0%, rgba(10, 20, 16, 0.52) 42%, rgba(10, 20, 16, 0.95) 100%) !important;
}

.sc-qpromo-wolf {
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  width: 54px !important;
  height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  z-index: 1 !important;
  opacity: 0.35 !important;
  pointer-events: none !important;
}

.sc-qpromo-overlay {
  position: relative !important;
  z-index: 2 !important;
  padding: 22px 20px !important;
  color: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.sc-qpromo-badge {
  align-self: flex-start;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-family: var(--sc-mono, monospace);
  background: rgba(230, 169, 46, 0.12) !important;
  border: 1px solid rgba(230, 169, 46, 0.34) !important;
  color: var(--sc-gold, #e6a92e) !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  margin-bottom: 12px !important;
}

.sc-qpromo-title {
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 7px !important;
  font-size: 1.35rem !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

.sc-qpromo-desc {
  color: rgba(233, 243, 233, 0.82) !important;
  margin: 0 0 14px !important;
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
}

.sc-qpromo-perks {
  list-style: none !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

.sc-qpromo-perks li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #eaf3ee !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
}

.sc-qpromo-perks i {
  color: var(--primary_color) !important;
}

.sc-faq2-lottie svg path,
.sc-faq2-lottie svg circle,
.sc-faq2-lottie svg ellipse,
.sc-faq2-lottie svg g,
.sc-qpromo-lottie svg path,
.sc-qpromo-lottie svg circle,
.sc-qpromo-lottie svg ellipse,
.sc-qpromo-lottie svg g {
  fill: var(--primary_color) !important;
}

.sc-qpromo-cta {
  align-self: flex-start !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  font-size: 0.9rem !important;
  padding: 9px 18px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  color: var(--primary_color) !important;
  background: #ffffff !important;
  transition: transform 0.15s ease, background 0.15s ease !important;
}

.sc-qpromo-cta:hover {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  transform: translateY(-1px);
  color: var(--primary_color) !important;
}

.sc-qpromo-foot {
  margin: 14px 0 0 !important;
  font-size: 0.78rem !important;
  color: rgba(255, 255, 255, 0.62) !important;
}

.sc-qpromo-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 2px 0 18px;
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.sc-qpromo-stat {
  display: flex;
  flex-direction: column;
}

.sc-qpromo-stat-val {
  font-size: 1.35rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.sc-qpromo-stat-lbl {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media (max-width: 991px) {
  .sc-qpromo {
    min-height: 240px;
  }
}

/* ==========================================================================
   Modern Add-to-Cart Animations & Micro-Interactions (Shop, Single Product & Sticky Cart)
   ========================================================================== */

/* 1. Eliminate Default WooCommerce Glyphs, Cog Spinners & Width Shifts */
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after,
.sc-item-btn-cart.loading::after,
.sc-item-btn-cart.added::after,
.sc-item-btn-cart.sc-btn-added::after,
.sc-ft2-add.loading::after,
.sc-ft2-add.added::after,
.sc-ft2-add.sc-btn-added::after,
.sc-single-add-to-cart.loading::after,
.sc-single-add-to-cart.added::after,
.sc-single-add-to-cart.sc-btn-added::after,
.sc-stickycart-add.loading::after,
.sc-stickycart-add.added::after,
.sc-stickycart-add.sc-btn-added::after,
.add_to_cart_button.loading::after,
.add_to_cart_button.added::after,
.add_to_cart_button.sc-btn-added::after,
.single_add_to_cart_button.loading::after,
.single_add_to_cart_button.added::after,
.single_add_to_cart_button.sc-btn-added::after {
  display: none !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Prevent WooCommerce padding-right and opacity wash-out */
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading,
.sc-item-btn-cart.loading,
.sc-ft2-add.loading,
.sc-single-add-to-cart.loading,
.sc-stickycart-add.loading,
.add_to_cart_button.loading,
.single_add_to_cart_button.loading {
  opacity: 1 !important;
  pointer-events: none;
  cursor: wait;
}

/* Suppress WooCommerce default "View cart" text link next to button */
.added_to_cart.wc-forward {
  display: none !important;
}

/* 2. Sleek Modern Dual-Tone Circular Spinner (Loading State) */
.sc-item-btn-cart.loading::before,
.sc-ft2-add.loading::before,
.sc-single-add-to-cart.loading::before,
.sc-stickycart-add.loading::before,
.add_to_cart_button.loading::before,
.single_add_to_cart_button.loading::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 8px !important;
  border: 2.2px solid rgba(255, 255, 255, 0.28) !important;
  border-top-color: #ffffff !important;
  border-radius: 50% !important;
  animation: scCartSpinner 0.65s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

@keyframes scCartSpinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Hide static cart icon while loading */
.sc-item-btn-cart.loading>i,
.sc-item-btn-cart.loading>i.fa-cart-shopping,
.sc-ft2-add.loading>i,
.sc-ft2-add.loading>i.fa-cart-shopping,
.sc-single-add-to-cart.loading>i,
.sc-single-add-to-cart.loading>i.fa-cart-shopping,
.sc-stickycart-add.loading>i,
.sc-stickycart-add.loading>i.fa-cart-shopping,
.add_to_cart_button.loading>i,
.add_to_cart_button.loading>i.fa-cart-shopping,
.single_add_to_cart_button.loading>i {
  display: none !important;
}

/* 3. Modern Success State ("Added to Cart") */
.sc-item-btn-cart.added,
.sc-item-btn-cart.sc-btn-added,
.woocommerce a.button.sc-item-btn-cart.added,
.woocommerce a.button.sc-item-btn-cart.sc-btn-added,
.woocommerce .sc-item-btn-cart.added,
.woocommerce .sc-item-btn-cart.sc-btn-added,
.item-purchase .sc-item-btn-cart.added,
.item-purchase .sc-item-btn-cart.sc-btn-added,
.sc-ft2-add.added,
.sc-ft2-add.sc-btn-added,
.sc-single-add-to-cart.added,
.sc-single-add-to-cart.sc-btn-added,
.sc-stickycart-add.added,
.sc-stickycart-add.sc-btn-added,
.add_to_cart_button.added,
.add_to_cart_button.sc-btn-added,
.single_add_to_cart_button.added,
.single_add_to_cart_button.sc-btn-added {
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  border-color: var(--primary_color) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 57, 34, 119), 0.35) !important;
  animation: scCartAddedPop 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
}

@keyframes scCartAddedPop {
  0% {
    transform: scale(0.97);
  }

  50% {
    transform: scale(1.03);
  }

  100% {
    transform: scale(1);
  }
}

/* Hide cart icon when in added state */
.sc-item-btn-cart.added>i,
.sc-item-btn-cart.sc-btn-added>i,
.sc-item-btn-cart.added>i.fa-cart-shopping,
.sc-item-btn-cart.sc-btn-added>i.fa-cart-shopping,
.sc-ft2-add.added>i,
.sc-ft2-add.sc-btn-added>i,
.sc-ft2-add.added>i.fa-cart-shopping,
.sc-ft2-add.sc-btn-added>i.fa-cart-shopping,
.sc-single-add-to-cart.added>i,
.sc-single-add-to-cart.sc-btn-added>i,
.sc-single-add-to-cart.added>i.fa-cart-shopping,
.sc-single-add-to-cart.sc-btn-added>i.fa-cart-shopping,
.sc-stickycart-add.added>i,
.sc-stickycart-add.sc-btn-added>i,
.sc-stickycart-add.added>i.fa-cart-shopping,
.sc-stickycart-add.sc-btn-added>i.fa-cart-shopping,
.add_to_cart_button.added>i,
.add_to_cart_button.sc-btn-added>i,
.add_to_cart_button.added>i.fa-cart-shopping,
.add_to_cart_button.sc-btn-added>i.fa-cart-shopping,
.single_add_to_cart_button.added>i,
.single_add_to_cart_button.sc-btn-added>i {
  display: none !important;
}

/* Smooth Spring Checkmark */
.sc-item-btn-cart.added::before,
.sc-item-btn-cart.sc-btn-added::before,
.sc-ft2-add.added::before,
.sc-ft2-add.sc-btn-added::before,
.sc-single-add-to-cart.added::before,
.sc-single-add-to-cart.sc-btn-added::before,
.sc-stickycart-add.added::before,
.sc-stickycart-add.sc-btn-added::before,
.add_to_cart_button.added::before,
.add_to_cart_button.sc-btn-added::before,
.single_add_to_cart_button.added::before,
.single_add_to_cart_button.sc-btn-added::before {
  content: "\f00c" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-size: 0.88rem !important;
  margin-right: 7px !important;
  color: #ffffff !important;
  animation: scCheckSpring 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
}

@keyframes scCheckSpring {
  0% {
    transform: scale(0) rotate(-35deg);
    opacity: 0;
  }

  70% {
    transform: scale(1.25) rotate(6deg);
    opacity: 1;
  }

  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

/* 4. Already In Cart State Feedback */
.sc-item-btn-cart.sc-btn-already-in-cart,
.sc-ft2-add.sc-btn-already-in-cart,
.sc-single-add-to-cart.sc-btn-already-in-cart,
.sc-stickycart-add.sc-btn-already-in-cart,
.add_to_cart_button.sc-btn-already-in-cart,
.single_add_to_cart_button.sc-btn-already-in-cart {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.3) !important;
  animation: scCartShake 0.45s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important;
}

.sc-item-btn-cart.sc-btn-already-in-cart>i,
.sc-item-btn-cart.sc-btn-already-in-cart>i.fa-cart-shopping,
.sc-ft2-add.sc-btn-already-in-cart>i,
.sc-ft2-add.sc-btn-already-in-cart>i.fa-cart-shopping,
.sc-single-add-to-cart.sc-btn-already-in-cart>i,
.sc-single-add-to-cart.sc-btn-already-in-cart>i.fa-cart-shopping,
.sc-stickycart-add.sc-btn-already-in-cart>i,
.sc-stickycart-add.sc-btn-already-in-cart>i.fa-cart-shopping,
.add_to_cart_button.sc-btn-already-in-cart>i,
.add_to_cart_button.sc-btn-already-in-cart>i.fa-cart-shopping,
.single_add_to_cart_button.sc-btn-already-in-cart>i {
  display: none !important;
}

.sc-item-btn-cart.sc-btn-already-in-cart::before,
.sc-ft2-add.sc-btn-already-in-cart::before,
.sc-single-add-to-cart.sc-btn-already-in-cart::before,
.sc-stickycart-add.sc-btn-already-in-cart::before,
.add_to_cart_button.sc-btn-already-in-cart::before,
.single_add_to_cart_button.sc-btn-already-in-cart::before {
  content: "\f05a" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-size: 0.88rem !important;
  margin-right: 7px !important;
  color: #38bdf8 !important;
  animation: scCheckSpring 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
}

@keyframes scCartShake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-3px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(3px, 0, 0);
  }
}

/* 5. Single Product Add to Cart Base Layout */
.sc-single-add-to-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
}

/* ==========================================================================
   Order Pay Page Redesign (checkout/order-pay/...)
   ========================================================================== */

/* Order Pay & Order Received Outer Wrapper Reset (Removes redundant outer box) */
.sc-order-pay-wrapper,
.sc-order-received-wrapper,
.sc-woocommerce-checkout-wrap.sc-order-pay-wrapper,
.sc-woocommerce-checkout-wrap.sc-order-received-wrapper,
.sc-woocommerce-checkout-wrap:has(.sc-order-complete-wrap),
.sc-woocommerce-checkout-wrap:has(.sc-order-failed-card),
.sc-woocommerce-checkout-wrap:has(.woocommerce-order) {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

.sc-checkout-page-section.section {
  padding-top: 14px !important;
  padding-bottom: 40px !important;
}

.sc-order-pay-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
}

/* 1. Top Order Info Header Card (Matched with theme cards and stepper) */
.sc-order-pay-header {
  background: #ffffff !important;
  border: 1px solid #cbe5d8 !important;
  border-radius: 16px !important;
  padding: 22px 28px !important;
  margin-top: 4px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 2px 14px rgba(var(--primary_rgb, 14, 90, 60), 0.04) !important;
}

.sc-order-pay-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: var(--heading_color, #0f172a) !important;
  margin: 6px 0 4px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}

.sc-order-pay-sub {
  font-size: 0.85rem !important;
  color: #64748b !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

.sc-order-num-tag {
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  color: var(--primary_color) !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
  border-radius: 999px !important;
  padding: 2px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.sc-order-date-tag {
  font-size: 0.74rem !important;
  font-weight: 500 !important;
  color: #64748b !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  padding: 2px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.sc-order-pay-due-badge {
  background: linear-gradient(135deg, rgba(var(--primary_rgb, 14, 90, 60), 0.05) 0%, rgba(var(--primary_rgb, 14, 90, 60), 0.12) 100%) !important;
  border: 1.5px solid rgba(var(--primary_rgb, 14, 90, 60), 0.25) !important;
  border-radius: 12px !important;
  padding: 10px 22px !important;
  text-align: right !important;
  box-shadow: 0 2px 8px rgba(var(--primary_rgb, 14, 90, 60), 0.05) !important;
  flex-shrink: 0 !important;
}

.sc-pay-due-label {
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: var(--primary_color) !important;
  letter-spacing: 0.06em !important;
  display: block !important;
  margin-bottom: 2px !important;
}

.sc-pay-due-amount {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  line-height: 1.1 !important;
}

.sc-pay-due-amount del {
  color: #94a3b8 !important;
  font-size: 0.95rem !important;
  margin-right: 4px !important;
  font-weight: 600 !important;
}

.sc-pay-due-amount ins {
  text-decoration: none !important;
  color: var(--primary_color) !important;
}

/* 2. Main Card & Sidebar Card */
.sc-order-pay-main-card,
.sc-order-pay-sidebar-card {
  background: #ffffff !important;
  border: 1px solid var(--border_color, #ececec) !important;
  border-radius: 16px !important;
  padding: 26px 28px !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.03) !important;
}

.sc-order-pay-sidebar-card {
  position: sticky !important;
  top: 24px !important;
}

/* Card Heading - Proper padding, margin and clear divider line */
.sc-order-pay-card-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-bottom: 16px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #edf2f0 !important;
}

.sc-order-pay-card-title {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

/* 3. Product Item Rows & Typography Fixes */
.sc-pay-items-list {
  display: flex !important;
  flex-direction: column !important;
}

.sc-pay-item-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.sc-pay-item-row:first-child {
  padding-top: 4px !important;
}

.sc-pay-item-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.sc-pay-item-thumb {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.sc-pay-item-thumb img,
.sc-pay-item-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.sc-pay-item-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Item title font size fix */
.sc-pay-item-title,
h4.sc-pay-item-title,
.sc-pay-item-title a {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.38 !important;
  color: #1e293b !important;
  margin: 0 0 4px 0 !important;
  text-decoration: none !important;
}

.sc-pay-item-title a:hover {
  color: var(--primary_color) !important;
}

/* Meta Badges with Distinct Spacing */
.sc-pay-item-meta-badges {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 6px !important;
  flex-wrap: wrap !important;
}

.sc-pay-tag-gpl,
.sc-pay-tag-qty,
.sc-pay-tag-sku {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  line-height: 1.2 !important;
}

.sc-pay-tag-gpl {
  color: var(--primary_color) !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
}

.sc-pay-tag-qty {
  color: #334155 !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
}

.sc-pay-item-price {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--primary_color) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Integrated Billing Section */
.sc-pay-billing-section {
  border-color: #edf2f0 !important;
}

/* Sidebar Totals */
.sc-pay-totals-list {
  margin-bottom: 16px !important;
}

.sc-pay-total-row {
  padding: 6px 0 !important;
  font-size: 0.88rem !important;
}

.sc-pay-grand-total {
  border-color: #edf2f0 !important;
}

.sc-pay-grand-total .sc-pay-total-value {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
}

.sc-pay-grand-total .sc-pay-total-value del {
  color: #94a3b8 !important;
  font-size: 0.95rem !important;
  margin-right: 4px !important;
}

.sc-pay-grand-total .sc-pay-total-value ins {
  text-decoration: none !important;
  color: var(--primary_color) !important;
}

.sc-pay-refund-row .sc-pay-total-value small {
  display: block !important;
  font-size: 0.74rem !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

/* 4. Payment Gateways Section - Modern & Clean Payment Selector */
.sc-order-pay-container #payment,
.woocommerce #payment.sc-pay-gateways-wrap,
#payment.sc-pay-gateways-wrap,
.sc-pay-gateways-wrap #payment {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.sc-pay-methods-head {
  border-color: #edf2f0 !important;
  margin-bottom: 14px !important;
}

.sc-order-pay-container #payment ul.payment_methods,
.woocommerce #payment.sc-pay-gateways-wrap ul.payment_methods,
#payment.sc-pay-gateways-wrap ul.payment_methods {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  background: transparent !important;
  border: none !important;
}

.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method,
#payment.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method,
.sc-order-pay-container #payment ul.payment_methods li.wc_payment_method {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin-bottom: 10px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method:hover,
#payment.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method:hover {
  border-color: var(--primary_color) !important;
  background: #fbfdfc !important;
}

.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method:has(input:checked),
#payment.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method:has(input:checked) {
  border-color: var(--primary_color) !important;
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
}

.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method input[type="radio"],
#payment.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method input[type="radio"],
.sc-order-pay-container #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
  display: inline-block !important;
  accent-color: var(--primary_color) !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 10px 0 0 !important;
  cursor: pointer !important;
  vertical-align: middle !important;
}

.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method label,
#payment.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method label,
.sc-order-pay-container #payment ul.payment_methods li.wc_payment_method label {
  font-weight: 700 !important;
  color: #0f172a !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: auto !important;
  margin: 0 !important;
  font-size: 0.92rem !important;
  vertical-align: middle !important;
}

.sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method label img {
  max-height: 22px !important;
  width: auto !important;
  vertical-align: middle !important;
  margin-left: 8px !important;
}

/* Seamless Payment Box - Eliminates nested grey box */
#payment.sc-pay-gateways-wrap div.payment_box,
.sc-order-pay-container #payment div.payment_box,
.sc-pay-gateways-wrap ul.payment_methods div.payment_box,
.sc-pay-gateways-wrap ul.payment_methods .payment_box {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px dashed #e2e8f0 !important;
  border-radius: 0 !important;
  padding: 10px 0 0 0 !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  font-size: 0.84rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

#payment.sc-pay-gateways-wrap div.payment_box::before,
.sc-order-pay-container #payment div.payment_box::before,
.sc-pay-gateways-wrap ul.payment_methods div.payment_box::before,
.sc-pay-gateways-wrap ul.payment_methods .payment_box::before,
#payment.sc-pay-gateways-wrap div.payment_box::after,
.sc-order-pay-container #payment div.payment_box::after {
  display: none !important;
  content: none !important;
  border: none !important;
}

#payment.sc-pay-gateways-wrap div.payment_box p,
.sc-order-pay-container #payment div.payment_box p,
.sc-pay-gateways-wrap ul.payment_methods div.payment_box p {
  margin: 0 !important;
  font-size: 0.84rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}

/* Privacy Policy & Terms */
.sc-pay-gateways-wrap .woocommerce-privacy-policy-text p {
  font-size: 0.78rem !important;
  color: #64748b !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
}

.sc-pay-gateways-wrap .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 14px !important;
  font-size: 0.82rem !important;
  color: #334155 !important;
}

.sc-pay-gateways-wrap .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
  accent-color: var(--primary_color) !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 6px !important;
  vertical-align: -2px !important;
}

.sc-pay-gateways-wrap .woocommerce-terms-and-conditions-wrapper a {
  color: var(--primary_color) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* Submit Pay Button */
#place_order.sc-pay-submit-btn,
.woocommerce #payment #place_order.sc-pay-submit-btn,
.sc-order-pay-container #place_order {
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  border: 1px solid var(--primary_color) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 13px 20px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  float: none !important;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

#place_order.sc-pay-submit-btn:hover,
.woocommerce #payment #place_order.sc-pay-submit-btn:hover,
.sc-order-pay-container #place_order:hover {
  background: linear-gradient(135deg, var(--sc-pine, var(--primary_hover)) 0%, var(--primary_color) 100%) !important;
  border-color: var(--sc-pine, var(--primary_hover)) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(var(--primary_rgb, 14, 90, 60), 0.32) !important;
}

/* Mobile Responsiveness for Order Pay */
@media (max-width: 767.98px) {
  .sc-order-pay-header {
    padding: 18px 16px !important;
    border-radius: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }

  .sc-order-pay-info {
    width: 100% !important;
  }

  .sc-order-pay-title {
    font-size: 1.15rem !important;
    margin: 4px 0 6px 0 !important;
    line-height: 1.3 !important;
  }

  .sc-order-pay-sub {
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
  }

  .sc-order-pay-due-badge {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 16px !important;
    margin-top: 14px !important;
    border-radius: 10px !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  .sc-pay-due-label {
    font-size: 0.74rem !important;
    margin-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .sc-pay-due-amount {
    font-size: 1.35rem !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  .sc-order-pay-main-card,
  .sc-order-pay-sidebar-card {
    padding: 18px 16px !important;
    border-radius: 14px !important;
  }

  .sc-order-pay-card-head {
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
  }

  .sc-pay-item-row {
    gap: 12px !important;
    padding: 12px 0 !important;
  }

  .sc-pay-item-thumb {
    width: 44px !important;
    height: 44px !important;
  }

  .sc-pay-item-title,
  h4.sc-pay-item-title,
  .sc-pay-item-title a {
    font-size: 0.84rem !important;
    line-height: 1.35 !important;
  }

  .sc-pay-item-meta-badges {
    gap: 8px !important;
    margin-top: 4px !important;
  }

  .sc-pay-tag-gpl,
  .sc-pay-tag-qty,
  .sc-pay-tag-sku {
    font-size: 0.7rem !important;
    padding: 2.5px 8px !important;
  }

  .sc-pay-item-price {
    font-size: 0.9rem !important;
  }

  .sc-pay-methods-head {
    margin-bottom: 10px !important;
    padding-top: 12px !important;
  }

  .sc-pay-gateways-wrap ul.payment_methods li.wc_payment_method {
    padding: 12px 14px !important;
    border-radius: 10px !important;
  }

  #place_order.sc-pay-submit-btn,
  .woocommerce #payment #place_order.sc-pay-submit-btn,
  .sc-order-pay-container #place_order {
    padding: 12px 18px !important;
    font-size: 0.92rem !important;
  }
}

/* ==========================================================================
   GPLPanther: MY ACCOUNT VIEW ORDER & ORDER AGAIN
   ========================================================================== */

/* Outer view order container (prevents redundant nested card/box) */
.sc-order-details-card,
.sc-order-view-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* View Order Top Banner Card */
.sc-view-order-banner {
  background: #ffffff !important;
  border: 1px solid var(--border_color, #ececec) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
}

.sc-view-order-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  border: 1.5px solid rgba(var(--primary_rgb, 14, 90, 60), 0.25);
  color: var(--primary_color);
  font-size: 1.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sc-back-to-orders-btn {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #334155 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  font-size: 0.86rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.sc-back-to-orders-btn:hover {
  border-color: var(--primary_color) !important;
  color: var(--primary_color) !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  transform: translateX(-2px);
  box-shadow: 0 2px 6px rgba(var(--primary_rgb, 14, 90, 60), 0.12) !important;
}

/* Order Details Header & Card */
.woocommerce-order-details.card-v,
.woocommerce-order-downloads.card-v {
  border: 1px solid var(--border_color, #ececec) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
}

.sc-order-details-header .sc-downloads-title-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

/* Item Thumbnail in Order Table */
.sc-item-row-img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid #e2e8f0;
  flex-shrink: 0;
}

/* Order Again Section & Button (Unified GPLPanther Theme Styling) */
.sc-order-again-wrapper {
  margin-top: 1.5rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid #eef2f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
}

.sc-order-again-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  color: var(--primary_color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}

.sc-order-again-btn,
.woocommerce-order-details p.order-again a.button,
.woocommerce-order-details .order-again a.button,
.woocommerce p.order-again a.button,
p.order-again a.button,
p.order-again a,
a.button.order-again {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 24px !important;
  background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_dark) 100%) !important;
  color: #ffffff !important;
  border: 1px solid var(--primary_color) !important;
  border-radius: 10px !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 14, 90, 60), 0.18) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  line-height: 1.3 !important;
  width: auto !important;
}

.sc-order-again-btn:hover,
.woocommerce-order-details p.order-again a.button:hover,
.woocommerce-order-details .order-again a.button:hover,
.woocommerce p.order-again a.button:hover,
p.order-again a.button:hover,
p.order-again a:hover,
a.button.order-again:hover {
  background: linear-gradient(135deg, var(--primary_dark) 0%, var(--primary_hover) 100%) !important;
  color: #ffffff !important;
  border-color: var(--primary_dark) !important;
  box-shadow: 0 6px 20px rgba(var(--primary_rgb, 14, 90, 60), 0.28) !important;
  transform: translateY(-1px) !important;
}

.sc-order-again-btn:active,
p.order-again a.button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(var(--primary_rgb, 14, 90, 60), 0.2) !important;
}

.woocommerce-order-details p.order-again,
p.order-again {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

@media (max-width: 575.98px) {
  .sc-view-order-banner {
    padding: 18px 16px !important;
  }

  .sc-order-again-wrapper {
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: left !important;
  }

  .sc-order-again-btn,
  .woocommerce-order-details p.order-again a.button,
  p.order-again a.button {
    width: 100% !important;
  }
}

/* ==========================================================================
   GLOBAL NOTICE FOCUS OUTLINE FIX (Eliminate black border on notices)
   ========================================================================== */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info,
.woocommerce-NoticeGroup,
.woocommerce-NoticeGroup-checkout,
.woocommerce-NoticeGroup-updateOrderReview,
.woocommerce-notices-wrapper,
.wc-block-components-notice-banner,
ul.woocommerce-error,
div.woocommerce-error,
div.woocommerce-message,
div.woocommerce-info,
[role="alert"],
[role="status"] {
  outline: none !important;
  outline: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

.woocommerce-error:focus,
.woocommerce-message:focus,
.woocommerce-info:focus,
.woocommerce-error:focus-visible,
.woocommerce-message:focus-visible,
.woocommerce-info:focus-visible,
.woocommerce-error:focus-within,
.woocommerce-message:focus-within,
.woocommerce-info:focus-within,
.woocommerce-NoticeGroup:focus,
.woocommerce-NoticeGroup:focus-visible,
.woocommerce-NoticeGroup-checkout:focus,
.woocommerce-NoticeGroup-checkout:focus-visible,
.woocommerce-NoticeGroup-updateOrderReview:focus,
.woocommerce-NoticeGroup-updateOrderReview:focus-visible,
.woocommerce-notices-wrapper:focus,
.woocommerce-notices-wrapper:focus-visible,
.wc-block-components-notice-banner:focus,
.wc-block-components-notice-banner:focus-visible,
ul.woocommerce-error:focus,
ul.woocommerce-error:focus-visible,
ul.woocommerce-error:focus-within,
[role="alert"]:focus,
[role="alert"]:focus-visible,
[role="status"]:focus,
[role="status"]:focus-visible,
.woocommerce-error li:focus,
.woocommerce-error li:focus-visible,
.woocommerce-message li:focus,
.woocommerce-message li:focus-visible,
.woocommerce-info li:focus,
.woocommerce-info li:focus-visible,
.sc-notice-close-btn:focus,
.sc-notice-close-btn:focus-visible {
  outline: none !important;
  outline: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Maintain clean minimal borders without black outline or thick bars when focused */
.sc-notice-error:focus,
.sc-notice-error:focus-visible,
.sc-notice-type-error:focus,
.sc-notice-type-error:focus-visible,
ul.woocommerce-error:focus,
ul.woocommerce-error:focus-visible,
.woocommerce-error:focus,
.woocommerce-error:focus-visible {
  border: 1px solid #fecaca !important;
  box-shadow: none !important;
  outline: none !important;
}

.sc-notice-success:focus,
.sc-notice-success:focus-visible,
.sc-notice-type-success:focus,
.sc-notice-type-success:focus-visible,
.woocommerce-message:focus,
.woocommerce-message:focus-visible {
  border: 1px solid #bbf7d0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.sc-notice-info:focus,
.sc-notice-info:focus-visible,
.sc-notice-type-info:focus,
.sc-notice-type-info:focus-visible,
.woocommerce-info:focus,
.woocommerce-info:focus-visible {
  border: 1px solid rgba(var(--primary_rgb, 14, 90, 60), 0.22) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ==========================================================================
   MODERN MINIMAL FROSTED PILL BREADCRUMB SYSTEM
   ========================================================================== */
.breadcrumb.custom,
.sc-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin-bottom: 0 !important;
  padding: 6px 16px !important;
  background: rgba(255, 255, 255, 0.90) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 50rem !important;
  box-shadow: 0 2px 8px -2px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  list-style: none !important;
}

.breadcrumb.custom::-webkit-scrollbar,
.sc-breadcrumb::-webkit-scrollbar {
  display: none !important;
}

.breadcrumb.custom .breadcrumb-item,
.sc-breadcrumb .breadcrumb-item {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  color: #64748b !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Minimal delicate chevron divider */
.breadcrumb.custom .breadcrumb-item+.breadcrumb-item,
.sc-breadcrumb .breadcrumb-item+.breadcrumb-item {
  padding-left: 0 !important;
}

.breadcrumb.custom .breadcrumb-item+.breadcrumb-item::before,
.sc-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  content: "\f054" !important;
  font-size: 8px !important;
  color: #94a3b8 !important;
  opacity: 0.75 !important;
  padding: 0 8px !important;
  float: none !important;
  margin-top: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Links */
.breadcrumb.custom .breadcrumb-item a,
.sc-breadcrumb .breadcrumb-item a {
  color: #64748b !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.15s ease, opacity 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.breadcrumb.custom .breadcrumb-item a:hover,
.sc-breadcrumb .breadcrumb-item a:hover {
  color: var(--primary_color) !important;
  opacity: 1 !important;
}

/* Active current item */
.breadcrumb.custom .breadcrumb-item.active,
.sc-breadcrumb .breadcrumb-item.active {
  color: #0f172a !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: clamp(140px, 45vw, 380px) !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.breadcrumb.custom .breadcrumb-item.active a,
.sc-breadcrumb .breadcrumb-item.active a {
  color: #0f172a !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.breadcrumb.custom .breadcrumb-item.active a:hover,
.sc-breadcrumb .breadcrumb-item.active a:hover {
  color: var(--primary_color) !important;
}

/* Responsive across all devices */
@media (max-width: 767.98px) {
  .sc-breadcrumb-nav {
    margin-bottom: 12px !important;
  }

  .breadcrumb.custom,
  .sc-breadcrumb {
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  .breadcrumb.custom .breadcrumb-item,
  .sc-breadcrumb .breadcrumb-item {
    font-size: 12px !important;
  }

  .breadcrumb.custom .breadcrumb-item+.breadcrumb-item::before,
  .sc-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-size: 7.5px !important;
    padding: 0 6px !important;
  }
}

@media (max-width: 575.98px) {
  .sc-breadcrumb-nav {
    margin-bottom: 10px !important;
  }

  .breadcrumb.custom,
  .sc-breadcrumb {
    padding: 4px 10px !important;
    font-size: 11.5px !important;
  }

  .breadcrumb.custom .breadcrumb-item,
  .sc-breadcrumb .breadcrumb-item {
    font-size: 11.5px !important;
  }

  .breadcrumb.custom .breadcrumb-item+.breadcrumb-item::before,
  .sc-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-size: 7px !important;
    padding: 0 5px !important;
  }
}

/* Single Product Meta Card (Category & Tag) */
.sc-product-meta-card {
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px -2px rgba(15, 23, 42, 0.04);
}

.sc-product-meta-card .sc-meta-item {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.sc-product-meta-card .sc-meta-label {
  font-size: 13.5px;
  font-weight: 700;
  color: #1e293b;
  flex-shrink: 0;
}

.sc-product-meta-card .sc-meta-content {
  font-size: 13px;
  line-height: 1.6;
  color: #475569;
}

.sc-product-meta-card .sc-meta-content a {
  color: var(--primary_color);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}

.sc-product-meta-card .sc-meta-content a:hover {
  color: #1ba572;
  text-decoration: underline;
}

/* ==========================================================================
   Product Card: Category Field Below Title & Dedicated Price Row
   (Shop Page, Category Archive Pages & Loop Grid)
   ========================================================================== */
.item:not(.item-inline) .item-title {
  margin-bottom: 6px !important;
}

.sc-item-cat-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px 0;
  min-height: 24px;
}

.sc-item-cat-pill {
  display: inline-flex;
  align-items: center;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--primary_color) !important;
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08) !important;
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.18) !important;
  padding: 3px 7px;
  border-radius: 999px;
  text-decoration: none !important;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(var(--primary_rgb, 57, 34, 119), 0.04);
}

.sc-item-cat-pill:hover {
  background: var(--primary_color) !important;
  color: #ffffff !important;
  border-color: var(--primary_color) !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(var(--primary_rgb, 57, 34, 119), 0.2);
}

/* Hide redundant duplicate pill in list view (.item.item-inline) where category is already in header row */
.item.item-inline .sc-item-cat-wrap {
  display: none !important;
}

/* Product Card Dedicated Price Row */
.sc-item-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  font-size: 12.5px;
  min-width: 0;
}

.sc-item-meta .item-price {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  line-height: 1.2 !important;
}

.sc-item-meta .item-price .item-price-number {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.sc-item-meta .item-price del,
.sc-item-meta .item-price del .amount {
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  margin-right: 2px;
}

.sc-item-meta .item-price ins,
.sc-item-meta .item-price ins .amount {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  text-decoration: none !important;
}

/* Secondary Navigation Bar: Left Aligned on Desktop and Laptop Viewports */
@media (min-width: 992px) {
  .nav-bar.nav-bar-bg .nav-bar-container {
    justify-content: flex-start !important;
  }

  .nav-bar.nav-bar-bg .nav-bar-links,
  .nav-bar.nav-bar-bg .nav-bar-container .nav-bar-links {
    margin-inline-start: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

.item:not(.item-inline) .item-title {
  margin-bottom: 6px !important;
}

.sc-item-cat-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px 0;
  min-height: 24px;
}

.sc-item-cat-pill {
  display: inline-flex;
  align-items: center;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--primary_color) !important;
  background: rgba(var(--primary_rgb, 57, 34, 119), 0.08) !important;
  border: 1px solid rgba(var(--primary_rgb, 57, 34, 119), 0.18) !important;
  padding: 3px 7px;
  border-radius: 999px;
  text-decoration: none !important;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(var(--primary_rgb, 57, 34, 119), 0.04);
}

.sc-item-cat-pill:hover {
  background: var(--primary_color) !important;
  color: #ffffff !important;
  border-color: var(--primary_color) !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(var(--primary_rgb, 57, 34, 119), 0.2);
}

/* Hide redundant duplicate pill in list view (.item.item-inline) where category is already in header row */
.item.item-inline .sc-item-cat-wrap {
  display: none !important;
}

/* Product Card Dedicated Price Row */
.sc-item-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  font-size: 12.5px;
  min-width: 0;
}

.sc-item-meta .item-price {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  line-height: 1.2 !important;
}

.sc-item-meta .item-price .item-price-number {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.sc-item-meta .item-price del,
.sc-item-meta .item-price del .amount {
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  margin-right: 2px;
}

.sc-item-meta .item-price ins,
.sc-item-meta .item-price ins .amount {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--primary_color) !important;
  text-decoration: none !important;
}

/* Secondary Navigation Bar: Left Aligned on Desktop and Laptop Viewports */
@media (min-width: 992px) {
  .nav-bar.nav-bar-bg .nav-bar-container {
    justify-content: flex-start !important;
  }

  .nav-bar.nav-bar-bg .nav-bar-links,
  .nav-bar.nav-bar-bg .nav-bar-container .nav-bar-links {
    margin-inline-start: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* ==========================================================================
   GPLPanther WISHLIST SYSTEM STYLES
   ========================================================================== */

/* Header Wishlist Trigger Button */
.sc-wishlist-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.sc-wishlist-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none !important;
}

.sc-wishlist-btn button {
  border-radius: 999px;
  transition: all 0.25s ease;
}

.sc-wishlist-btn button i {
  color: #ffffff;
  transition: transform 0.2s ease, color 0.2s ease;
}

.sc-wishlist-btn:hover button i {
  color: #ef4444;
  transform: scale(1.15);
}

/* Wishlist Counter Badge - Perfectly Match Cart Counter Badge */
.sc-wishlist-btn .cart-counter,
.sc-wishlist-counter {
  position: absolute;
  top: -9px;
  inset-inline-end: -6px;
  background-color: var(--primary_color);
  background-image: linear-gradient(135deg, var(--primary_color) 0%, var(--sc-moss, var(--primary_hover)) 100%);
  border: 2px solid #fff;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  padding: 1px 7px;
  border-radius: 0.375rem;
  z-index: 1;
  min-width: 20px;
  text-align: center;
  box-sizing: border-box;
}

/* Heart Pulse Micro-Interaction */
@keyframes scHeartPulse {
  0% {
    transform: scale(1);
  }

  35% {
    transform: scale(1.38) rotate(-6deg);
  }

  65% {
    transform: scale(0.92) rotate(4deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}

.sc-heart-pulse {
  animation: scHeartPulse 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Single Product Page Wishlist Button */
.sc-btn-wishlist {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  color: #475569;
  font-weight: 600;
  cursor: pointer;
}

.sc-btn-wishlist:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #1e293b;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.sc-btn-wishlist.is-active {
  background: #fff5f5;
  border-color: #fecdd3;
  color: #e11d48;
}

.sc-btn-wishlist.is-active:hover {
  background: #ffe4e6;
  border-color: #fda4af;
  color: #be123c;
}

.sc-btn-wishlist.is-active i {
  color: #e11d48 !important;
}

/* Catalog Loop Card Wishlist Button */
.sc-btn-wishlist-loop {
  cursor: pointer;
  transition: all 0.2s ease;
}

.sc-btn-wishlist-loop:hover {
  transform: scale(1.12);
}

.sc-btn-wishlist-loop.is-active i {
  color: #ef4444 !important;
}

/* My Account: Wishlist Page Components (List Layout Matching Downloads Page) */
.sc-account-wishlist-header .sc-stat-ico {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.sc-account-download-item,
.sc-wishlist-item {
  border: 1px solid var(--border_color, #e2e8f0) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
  padding: 18px 22px !important;
  display: block !important;
  height: auto !important;
  min-height: auto !important;
  border-radius: 18px !important;
}

.sc-account-download-item:hover,
.sc-wishlist-item:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.35) !important;
  box-shadow: 0 14px 30px -12px rgba(var(--primary_rgb, 14, 90, 60), 0.18) !important;
}

/* Downloads & Wishlist Item Card: Perfect Responsive Layout */
.sc-download-row,
.sc-wishlist-row {
  --bs-gutter-y: 0 !important;
  align-items: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: auto !important;
  height: auto !important;
}

.sc-download-row>*,
.sc-wishlist-row>*,
.sc-download-thumb-col,
.sc-wishlist-thumb-col,
.sc-download-info-col,
.sc-wishlist-info-col {
  margin-top: 0 !important;
}

.sc-download-thumb-col,
.sc-wishlist-thumb-col {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  align-self: center !important;
}

.sc-download-info-col,
.sc-wishlist-info-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: auto !important;
  align-self: center !important;
}

.sc-download-actions-col,
.sc-wishlist-actions-col {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  min-width: 0 !important;
}

.sc-download-actions,
.sc-wishlist-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  max-width: 100% !important;
}

.sc-download-actions .sc-download-btn,
.sc-wishlist-actions .sc-item-btn-cart,
.sc-wishlist-actions .sc-download-btn {
  height: 38px !important;
  line-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 6px rgba(var(--primary_rgb, 14, 90, 60), 0.15) !important;
}

.sc-download-actions .sc-download-btn i,
.sc-wishlist-actions .sc-item-btn-cart i,
.sc-wishlist-actions .sc-download-btn i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
}

.sc-download-actions .sc-download-view-btn,
.sc-wishlist-actions .sc-download-view-btn {
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  margin: 0 !important;
  flex: 0 0 38px !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  transition: all 0.15s ease;
}

.sc-download-actions .sc-download-view-btn i,
.sc-wishlist-actions .sc-download-view-btn i {
  font-size: 13px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sc-download-actions .sc-download-view-btn:hover,
.sc-wishlist-actions .sc-download-view-btn:hover {
  border-color: var(--primary_color) !important;
  color: var(--primary_color) !important;
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08) !important;
  transform: translateY(-1px);
}

.sc-wishlist-actions .sc-wishlist-remove-btn {
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #fecdd3 !important;
  color: #e11d48 !important;
  background: #ffffff !important;
  transition: all 0.18s ease;
  border-radius: 10px !important;
  font-size: 13px !important;
  margin: 0 !important;
  flex: 0 0 38px !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  cursor: pointer;
}

.sc-wishlist-actions .sc-wishlist-remove-btn i {
  font-size: 13px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sc-wishlist-actions .sc-wishlist-remove-btn:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Tablet landscape / iPad Pro specific adjustments (768px - 1199.98px) */
@media (min-width: 768px) and (max-width: 1199.98px) {

  .sc-account-download-item,
  .sc-wishlist-item {
    padding: 16px 18px !important;
  }

  .sc-download-thumb {
    width: 76px !important;
    height: 62px !important;
  }

  .sc-download-title,
  .sc-wishlist-title {
    font-size: 14.5px !important;
  }

  .sc-download-actions-col,
  .sc-wishlist-actions-col {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    justify-content: flex-end !important;
    width: auto !important;
    flex-shrink: 0 !important;
  }

  .sc-download-actions .sc-download-btn,
  .sc-wishlist-actions .sc-item-btn-cart,
  .sc-wishlist-actions .sc-download-btn {
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
    border-radius: 9px !important;
  }

  .sc-download-actions .sc-download-view-btn,
  .sc-wishlist-actions .sc-download-view-btn,
  .sc-wishlist-actions .sc-wishlist-remove-btn {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }
}

/* Mobile adjustments (< 768px) */
@media (max-width: 767.98px) {

  .sc-download-row,
  .sc-wishlist-row {
    align-items: flex-start !important;
  }

  .sc-download-thumb-col,
  .sc-wishlist-thumb-col {
    align-self: flex-start !important;
  }

  .sc-download-info-col,
  .sc-wishlist-info-col {
    align-self: flex-start !important;
  }

  .sc-download-actions-col,
  .sc-wishlist-actions-col {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
    justify-content: stretch !important;
    width: 100% !important;
  }

  .sc-download-actions,
  .sc-wishlist-actions {
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
  }

  .sc-download-actions .sc-download-btn,
  .sc-wishlist-actions .sc-item-btn-cart,
  .sc-wishlist-actions .sc-download-btn {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    border-radius: 10px !important;
    justify-content: center !important;
  }

  .sc-download-actions .sc-download-view-btn,
  .sc-wishlist-actions .sc-download-view-btn,
  .sc-wishlist-actions .sc-wishlist-remove-btn {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
  }
}

@media (min-width: 1200px) {

  .sc-download-actions-col,
  .sc-wishlist-actions-col {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    justify-content: flex-end !important;
    width: auto !important;
  }

  .sc-download-actions,
  .sc-wishlist-actions {
    width: auto !important;
    justify-content: flex-end !important;
  }
}

.sc-meta-chip.sc-meta-price {
  background: rgba(var(--primary_rgb, 14, 90, 60), 0.08);
  border-color: rgba(var(--primary_rgb, 14, 90, 60), 0.22);
}

.sc-wishlist-price {
  font-size: 13px !important;
}

.sc-wishlist-price ins,
.sc-wishlist-price .amount {
  color: var(--primary_color) !important;
  text-decoration: none;
  font-weight: 700;
}

.sc-wishlist-price del,
.sc-wishlist-price del .amount {
  font-size: 11px;
  color: #94a3b8 !important;
  font-weight: normal;
}

/* Wishlist Empty State */
.sc-wishlist-empty-box {
  background: #ffffff;
  border: 1px dashed rgba(var(--primary_rgb, 14, 90, 60), 0.22);
  border-radius: 20px;
  padding: 60px 24px;
}

.sc-wishlist-empty-icon {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #f0fdf4;
  color: var(--sc-moss, var(--primary_hover));
  font-size: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(var(--primary_rgb, 14, 90, 60), 0.08);
}

/* Responsive Grid Column & Item Count Safeguard */
@media (max-width: 1399.98px) {
  #itemsResults .items .row>.col:nth-child(21) {
    display: none !important;
  }
}

/* ==========================================================================
   Remove First (Whole-Page) Skeleton Load on Cart & Checkout
   Only show clean item skeleton when items are loading
   ========================================================================== */
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-totals-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-accepted-payment-methods-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-express-payment-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-proceed-to-checkout-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-filled-cart-block {
  background: transparent !important;
  min-height: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block:after,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-accepted-payment-methods-block:after,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-express-payment-block:after,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block:after,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-proceed-to-checkout-block:after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

.wp-block-woocommerce-checkout.is-loading .wc-block-checkout__contact-fields,
.wp-block-woocommerce-checkout.is-loading .wc-block-checkout__billing-fields,
.wp-block-woocommerce-checkout.is-loading .wc-block-checkout__shipping-fields,
.wp-block-woocommerce-checkout.is-loading .wc-block-checkout__shipping-option,
.wp-block-woocommerce-checkout.is-loading .wc-block-checkout__payment-method,
.wp-block-woocommerce-checkout.is-loading .wc-block-checkout__actions,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-checkout-block,
.wp-block-woocommerce-checkout.is-loading .wc-block-checkout__main,
.wp-block-woocommerce-checkout.is-loading .wc-block-checkout__sidebar,
.wp-block-woocommerce-checkout.is-loading .wc-block-components-sidebar-layout {
  background: transparent !important;
  min-height: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.wp-block-woocommerce-checkout.is-loading *:after,
.wp-block-woocommerce-checkout.is-loading *:before {
  display: none !important;
  content: none !important;
  animation: none !important;
}

/* Optimize Item-Level Skeleton Shimmer */
.wc-block-cart-items.is-loading,
.wc-block-checkout-order-summary.is-loading {
  transition: opacity 0.15s ease;
}

/* ==========================================================================
   SEARCH RESULTS PAGE (FULL-WIDTH 4-COLUMN GRID, MINIMAL EMPTY STATE)
   ========================================================================== */

.sc-search-results-wrapper {
  width: 100%;
}

.sc-search-empty-state {
  max-width: 520px;
  margin: 40px auto;
  padding: 30px 15px;
}

.sc-search-empty-state .sc-search-empty-icon {
  font-size: 3rem;
  color: #94a3b8;
  opacity: 0.5;
}

.sc-search-empty-desc {
  max-width: 440px;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* ==========================================================================
   MODERN FORM INLINE VALIDATION STYLING
   ========================================================================== */
.form-control.is-invalid,
.input-text.is-invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
  border-color: #dc2626 !important;
  background-image: none !important;
}

.form-control.is-invalid:focus,
.input-text.is-invalid:focus,
input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3.5px rgba(220, 38, 38, 0.15) !important;
  outline: none !important;
}

.sc-field-error-msg {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 6px;
  color: #dc2626;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  animation: scFadeInFieldError 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.sc-field-error-msg svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

@keyframes scFadeInFieldError {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   GPL PANTHER Kinetic Hero Section (Matching gpl_panther_hero.html)
   ========================================================================== */
.gplp-kinetic-hero {
  position: relative;
  background-color: #fff;
  color: #10111A;
  overflow: hidden;
  min-height: 85vh;
  padding: 118px 0 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  z-index: 1;
}

/* Background Grid & Noise */
.gplp-hero-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--primary_color) 0.5px, transparent 0.5px);
  background-size: 24px 24px;
  opacity: 0.14;
  pointer-events: none;
  z-index: 0;
}

.gplp-hero-noise {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Ambient Moving Glows */
.gplp-hero-glow-purple {
  position: absolute;
  top: -10%;
  left: -8%;
  width: 55vw;
  height: 55vw;
  max-width: 700px;
  max-height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 109, 74, 255), 0.15) 0%, rgba(251, 250, 255, 0) 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
  animation: gplpMoveGlow 18s ease-in-out infinite alternate;
}

.gplp-hero-glow-blue {
  position: absolute;
  bottom: 5%;
  right: -5%;
  width: 50vw;
  height: 50vw;
  max-width: 650px;
  max-height: 650px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 109, 74, 255), 0.10) 0%, rgba(251, 250, 255, 0) 60%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
  animation: gplpMoveGlowBlue 14s ease-in-out infinite alternate-reverse;
}

@keyframes gplpMoveGlow {
  0% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(5%, 10%) scale(1.1);
  }

  100% {
    transform: translate(-5%, -5%) scale(0.95);
  }
}

@keyframes gplpMoveGlowBlue {
  0% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(-10%, -10%) scale(1.2);
  }

  100% {
    transform: translate(10%, 5%) scale(0.9);
  }
}

/* Top Badge Pill */
.gplp-hero-badge-wrap {
  text-align: center;
  margin-bottom: 22px;
  position: relative;
  z-index: 10;
}

.gplp-hero-badge {
  display: inline-block;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08);
  color: var(--primary_color);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.15em;
  padding: 6px 18px;
  border-radius: 9999px;
  border: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.25);
  text-transform: uppercase;
  box-shadow: 0 2px 10px rgba(var(--primary_rgb, 109, 74, 255), 0.08);
}

/* Headline */
.gplp-hero-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2px;
  padding: 0 16px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  contain: layout;
}

.gplp-hl-1 {
  display: block;
  font-size: clamp(38px, 6.2vw, 92px);
  font-weight: 800;
  line-height: 1.02;
  min-height: 1.02em;
  color: var(--heading_color, #10111A);
  letter-spacing: -0.035em;
}

.gplp-hl-2 {
  display: block;
  font-size: clamp(38px, 6.2vw, 92px);
  font-weight: 800;
  line-height: 1.02;
  min-height: 1.02em;
  letter-spacing: -0.035em;
  background: linear-gradient(90deg, var(--primary_dark, var(--primary_color)) 0%, var(--primary_color) 50%, var(--primary_hover, var(--primary_color)) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding-bottom: 6px;
}

.gplp-hl-3 {
  display: block;
  font-size: clamp(22px, 3.8vw, 62px);
  font-weight: 700;
  line-height: 1.15;
  min-height: 1.15em;
  color: #10111A;
  letter-spacing: -0.025em;
  margin-top: 6px;
}

/* Interactive Hero Stage (Holds Background Marquees + Floating Search Bar Overlay) */
.gplp-hero-interactive-stage {
  position: relative;
  width: 100%;
  margin-top: 50px;
}

.gplp-hero-interactive-stage .gplp-marquees-wrapper {
  margin-top: 0;
}

/* Kinetic Marquees Wrapper (strictly for background scrolling tracks with clipped edges) */
.gplp-marquees-wrapper {
  position: relative;
  width: 100%;
  margin-top: 0;
  height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  overflow: hidden;
  z-index: 15;
}

.gplp-marquee-track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.gplp-marquee-ltr {
  animation: gplpScrollLTR 42s linear infinite;
}

.gplp-marquee-rtl {
  animation: gplpScrollRTL 46s linear infinite;
}

.gplp-marquees-wrapper:hover .gplp-marquee-ltr,
.gplp-marquees-wrapper:hover .gplp-marquee-rtl {
  animation-play-state: paused;
}

@keyframes gplpScrollLTR {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes gplpScrollRTL {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.gplp-marquee-group {
  display: flex;
  gap: 20px;
  padding-right: 20px;
}

/* Zero-CLS FontAwesome Icon Dimensions Stabilization */
i.fa, i.fas, i.far, i.fab, i.fa-solid, i.fa-regular, i.fa-brands {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1em;
  line-height: 1;
  text-align: center;
  vertical-align: -0.125em;
  box-sizing: content-box;
}

/* Marquee Cards - Hardware-Accelerated Razor-Sharp Crisp Rendering (No Blur on Hover) */
.gplp-marquee-card {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 52px;
  padding: 0 22px;
  box-sizing: border-box;
  border-radius: 18px;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.25s ease, box-shadow 0.25s ease;
  white-space: nowrap;
  flex-shrink: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translateZ(0);
}

.gplp-card-white {
  background: #ffffff;
  border: 1px solid #f1f0f5;
}

.gplp-card-lavender {
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.07);
  border: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.2);
}

.gplp-card-light {
  background: #f8f8fb;
  border: 1px solid #eeeeee;
}

.gplp-card-softpurple {
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.04);
  border: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.15);
}

.gplp-card-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary_color);
  font-size: 15px;
  flex-shrink: 0;
  transition: transform 0.25s ease, color 0.25s ease;
}

.gplp-card-lavender .gplp-card-icon {
  background: #ffffff;
}

.gplp-card-white .gplp-card-icon {
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08);
}

.gplp-card-title {
  font-weight: 700;
  font-size: 14.5px;
  color: var(--heading_color, #10111A);
}

.gplp-card-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  line-height: 1;
  color: #cbd5e1;
  font-size: 13px;
  margin-left: 6px;
  transition: transform 0.25s ease, color 0.25s ease;
}

/* Hover State without scale or fractional rotation - 100% Crisp Font Rendering */
.gplp-marquee-card:hover {
  transform: translateY(-4px) translateZ(0) !important;
  border-color: var(--primary_color) !important;
  box-shadow: 0 10px 24px -4px rgba(var(--primary_rgb, 109, 74, 255), 0.22) !important;
}

.gplp-marquee-card:hover .gplp-card-icon {
  transform: scale(1.1);
  color: var(--primary_color);
}

.gplp-marquee-card:hover .gplp-card-arrow {
  transform: translateX(4px);
  color: var(--primary_color);
}

/* Floating Search Bar Overlay Anchor (Placed outside overflow:hidden) */
.gplp-search-overlay-anchor {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 30;
}

.gplp-search-box-pill {
  width: 90%;
  max-width: 590px;
  height: 64px;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(12px);
  border-radius: 9999px;
  border: 1.5px solid rgba(var(--primary_rgb, 109, 74, 255), 0.2);
  box-shadow: 0 12px 40px -10px rgba(var(--primary_rgb, 109, 74, 255), 0.16), 0 4px 15px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  padding: 6px 8px 6px 18px;
  pointer-events: auto;
  position: relative;
  transition: all 0.3s ease;
}

.gplp-search-box-pill:focus-within {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 4px rgba(var(--primary_rgb, 109, 74, 255), 0.14), 0 16px 45px -10px rgba(var(--primary_rgb, 109, 74, 255), 0.25);
}

/* Suggest Box Dropdown for Hero Search Box */
.gplp-search-box-pill .sc-suggest-box {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  width: 100%;
  background: #ffffff;
  border-radius: 18px !important;
  border: 1px solid rgba(109, 74, 255, 0.15);
  box-shadow: 0 20px 50px rgba(16, 17, 26, 0.18), 0 4px 16px rgba(0, 0, 0, 0.06);
  z-index: 99999 !important;
  max-height: 420px;
  overflow-y: auto;
  pointer-events: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(109, 74, 255, 0.35) transparent;
  -webkit-overflow-scrolling: touch;
}

.gplp-search-box-pill .sc-suggest-box::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}

.gplp-search-box-pill .sc-suggest-box::-webkit-scrollbar-track {
  background: transparent !important;
  margin: 8px 0 !important;
}

.gplp-search-box-pill .sc-suggest-box::-webkit-scrollbar-thumb {
  background: rgba(109, 74, 255, 0.28) !important;
  border-radius: 9999px !important;
  transition: background 0.2s ease !important;
}

.gplp-search-box-pill .sc-suggest-box::-webkit-scrollbar-thumb:hover {
  background: var(--primary_color, #6d4aff) !important;
}

.gplp-search-box-pill .sc-suggest-item {
  padding: 12px 18px;
  transition: background 0.15s ease;
}

.gplp-search-box-pill .sc-suggest-item:hover {
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.06);
}

.gplp-search-box-pill .sc-suggest-all {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  background: #fbfbfd;
  font-weight: 600;
  font-size: 13.5px;
  color: var(--primary_color);
  text-decoration: none;
  border-top: 1px solid #f1f0f5;
  transition: all 0.2s ease;
}

.gplp-search-box-pill .sc-suggest-all:hover {
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08);
  color: var(--primary_color);
}

.gplp-search-icon-wrap {
  color: #94a3b8;
  font-size: 18px;
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.gplp-search-input {
  flex: 1;
  height: 100%;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: #10111A !important;
  font-weight: 600 !important;
  font-size: 15.5px !important;
  padding: 0 8px !important;
  box-shadow: none !important;
}

.gplp-search-input::placeholder {
  color: #94a3b8;
  font-weight: 500;
}

.gplp-search-btn-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary_dark, var(--primary_color)), var(--primary_color));
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 109, 74, 255), 0.4);
  flex-shrink: 0;
}

.gplp-search-btn-circle:hover {
  transform: scale(1.06);
  background: linear-gradient(135deg, var(--primary_dark, var(--primary_color)), var(--primary_hover, var(--primary_color)));
  box-shadow: 0 6px 20px rgba(var(--primary_rgb, 109, 74, 255), 0.55);
}

.gplp-search-btn-circle i {
  transition: transform 0.25s ease;
}

.gplp-search-btn-circle:hover i {
  transform: translateX(3px);
}

/* Floating Satellite Micro-Pills (Hero Dynamic Elements) */
.gplp-float-pill-wrap {
  position: absolute;
  z-index: 20;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.gplp-float-pill-wrap.is-loaded {
  opacity: 1 !important;
}

.gplp-float-pill-wrap-1 {
  top: 18%;
  left: 8%;
}

.gplp-float-pill-wrap-2 {
  top: 34%;
  right: 7%;
}

.gplp-float-pill-wrap-3 {
  bottom: 24%;
  left: 10%;
}

.gplp-float-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8.5px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(229, 231, 235, 0.95);
  padding: 8px 16px;
  border-radius: 9999px;
  box-shadow: 0 10px 25px -4px rgba(16, 24, 40, 0.08), 0 4px 10px -2px rgba(16, 24, 40, 0.04);
  pointer-events: auto;
  font-size: 13px;
  font-weight: 700;
  color: #10111A;
  white-space: nowrap;
  user-select: none;
  cursor: default;
  will-change: transform;
  transition: border-color 0.25s ease, background 0.25s ease;
}

.gplp-float-pill:hover {
  animation-play-state: paused;
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(109, 74, 255, 0.45);
  box-shadow: 0 16px 36px -4px rgba(109, 74, 255, 0.2), 0 6px 16px -2px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

/* Distinct Organic Multi-Directional Motion Keyframes (100% GPU Composited) */
.gplp-float-pill-1 {
  animation: gplpFloatPill1 6.5s ease-in-out infinite;
  will-change: transform;
}

.gplp-float-pill-2 {
  animation: gplpFloatPill2 7.5s ease-in-out infinite 0.7s;
  will-change: transform;
}

.gplp-float-pill-3 {
  animation: gplpFloatPill3 6.8s ease-in-out infinite 1.4s;
  will-change: transform;
}

@keyframes gplpFloatPill1 {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  25% {
    transform: translate3d(6px, -14px, 0) rotate(1.2deg);
  }
  50% {
    transform: translate3d(-4px, -24px, 0) rotate(-1deg);
  }
  75% {
    transform: translate3d(-8px, -10px, 0) rotate(0.8deg);
  }
}

@keyframes gplpFloatPill2 {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  25% {
    transform: translate3d(-8px, -16px, 0) rotate(-1.5deg);
  }
  55% {
    transform: translate3d(6px, -26px, 0) rotate(1.4deg);
  }
  80% {
    transform: translate3d(9px, -11px, 0) rotate(-0.6deg);
  }
}

@keyframes gplpFloatPill3 {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  30% {
    transform: translate3d(8px, -16px, 0) rotate(1.5deg);
  }
  60% {
    transform: translate3d(-6px, -9px, 0) rotate(-1.2deg);
  }
  85% {
    transform: translate3d(3px, -22px, 0) rotate(0.8deg);
  }
}

.gplp-dot-live {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #10b981;
  position: relative;
  display: inline-block;
}

.gplp-dot-live::after {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  background: #10b981;
  opacity: 0.6;
  animation: gplpDotPulse 2s ease-in-out infinite;
  will-change: transform, opacity;
  pointer-events: none;
}

@keyframes gplpDotPulse {
  0% {
    transform: scale(0.9);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.6);
    opacity: 0;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
  }
}

/* Rotating Brand Seal */
.gplp-seal-badge {
  position: absolute;
  top: 13%;
  right: 22%;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  opacity: 0.9;
  transition: opacity 0.3s;
}

.gplp-seal-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: gplpSpinSlow 24s linear infinite;
}

.gplp-seal-inner {
  width: 42px;
  height: 42px;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid rgba(var(--primary_rgb, 109, 74, 255), 0.3);
  color: var(--primary_color);
  font-size: 17px;
  box-shadow: 0 4px 12px rgba(var(--primary_rgb, 109, 74, 255), 0.15);
}

@keyframes gplpSpinSlow {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Bottom Content Area */
.gplp-bottom-wrap {
  margin-top: 55px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 20;
}

.gplp-subheading {
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 800;
  color: var(--heading_color, #10111A);
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}

.gplp-subheading .gplp-accent {
  color: var(--primary_color);
}

.gplp-lead-desc {
  font-size: clamp(14px, 1.2vw, 16px);
  color: var(--text_muted, #64748b);
  font-weight: 500;
  line-height: 1.65;
  margin-bottom: 28px;
}

.gplp-btn-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}

.gplp-btn-primary {
  padding: 14px 34px;
  border-radius: 9999px;
  background: linear-gradient(135deg, var(--primary_dark, var(--primary_color)) 0%, var(--primary_color) 100%);
  color: #ffffff !important;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 24px -6px rgba(var(--primary_rgb, 109, 74, 255), 0.45);
  transition: all 0.3s ease;
}

.gplp-btn-primary:hover {
  box-shadow: 0 15px 30px -6px rgba(var(--primary_rgb, 109, 74, 255), 0.65);
  transform: translateY(-2px);
  color: #ffffff !important;
}

.gplp-btn-outline {
  padding: 14px 34px;
  border-radius: 9999px;
  background: #ffffff;
  border: 2px solid #e2e8f0;
  color: #10111A !important;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.gplp-btn-outline:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  transform: translateY(-2px);
  color: #10111A !important;
}

/* Trust Stats */
.gplp-trust-stats-row {
  margin-top: 38px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 14px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}

.gplp-stat-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.gplp-stat-divider {
  width: 1px;
  height: 16px;
  background: #cbd5e1;
}

.gplp-stat-num {
  color: #10111A;
  font-weight: 800;
  font-size: 15px;
}

.gplp-stat-primary {
  color: var(--primary_color);
}

/* Scroll To Explore Indicator */
.gplp-scroll-indicator {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  opacity: 0.65;
  transition: opacity 0.25s;
  cursor: pointer;
  text-decoration: none !important;
}

.gplp-scroll-indicator:hover {
  opacity: 1;
}

.gplp-scroll-text {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #94a3b8;
}

.gplp-scroll-arrow {
  font-size: 13px;
  color: #94a3b8;
  animation: gplpBounce 2s infinite;
}

@keyframes gplpBounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(6px);
  }

  60% {
    transform: translateY(3px);
  }
}

/* Page Entry Animations */
.gplp-hero-title,
.gplp-hero-title span {
  opacity: 1 !important;
  transform: none !important;
}

.gplp-entry-up {
  opacity: 1 !important;
  transform: none !important;
}

.gplp-entry-scale {
  opacity: 1 !important;
  transform: none !important;
}

.gplp-kinetic-hero .is-loaded:not(.gplp-float-pill):not(.gplp-float-pill-wrap) {
  opacity: 1 !important;
  transform: translate(0) scale(1) !important;
}

.gplp-kinetic-hero .gplp-float-pill.is-loaded,
.gplp-kinetic-hero .gplp-float-pill-wrap.is-loaded {
  opacity: 1 !important;
}

/* Responsive Media Queries */
@media (max-width: 1199.98px) {
  .gplp-seal-badge {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .gplp-kinetic-hero {
    padding: 105px 0 70px !important;
  }

  .gplp-float-pill-wrap,
  .gplp-float-pill {
    display: none !important;
  }

  .gplp-hero-interactive-stage {
    margin-top: 40px;
  }

  .gplp-marquees-wrapper {
    height: 160px;
    margin-top: 0;
  }

  .gplp-search-box-pill {
    height: 56px;
  }

  .gplp-search-btn-circle {
    width: 44px;
    height: 44px;
  }

  .gplp-bottom-wrap {
    margin-top: 40px;
  }
}

@media (max-width: 575.98px) {
  .gplp-kinetic-hero {
    padding: 100px 0 60px !important;
    min-height: auto;
  }

  .gplp-hero-title {
    padding: 0 16px !important;
    margin-top: 14px !important;
  }

  .gplp-hl-1,
  .gplp-hl-2 {
    font-size: 34px;
    line-height: 1.18;
  }

  .gplp-hl-3 {
    font-size: 19px;
    line-height: 1.25;
  }

  .gplp-hero-interactive-stage {
    margin-top: 30px;
  }

  .gplp-marquees-wrapper {
    height: 145px;
    margin-top: 0;
    gap: 12px;
  }

  .gplp-marquee-card {
    padding: 9px 16px;
    font-size: 13px;
  }

  .gplp-card-icon {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }

  .gplp-card-title {
    font-size: 13px;
  }

  .gplp-search-box-pill {
    height: 52px;
    padding: 4px 6px 4px 14px;
  }

  .gplp-search-input {
    font-size: 14px !important;
  }

  .gplp-search-btn-circle {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .gplp-btn-row {
    flex-direction: column;
    width: 100%;
  }

  .gplp-btn-primary,
  .gplp-btn-outline {
    width: 100%;
    justify-content: center;
  }

  .gplp-stat-divider {
    display: none;
  }
}

/* ==========================================================================
   GPL PANTHER FLOATING GLASS CAPSULE HEADER & MORPHING STICKY HEADER
   ========================================================================== */
.gplp-floating-header-wrapper {
  position: relative;
  z-index: 1050;
  width: 100%;
  padding: 16px 24px 0;
  margin-bottom: -76px !important;
  pointer-events: none;
  background: transparent;
  border-bottom: 1px solid transparent;
  box-shadow: 0 0 0 transparent;
  transition: background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.gplp-floating-header-wrapper.gplp-is-sticky {
  position: sticky;
  top: 0;
}

/* Scrolled Sticky Full-Width Layout (Attached to Top, Spans 100% Width) */
.gplp-floating-header-wrapper.gplp-is-sticky.gplp-scrolled {
  padding: 0;
  background-color: var(--gplp-glass-bg, rgba(255, 255, 255, 0.78));
  backdrop-filter: blur(var(--gplp-glass-blur, 20px)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--gplp-glass-blur, 20px)) saturate(180%);
  border-bottom: 1px solid var(--gplp-glass-border, rgba(226, 232, 240, 0.85));
  box-shadow: 0 4px 24px -2px rgba(15, 23, 42, 0.07), 0 1px 3px rgba(15, 23, 42, 0.02);
  pointer-events: auto;
}

.gplp-glass-navbar-container {
  max-width: 1320px;
  margin: 0 auto;
  width: 100%;
  transition: max-width 0.25s ease,
    padding 0.25s ease;
}

.gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar-container {
  max-width: 1400px;
  padding: 0 28px;
}

.gplp-glass-navbar {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px 8px 18px;
  border-radius: 9999px;
  background: var(--gplp-glass-bg, rgba(255, 255, 255, 0.72));
  backdrop-filter: blur(var(--gplp-glass-blur, 20px)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--gplp-glass-blur, 20px)) saturate(180%);
  border: 1px solid var(--gplp-glass-border, rgba(226, 232, 240, 0.75));
  box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05), 0 4px 10px -2px rgba(15, 23, 42, 0.02);
  min-height: 52px;
  transition: background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar {
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid transparent;
  box-shadow: none;
  min-height: calc(var(--header-logo-height, 52px) + 12px);
  padding: 6px 0;
}

/* 1. Left: Brand Identity */
.gplp-nav-left {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.gplp-brand-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none !important;
  color: inherit;
}

.gplp-brand-badge-circle {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #0b0f19;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  flex-shrink: 0;
}

.gplp-brand-link:hover .gplp-brand-badge-circle {
  transform: scale(1.08) rotate(-4deg);
}

.gplp-brand-text {
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0f172a;
  white-space: nowrap;
}

.gplp-brand-logo-img {
  height: var(--header-logo-height, 52px);
  max-height: var(--header-logo-height, 52px);
  max-width: var(--header-logo-max-width, 280px);
  width: auto;
  object-fit: contain;
  display: block;
  transition: transform 0.25s ease, filter 0.25s ease;
}

@media (max-width: 991.98px) {
  .gplp-brand-logo-img {
    height: var(--header-logo-tablet-height, 42px);
    max-height: var(--header-logo-tablet-height, 42px);
    max-width: var(--header-logo-tablet-max-width, 220px);
  }
}

@media (max-width: 575.98px) {
  .gplp-brand-logo-img {
    height: var(--header-logo-mobile-height, 34px);
    max-height: var(--header-logo-mobile-height, 34px);
    max-width: var(--header-logo-mobile-max-width, 170px);
  }
}

.gplp-drawer-brand .gplp-brand-logo-img {
  height: var(--header-logo-mobile-height, 34px);
  max-height: var(--header-logo-mobile-height, 34px);
  max-width: var(--header-logo-mobile-max-width, 170px);
  width: auto;
  object-fit: contain;
}

/* 2. Center: Navigation Menu */
.gplp-nav-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 0 20px;
}

.gplp-menu-list {
  display: flex;
  align-items: center;
  gap: 14px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gplp-menu-item {
  position: relative;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gplp-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  color: var(--gplp-link-color, #334155) !important;
  text-decoration: none !important;
  border-radius: 9999px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.gplp-nav-link:hover,
.gplp-menu-item.active>.gplp-nav-link {
  color: var(--gplp-link-hover, var(--primary_color)) !important;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08);
}

.gplp-caret {
  font-size: 10.5px;
  transition: transform 0.25s ease;
  opacity: 0.7;
}

.gplp-has-dropdown:hover .gplp-caret {
  transform: rotate(180deg);
  opacity: 1;
}

/* Glass Dropdown Panel */
.gplp-glass-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 16px;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.12), 0 8px 18px -4px rgba(15, 23, 42, 0.06);
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1060;
  pointer-events: auto;
}

/* Invisible bridge so mouse hover never drops */
.gplp-glass-dropdown::before {
  content: '';
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  height: 14px;
}

.gplp-has-dropdown:hover>.gplp-glass-dropdown,
.gplp-has-dropdown.gplp-dropdown-open>.gplp-glass-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.gplp-dropdown-item {
  display: flex;
  align-items: center;
  padding: 9px 14px;
  font-size: 13.5px;
  font-weight: 500;
  color: #1e293b !important;
  text-decoration: none !important;
  border-radius: 10px;
  transition: all 0.18s ease;
}

.gplp-dropdown-item:hover {
  background: #f1f5f9;
  color: var(--primary_color) !important;
  transform: translateX(3px);
}

.gplp-dropdown-all {
  font-weight: 700;
  border-bottom: 1px solid #f1f5f9;
  margin-bottom: 4px;
  padding-bottom: 10px;
}

/* 3. Right: Action Suite */
.gplp-nav-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.gplp-icon-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  color: #334155 !important;
  font-size: 16px;
  text-decoration: none !important;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  padding: 0;
}

.gplp-icon-btn:hover {
  background: rgba(241, 245, 249, 0.95);
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.gplp-icon-btn:focus,
.gplp-icon-btn:active {
  outline: none;
}

/* Badge Counters - Exact Parity for Wishlist and Cart */
.gplp-badge-counter,
.gplp-icon-btn .cart-counter,
.gplp-icon-btn .sc-wishlist-counter,
.gplp-cart-wrapper .cart-counter,
.sc-cart-wrap .cart-counter {
  position: absolute !important;
  top: -3px !important;
  right: -3px !important;
  background-color: var(--primary_color) !important;
  background-image: none !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 17px !important;
  height: 17px !important;
  line-height: 14px !important;
  text-align: center !important;
  border-radius: 9999px !important;
  padding: 0 4px !important;
  border: 1.5px solid #ffffff !important;
  box-shadow: 0 2px 8px rgba(var(--primary_rgb, 109, 74, 255), 0.45) !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.gplp-icon-btn.gplp-cart-btn,
.gplp-icon-btn.gplp-wishlist-btn,
.gplp-icon-btn.sc-cart-btn,
.sc-cart-wrap .sc-cart-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: #334155 !important;
  font-size: 16px !important;
  position: relative !important;
  border: none !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.gplp-icon-btn.gplp-cart-btn:hover,
.gplp-icon-btn.gplp-wishlist-btn:hover,
.gplp-icon-btn.sc-cart-btn:hover,
.sc-cart-wrap .sc-cart-btn:hover {
  background: rgba(241, 245, 249, 0.95) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

.sc-cart-btn i,
.gplp-cart-btn i,
.sc-cart-wrap .sc-cart-btn i,
.sc-cart-btn .fa-cart-shopping,
.gplp-cart-btn .fa-cart-shopping {
  color: #334155 !important;
  font-size: 16px !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  line-height: 1 !important;
}

.sc-cart-btn:hover i,
.gplp-cart-btn:hover i,
.sc-cart-wrap .sc-cart-btn:hover i,
.sc-cart-btn:hover .fa-cart-shopping,
.gplp-cart-btn:hover .fa-cart-shopping {
  color: #0f172a !important;
}

.sc-cart-btn button,
.gplp-cart-btn button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Cart Wrapper & Minicart */
.gplp-cart-wrapper {
  position: relative;
}

.gplp-cart-wrapper:hover .sc-minicart-dropdown,
.gplp-cart-wrapper .sc-minicart-dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Sign In Button for Logged-out state */
.gplp-signin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08);
  color: var(--primary_color) !important;
  font-weight: 700;
  font-size: 13.5px;
  padding: 7px 18px;
  border-radius: 9999px;
  text-decoration: none !important;
  border: 1.5px solid rgba(var(--primary_rgb, 109, 74, 255), 0.22);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
  margin-left: 2px;
}

.gplp-signin-btn:hover {
  background: var(--primary_color);
  color: #ffffff !important;
  border-color: var(--primary_color);
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 109, 74, 255), 0.35);
  transform: translateY(-1px);
}

/* User Avatar Button & Wrapper */
.gplp-user-wrapper,
.sc-user-wrap {
  position: relative;
}

.gplp-user-btn,
.sc-user-btn {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: transform 0.2s ease;
  width: 40px;
  height: 40px;
}

.gplp-user-btn:hover,
.sc-user-btn:hover {
  background: rgba(241, 245, 249, 0.95);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.gplp-user-btn:hover .gplp-user-avatar,
.sc-user-btn:hover .gplp-user-avatar {
  transform: scale(1.05);
}

.gplp-user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(var(--primary_rgb, 109, 74, 255), 0.25);
  border: 2px solid var(--primary_color);
  background: #f1f5f9;
}

.gplp-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* User Account Box - Identical Structure to .sc-minicart */
.sc-account-dropdown {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  right: 0 !important;
  left: auto !important;
  width: 330px !important;
  max-width: 92vw !important;
  background: #ffffff !important;
  border: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.14) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(10, 25, 18, 0.18), 0 4px 18px rgba(0, 0, 0, 0.04) !important;
  padding: 0 !important;
  z-index: 1060 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px) scale(0.98) !important;
  transform-origin: top right !important;
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
  overflow: visible !important;
  pointer-events: none;
}

/* Upward pointer beak - Exactly matching .sc-minicart */
.sc-account-dropdown::before {
  content: '' !important;
  position: absolute !important;
  top: -24px !important;
  left: 0 !important;
  right: 0 !important;
  height: 26px !important;
  background: transparent !important;
}

.sc-account-dropdown::after {
  content: '' !important;
  position: absolute !important;
  top: -7px !important;
  right: 20px !important;
  width: 14px !important;
  height: 14px !important;
  background: #ffffff !important;
  border-left: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.14) !important;
  border-top: 1px solid rgba(var(--primary_rgb, 109, 74, 255), 0.14) !important;
  transform: rotate(45deg) !important;
  border-top-left-radius: 3px !important;
  z-index: 2 !important;
}

/* Open states */
.sc-user-wrap:hover .sc-account-dropdown,
.sc-user-wrap.is-open .sc-account-dropdown,
.sc-account-dropdown.show,
.sc-account-dropdown.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}

/* Account Box Header */
.sc-account-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%) !important;
  border-radius: 22px 22px 0 0 !important;
}

.sc-acc-head-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.sc-acc-avatar-thumb {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(var(--primary_rgb, 109, 74, 255), 0.25) !important;
  border: 1.5px solid var(--primary_color) !important;
}

.sc-acc-avatar-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.sc-acc-head-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.sc-acc-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
}

.sc-acc-email {
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.3 !important;
}

.sc-acc-pill {
  padding: 3px 10px !important;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08) !important;
  color: var(--primary_color) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}

/* Account Box Body Items */
.sc-account-body {
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.sc-account-nav-item {
  display: flex !important;
  align-items: center !important;
  padding: 9px 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
  color: #1e293b !important;
}

.sc-account-nav-item:hover {
  background: #f8fafc !important;
  transform: translateX(3px) !important;
}

.sc-acc-item-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  margin-right: 12px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

.sc-account-nav-item:hover .sc-acc-item-icon {
  transform: scale(1.08) !important;
}

.sc-acc-icon-dash {
  background: #ede9fe !important;
  color: #7c3aed !important;
}

.sc-acc-icon-wish {
  background: #fee2e2 !important;
  color: #ef4444 !important;
}

.sc-acc-icon-orders {
  background: #e0f2fe !important;
  color: #0284c7 !important;
}

.sc-acc-icon-down {
  background: #dcfce7 !important;
  color: #16a34a !important;
}

.sc-acc-icon-set {
  background: #fef3c7 !important;
  color: #d97706 !important;
}

.sc-acc-item-text {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  flex-grow: 1 !important;
}

.sc-account-nav-item:hover .sc-acc-item-text {
  color: var(--primary_color) !important;
}

.sc-acc-badge-pill {
  padding: 2px 8px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  margin-right: 8px !important;
}

.sc-acc-item-arrow {
  font-size: 11px !important;
  color: #94a3b8 !important;
  transition: transform 0.18s ease, color 0.18s ease !important;
}

.sc-account-nav-item:hover .sc-acc-item-arrow {
  color: var(--primary_color) !important;
  transform: translateX(2px) !important;
}

/* Account Box Foot */
.sc-account-foot {
  padding: 12px 16px 14px !important;
  border-top: 1px solid #f1f5f9 !important;
  background: #fafafa !important;
  border-radius: 0 0 22px 22px !important;
}

.sc-acc-logout-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 9px 16px !important;
  border-radius: 12px !important;
  border: 1px solid #fee2e2 !important;
  background: #fff !important;
  color: #ef4444 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.sc-acc-logout-btn:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25) !important;
}

/* ==========================================================================
   MUTUAL EXCLUSIVITY: Cart and Account Boxes can NEVER show together
   ========================================================================== */
/* When Cart is hovered or open, suppress Account */
.sc-cart-wrap:hover~.sc-user-wrap .sc-account-dropdown,
.sc-cart-wrap.is-open~.sc-user-wrap .sc-account-dropdown,
.sc-cart-wrap.is-hovered~.sc-user-wrap .sc-account-dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) scale(0.98) !important;
}

/* When Account is hovered or open, suppress Cart */
.gplp-nav-right:has(.sc-user-wrap:hover) .sc-minicart,
.gplp-nav-right:has(.sc-user-wrap.is-open) .sc-minicart,
.gplp-nav-right:has(.sc-user-wrap.is-hovered) .sc-minicart {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) scale(0.98) !important;
}

/* Mobile Hamburger Toggle - strictly hidden on Desktop, Laptop, and Tablet (>= 768px) */
.gplp-mobile-toggle-btn {
  display: none !important;
}

/* Mobile Hamburger Toggle - ONLY visible on Mobile (< 768px) */
@media (max-width: 767.98px) {
  .gplp-mobile-toggle-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: none !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    position: relative !important;
    z-index: 105 !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
  }

  .gplp-mobile-toggle-btn:hover,
  .gplp-mobile-toggle-btn:focus-visible {
    background: rgba(241, 245, 249, 0.9) !important;
    outline: none !important;
  }

  .gplp-mobile-toggle-btn:active {
    background: rgba(226, 232, 240, 0.95) !important;
    transform: scale(0.92) !important;
  }

  .gplp-mobile-toggle-btn .gplp-burger-bar,
  .gplp-burger-bar {
    width: 18px !important;
    height: 2px !important;
    background: #0f172a !important;
    border-radius: 2px !important;
    pointer-events: none !important;
    transition: all 0.2s ease !important;
  }
}

/* Tablet Navbar Tuning (768px - 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .gplp-nav-center {
    display: flex !important;
    padding: 0 8px !important;
  }
  .gplp-menu-list {
    gap: 4px !important;
  }
  .gplp-nav-link {
    padding: 6px 8px !important;
    font-size: 13px !important;
  }
  .gplp-nav-right {
    gap: 4px !important;
  }
  .gplp-icon-btn {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
}

/* 4. Mobile Offcanvas Navigation Drawer */
.gplp-mobile-drawer,
#gplpMobileDrawer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 999999 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: visibility 0.3s ease !important;
}

@media (min-width: 768px) {
  .gplp-mobile-drawer,
  #gplpMobileDrawer {
    display: none !important;
  }
}

.gplp-mobile-drawer.gplp-open,
#gplpMobileDrawer.gplp-open {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.gplp-drawer-backdrop,
#gplpDrawerBackdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  touch-action: none !important;
  z-index: 1 !important;
}

.gplp-mobile-drawer.gplp-open .gplp-drawer-backdrop,
#gplpMobileDrawer.gplp-open #gplpDrawerBackdrop,
.gplp-mobile-drawer.gplp-open #gplpDrawerBackdrop {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.gplp-drawer-content {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 86% !important;
  max-width: 360px !important;
  height: 100% !important;
  height: 100dvh !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: -10px 0 35px rgba(0, 0, 0, 0.25) !important;
  transform: translateX(100%) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  z-index: 2 !important;
}

.gplp-mobile-drawer.gplp-open .gplp-drawer-content,
#gplpMobileDrawer.gplp-open .gplp-drawer-content {
  transform: translateX(0) !important;
}

body.gplp-drawer-locked {
  overflow: hidden !important;
  touch-action: none;
  overscroll-behavior: contain !important;
}

.gplp-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-bottom: 1px solid #f1f5f9;
}

.gplp-drawer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gplp-drawer-close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f1f5f9;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #475569;
  cursor: pointer;
  transition: all 0.2s ease;
}

.gplp-drawer-close:hover {
  background: #e2e8f0;
  color: #0f172a;
}

.gplp-drawer-body {
  padding: 14px 18px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.gplp-drawer-user-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  margin-bottom: 14px;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.gplp-drawer-user-card:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
  transform: translateY(-1px);
}

.gplp-drawer-user-card:hover .gplp-drawer-user-arrow {
  color: var(--primary_color, #6d4aff) !important;
  transform: translateX(3px);
}

.gplp-drawer-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 1.5px solid #e2e8f0;
}

.gplp-drawer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gplp-drawer-username {
  font-weight: 700;
  font-size: 14px;
  color: #0f172a;
  line-height: 1.25;
}

.gplp-drawer-email {
  font-size: 12px;
  color: #64748b;
  margin-top: 2px;
}

.gplp-drawer-user-arrow {
  color: #94a3b8;
  font-size: 13px;
  margin-left: auto;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.gplp-drawer-logout-wrap {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
}

.gplp-drawer-logout-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  color: #ef4444 !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 14.5px;
  transition: all 0.18s ease;
}

.gplp-drawer-logout-btn:hover {
  background: #fef2f2;
  color: #dc2626 !important;
  transform: translateX(3px);
}

.gplp-drawer-auth-actions {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}

.gplp-drawer-btn {
  flex: 1;
  text-align: center;
  padding: 9px 12px;
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.gplp-btn-login {
  background: #f1f5f9;
  color: #1e293b !important;
}

.gplp-btn-register {
  background: var(--primary_color);
  color: #ffffff !important;
}

.gplp-drawer-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.gplp-drawer-menu li a {
  display: flex;
  align-items: center;
  padding: 11px 14px;
  font-size: 14.5px;
  font-weight: 600;
  color: #1e293b !important;
  text-decoration: none !important;
  border-radius: 10px;
  transition: all 0.18s ease;
}

.gplp-drawer-menu li a:hover {
  background: #f1f5f9;
  color: var(--primary_color) !important;
  padding-left: 18px;
}

/* 5. Responsive Breakpoints */
@media (max-width: 991.98px) {
  #gplpFloatingHeader.gplp-floating-header-wrapper,
  .gplp-floating-header-wrapper {
    padding: 5px 14px 0 !important;
    margin-bottom: -58px !important;
  }

  .gplp-floating-header-wrapper.gplp-is-sticky.gplp-scrolled {
    padding: 0 !important;
  }

  .gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar-container {
    padding: 0 16px;
  }

  .gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar {
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid transparent;
    box-shadow: none;
    min-height: calc(var(--header-logo-tablet-height, 42px) + 10px);
    padding: 5px 0;
  }

  .gplp-glass-navbar {
    min-height: calc(var(--header-logo-tablet-height, 42px) + 10px);
    padding: 5px 12px 5px 14px;
  }
}

@media (max-width: 575.98px) {
  #gplpFloatingHeader.gplp-floating-header-wrapper,
  .gplp-floating-header-wrapper {
    padding: 3px 8px 0 !important;
    margin-bottom: -55px !important;
  }

  .gplp-floating-header-wrapper.gplp-is-sticky.gplp-scrolled {
    padding: 0 !important;
  }

  .gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar-container {
    padding: 0 10px;
  }

  .gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar {
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid transparent;
    box-shadow: none;
    min-height: calc(var(--header-logo-mobile-height, 34px) + 8px);
    padding: 4px 0;
  }

  .gplp-glass-navbar {
    min-height: calc(var(--header-logo-mobile-height, 34px) + 8px);
    padding: 4px 10px;
  }

  .gplp-brand-badge-circle {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .gplp-brand-text {
    font-size: 13px;
  }

  .gplp-icon-btn {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .gplp-mobile-toggle-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

/* Ambient Background for Pages without Hero Banner */
body:not(.home) {
  background-color: #faf9fe;
}

/* ==========================================================================
   UNIFIED TOP CONTENT SPACING FOR ALL INNER PAGES
   Ensures the first content block (cards, tables, breadcrumbs, headings)
   starts at the exact same distance from the top across every single page.
   ========================================================================== */
body:not(.home) .sc-account-page-wrap {
  padding-top: 112px !important;
}

body:not(.home) section.section:first-of-type,
body:not(.home) .sc-help-hero,
body:not(.home) .sc-sell-hero,
body:not(.home)>.section-body:first-of-type,
body:not(.home) .sc-checkout-page-section {
  padding-top: 136px !important;
}

/* Breadcrumb Header Banners (Single Product, Archive, Categories) - Sleek, Compact Clearance */
body:not(.home) .header.header-bg,
body:not(.home) .header.header-bg.sc-header,
body:not(.home) .header.bg-light {
  padding-top: 100px !important;
}

/* Ensure inner containers inside the first section don't add duplicate extra top padding */
body:not(.home) .sc-c2-container,
body:not(.home) .container.sc-c2-container {
  padding-top: 0 !important;
}

body:not(.home) .sc-c2 {
  padding-top: 0 !important;
}

/* Sections that follow a hero banner must maintain compact section spacing */
body:not(.home) header~section.section,
body:not(.home) header~.section,
body:not(.home) .header~section.section,
body:not(.home) .header~.section,
body:not(.home) .header.header-bg~section.section,
body:not(.home) .header.header-bg~.section,
body:not(.home) .header.header-bg+section.section,
body:not(.home) .header.header-bg+.section,
body:not(.home) .header.sc-header~section.section,
body:not(.home) .header.sc-header~.section,
body:not(.home) .sc-help-hero~section.section,
body:not(.home) .sc-help-hero~.section,
body:not(.home) .sc-sell-hero~section.section,
body:not(.home) .sc-sell-hero~.section {
  padding-top: 18px !important;
}

/* Tablet: Header is 64px tall */
@media (max-width: 991.98px) {

  body:not(.home) .sc-account-page-wrap {
    padding-top: 102px !important;
  }

  body:not(.home) section.section:first-of-type,
  body:not(.home) .sc-help-hero,
  body:not(.home) .sc-sell-hero,
  body:not(.home)>.section-body:first-of-type,
  body:not(.home) .sc-checkout-page-section {
    padding-top: 114px !important;
  }

  body:not(.home) .header.header-bg,
  body:not(.home) .header.header-bg.sc-header,
  body:not(.home) .header.bg-light {
    padding-top: 98px !important;
  }

  body:not(.home) header~section.section,
  body:not(.home) header~.section,
  body:not(.home) .header~section.section,
  body:not(.home) .header~.section,
  body:not(.home) .header.header-bg~section.section,
  body:not(.home) .header.header-bg~.section,
  body:not(.home) .header.header-bg+section.section,
  body:not(.home) .header.header-bg+.section,
  body:not(.home) .header.sc-header~section.section,
  body:not(.home) .header.sc-header~.section,
  body:not(.home) .sc-help-hero~section.section,
  body:not(.home) .sc-help-hero~.section,
  body:not(.home) .sc-sell-hero~section.section,
  body:not(.home) .sc-sell-hero~.section {
    padding-top: 14px !important;
  }
}

/* Mobile: Header is 58px tall */
@media (max-width: 575.98px) {

  body:not(.home) .sc-account-page-wrap {
    padding-top: 96px !important;
  }

  body:not(.home) section.section:first-of-type,
  body:not(.home) .sc-help-hero,
  body:not(.home) .sc-sell-hero,
  body:not(.home)>.section-body:first-of-type,
  body:not(.home) .sc-checkout-page-section {
    padding-top: 104px !important;
  }

  body:not(.home) .header.header-bg,
  body:not(.home) .header.header-bg.sc-header,
  body:not(.home) .header.bg-light {
    padding-top: 90px !important;
  }

  body:not(.home) header~section.section,
  body:not(.home) header~.section,
  body:not(.home) .header~section.section,
  body:not(.home) .header~.section,
  body:not(.home) .header.header-bg~section.section,
  body:not(.home) .header.header-bg~.section,
  body:not(.home) .header.header-bg+section.section,
  body:not(.home) .header.header-bg+.section,
  body:not(.home) .header.sc-header~section.section,
  body:not(.home) .header.sc-header~.section,
  body:not(.home) .sc-help-hero~section.section,
  body:not(.home) .sc-help-hero~.section,
  body:not(.home) .sc-sell-hero~section.section,
  body:not(.home) .sc-sell-hero~.section {
    padding-top: 12px !important;
  }
}

/* 6. WordPress Admin Bar Offset Support (Header + First Content Element) */
body.admin-bar:not(.home) .header.header-bg,
body.admin-bar:not(.home) .header.header-bg.sc-header,
body.admin-bar:not(.home) .header.bg-light {
  padding-top: 100px !important;
}

body.admin-bar .gplp-floating-header-wrapper.gplp-is-sticky {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .gplp-floating-header-wrapper.gplp-is-sticky {
    top: 46px;
  }
}

body.admin-bar .gplp-drawer-content {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .gplp-drawer-content {
    top: 46px;
  }
}

body.admin-bar:not(.home) .sc-account-page-wrap {
  padding-top: 112px !important;
}

body.admin-bar:not(.home) section.section:first-of-type,
body.admin-bar:not(.home) .sc-help-hero,
body.admin-bar:not(.home) .sc-sell-hero,
body.admin-bar:not(.home)>.section-body:first-of-type,
body.admin-bar:not(.home) .sc-checkout-page-section {
  padding-top: 136px !important;
}

/* Reset admin-bar override on sections that follow a hero banner */
body.admin-bar:not(.home) header~section.section,
body.admin-bar:not(.home) header~.section,
body.admin-bar:not(.home) .header~section.section,
body.admin-bar:not(.home) .header~.section,
body.admin-bar:not(.home) .header.header-bg~section.section,
body.admin-bar:not(.home) .header.header-bg~.section,
body.admin-bar:not(.home) .header.header-bg+section.section,
body.admin-bar:not(.home) .header.header-bg+.section,
body.admin-bar:not(.home) .header.sc-header~section.section,
body.admin-bar:not(.home) .header.sc-header~.section,
body.admin-bar:not(.home) .sc-help-hero~section.section,
body.admin-bar:not(.home) .sc-help-hero~.section,
body.admin-bar:not(.home) .sc-sell-hero~section.section,
body.admin-bar:not(.home) .sc-sell-hero~.section {
  padding-top: 18px !important; 
}

@media (max-width: 782px) {

  body.admin-bar:not(.home) .header.header-bg,
  body.admin-bar:not(.home) .header.header-bg.sc-header,
  body.admin-bar:not(.home) .header.bg-light {
    padding-top: 98px !important;
  }

  body.admin-bar:not(.home) .sc-account-page-wrap {
    padding-top: 102px !important;
  }

  body.admin-bar:not(.home) section.section:first-of-type,
  body.admin-bar:not(.home) .sc-help-hero,
  body.admin-bar:not(.home) .sc-sell-hero,
  body.admin-bar:not(.home)>.section-body:first-of-type,
  body.admin-bar:not(.home) .sc-checkout-page-section {
    padding-top: 114px !important;
  }
}

@media (max-width: 575.98px) {

  body.admin-bar:not(.home) .header.header-bg,
  body.admin-bar:not(.home) .header.header-bg.sc-header,
  body.admin-bar:not(.home) .header.bg-light {
    padding-top: 90px !important;
  }

  body.admin-bar:not(.home) .sc-account-page-wrap {
    padding-top: 96px !important;
  }

  body.admin-bar:not(.home) section.section:first-of-type,
  body.admin-bar:not(.home) .sc-help-hero,
  body.admin-bar:not(.home) .sc-sell-hero,
  body.admin-bar:not(.home)>.section-body:first-of-type,
  body.admin-bar:not(.home) .sc-checkout-page-section {
    padding-top: 104px !important;
  }

  body.admin-bar:not(.home) header~section.section,
  body.admin-bar:not(.home) header~.section,
  body.admin-bar:not(.home) .header~section.section,
  body.admin-bar:not(.home) .header~.section,
  body.admin-bar:not(.home) .header.header-bg~section.section,
  body.admin-bar:not(.home) .header.header-bg~.section,
  body.admin-bar:not(.home) .header.header-bg+section.section,
  body.admin-bar:not(.home) .header.header-bg+.section,
  body.admin-bar:not(.home) .header.sc-header~section.section,
  body.admin-bar:not(.home) .header.sc-header~.section,
  body.admin-bar:not(.home) .sc-help-hero~section.section,
  body.admin-bar:not(.home) .sc-help-hero~.section,
  body.admin-bar:not(.home) .sc-sell-hero~section.section,
  body.admin-bar:not(.home) .sc-sell-hero~.section {
    padding-top: 14px !important;
  }
}

/* ==========================================================================
   MY ACCOUNT NAVIGATION SIDEBAR ENHANCEMENTS (MODERN DASHBOARD LOOK)
   ========================================================================== */

/* Responsive Sidebar Column Widths (Spacious, Clean & Consistent) */
@media (min-width: 1400px) {
  .sc-account-nav-col,
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 290px !important;
    max-width: 290px !important;
    width: 290px !important;
    align-self: stretch !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 1.25rem !important;
  }

  .sc-account-main-col,
  .woocommerce-account .sc-account-main-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: calc(100% - 290px) !important;
    width: auto !important;
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .sc-account-nav-col,
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 280px !important;
    max-width: 280px !important;
    width: 280px !important;
    align-self: stretch !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 1.25rem !important;
  }

  .sc-account-main-col,
  .woocommerce-account .sc-account-main-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: calc(100% - 280px) !important;
    width: auto !important;
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .sc-account-nav-col,
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 250px !important;
    max-width: 250px !important;
    width: 250px !important;
    align-self: stretch !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 1rem !important;
  }

  .sc-account-main-col,
  .woocommerce-account .sc-account-main-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: calc(100% - 250px) !important;
    width: auto !important;
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
  }
}

.sc-account-nav-card {
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.85) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.03) !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

@media (min-width: 992px) {
  .sc-account-row,
  .woocommerce-account .sc-account-row,
  .woocommerce-account .sc-account-layout .row,
  .woocommerce-account .sc-account-layout .sc-account-row {
    align-items: stretch !important;
    overflow: visible !important;
  }

  .sc-account-nav-col,
  .woocommerce-account .sc-account-nav-col {
    align-self: stretch !important;
    height: auto !important;
    overflow: visible !important;
  }

  .sc-account-nav-card,
  .woocommerce-account .sc-account-nav-card,
  .woocommerce-MyAccount-navigation.sc-account-nav-card,
  .woocommerce-account .woocommerce-MyAccount-navigation {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 104px !important;
    z-index: 20 !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
  }

  .sc-account-nav-card::-webkit-scrollbar,
  .woocommerce-account .sc-account-nav-card::-webkit-scrollbar,
  .woocommerce-MyAccount-navigation.sc-account-nav-card::-webkit-scrollbar,
  .woocommerce-account .woocommerce-MyAccount-navigation::-webkit-scrollbar {
    display: none !important;
  }

  .admin-bar .sc-account-nav-card,
  .admin-bar.woocommerce-account .sc-account-nav-card,
  .admin-bar .woocommerce-MyAccount-navigation.sc-account-nav-card,
  .admin-bar.woocommerce-account .woocommerce-MyAccount-navigation {
    top: 136px !important;
    max-height: calc(100vh - 150px) !important;
  }

  .sc-account-nav-user {
    background: linear-gradient(180deg, rgba(109, 74, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%) !important;
    padding: 24px 20px 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    text-align: center !important;
  }

  .sc-account-nav-avatar {
    margin-bottom: 12px !important;
    display: flex !important;
    justify-content: center !important;
  }

  .sc-nav-avatar-ring {
    width: 78px !important;
    height: 78px !important;
    border-radius: 50% !important;
    padding: 3px !important;
    background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_hover, var(--primary_color)) 100%) !important;
    box-shadow: 0 6px 18px rgba(var(--primary_rgb, 109, 74, 255), 0.28) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .sc-nav-avatar-ring img,
  .sc-nav-avatar-ring .avatar,
  .sc-account-nav-avatar img,
  .sc-account-nav-avatar .avatar {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
    border: 2.5px solid #ffffff !important;
  }

  .sc-account-nav-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .sc-account-nav-list {
    padding: 12px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
}

/* Tablet Screens (768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .sc-account-nav-col,
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sc-account-main-col,
  .woocommerce-account .sc-account-main-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sc-account-nav-card {
    position: static !important;
    top: auto !important;
  }

  .sc-account-nav-user {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    padding: 14px 20px !important;
    gap: 16px !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }

  .sc-account-nav-avatar {
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
  }

  .sc-nav-avatar-ring {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    padding: 2px !important;
    background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_hover, var(--primary_color)) 100%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .sc-nav-avatar-ring img,
  .sc-account-nav-avatar img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  .sc-account-nav-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .sc-account-nav-name {
    margin-bottom: 2px !important;
    font-size: 15px !important;
  }

  .sc-account-nav-email {
    margin-bottom: 6px !important;
    font-size: 12px !important;
  }

  .sc-account-nav-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .sc-account-nav-link {
    padding: 10px 12px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
  }

  .sc-account-nav-ico {
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
    margin-right: 8px !important;
  }

  .sc-account-nav-chevron {
    display: none !important;
  }

  .sc-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
  }
}

/* Mobile Screens (< 768px) */
@media (max-width: 767.98px) {
  .sc-account-nav-col,
  .woocommerce-account .sc-account-nav-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 1.25rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sc-account-main-col,
  .woocommerce-account .sc-account-main-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sc-account-nav-card {
    position: static !important;
    top: auto !important;
    border-radius: 16px !important;
  }

  .sc-account-nav-user {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    padding: 12px 14px !important;
    gap: 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }

  .sc-account-nav-avatar {
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
  }

  .sc-nav-avatar-ring {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    padding: 2px !important;
    background: linear-gradient(135deg, var(--primary_color) 0%, var(--primary_hover, var(--primary_color)) 100%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .sc-nav-avatar-ring img,
  .sc-account-nav-avatar img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  .sc-account-nav-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .sc-account-nav-name {
    font-size: 14.5px !important;
    margin-bottom: 1px !important;
  }

  .sc-account-nav-email {
    font-size: 11px !important;
    margin-bottom: 4px !important;
  }

  .sc-account-nav-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
  }

  .sc-account-nav-link {
    padding: 8px 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    gap: 6px !important;
  }

  .sc-account-nav-ico {
    width: 26px !important;
    height: 26px !important;
    font-size: 11px !important;
    margin-right: 4px !important;
    border-radius: 7px !important;
  }

  .sc-account-nav-title {
    font-size: 12px !important;
  }

  .sc-account-nav-chevron {
    display: none !important;
  }

  .sc-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
  }
}

.sc-account-nav-item {
  margin-bottom: 0 !important;
  width: 100% !important;
}

.sc-account-nav-link {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  position: relative !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sc-account-nav-ico {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease !important;
  margin-right: 12px !important;
}

/* Endpoint Signature Icon Color Palettes */
.sc-nav-ico-dashboard {
  background: #ede9fe !important;
  color: #7c3aed !important;
}

.sc-nav-ico-orders {
  background: #e0f2fe !important;
  color: #0284c7 !important;
}

.sc-nav-ico-downloads {
  background: #dcfce7 !important;
  color: #16a34a !important;
}

.sc-nav-ico-wishlist {
  background: #fee2e2 !important;
  color: #ef4444 !important;
}

.sc-nav-ico-edit-address {
  background: #e0e7ff !important;
  color: #4f46e5 !important;
}

.sc-nav-ico-payment-methods {
  background: #d1fae5 !important;
  color: #059669 !important;
}

.sc-nav-ico-edit-account {
  background: #fef3c7 !important;
  color: #d97706 !important;
}

.sc-nav-ico-customer-logout {
  background: #fee2e2 !important;
  color: #ef4444 !important;
}

/* Ensure icon colors stay visible in icon containers */
.sc-nav-ico-dashboard i {
  color: #7c3aed !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sc-nav-ico-orders i {
  color: #0284c7 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sc-nav-ico-downloads i {
  color: #16a34a !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sc-nav-ico-wishlist i {
  color: #ef4444 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sc-nav-ico-edit-address i {
  color: #4f46e5 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sc-nav-ico-payment-methods i {
  color: #059669 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sc-nav-ico-edit-account i {
  color: #d97706 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sc-nav-ico-customer-logout i {
  color: #ef4444 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sc-account-nav-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.sc-account-nav-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* CHEVRON ARROW: Perfectly Pushed to Right Edge */
.sc-account-nav-chevron {
  margin-left: auto !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
  flex-shrink: 0 !important;
  width: 14px !important;
  text-align: right !important;
  opacity: 0.8 !important;
  visibility: visible !important;
  transition: transform 0.18s ease, color 0.18s ease, opacity 0.18s ease !important;
}

/* Inactive Hover State */
.sc-account-nav-link:not(.active):hover {
  background: #f8fafc !important;
  color: var(--primary_color, #241442) !important;
  transform: translateX(3px) !important;
}

.sc-account-nav-link:not(.active):hover .sc-account-nav-ico {
  transform: scale(1.08) !important;
}

.sc-account-nav-link:not(.active):hover .sc-account-nav-chevron {
  transform: translateX(3px) !important;
  color: var(--primary_color, #241442) !important;
  opacity: 1 !important;
}

/* Inactive Wishlist Badge */
.sc-account-nav-link .sc-nav-wishlist-count,
.sc-account-nav-link .sc-acc-badge-pill {
  padding: 2px 8px !important;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.1) !important;
  color: var(--primary_color) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  letter-spacing: 0.01em !important;
  transition: all 0.18s ease !important;
}

.sc-account-nav-link:not(.active):hover .sc-nav-wishlist-count,
.sc-account-nav-link:not(.active):hover .sc-acc-badge-pill {
  background: var(--primary_color, #241442) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

/* Active State - Theme Original Dark Purple (Both static and hover) */
.sc-account-nav-item.is-active .sc-account-nav-link,
.sc-account-nav-item.active .sc-account-nav-link,
.sc-account-nav-link.active,
.sc-account-nav-item.is-active .sc-account-nav-link:hover,
.sc-account-nav-item.active .sc-account-nav-link:hover,
.sc-account-nav-link.active:hover {
  background: linear-gradient(135deg, var(--primary_color, #241442) 0%, var(--primary_dark, #160a2b) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px -8px rgba(22, 10, 43, 0.45) !important;
  transform: none !important;
}

.sc-account-nav-item.is-active .sc-account-nav-link,
.sc-account-nav-item.active .sc-account-nav-link,
.sc-account-nav-link.active,
.sc-account-nav-item.is-active .sc-account-nav-link:hover,
.sc-account-nav-item.active .sc-account-nav-link:hover,
.sc-account-nav-link.active:hover,
.sc-account-nav-item.is-active .sc-account-nav-title,
.sc-account-nav-item.active .sc-account-nav-title,
.sc-account-nav-link.active .sc-account-nav-title,
.sc-account-nav-item.is-active .sc-account-nav-label,
.sc-account-nav-item.active .sc-account-nav-label,
.sc-account-nav-link.active .sc-account-nav-label {
  color: #ffffff !important;
}

/* Active State Icon Box: Translucent White Container & Pure White Icon */
.sc-account-nav-item.is-active .sc-account-nav-ico,
.sc-account-nav-item.active .sc-account-nav-ico,
.sc-account-nav-link.active .sc-account-nav-ico,
.sc-account-nav-item.is-active .sc-account-nav-link:hover .sc-account-nav-ico,
.sc-account-nav-item.active .sc-account-nav-link:hover .sc-account-nav-ico,
.sc-account-nav-link.active:hover .sc-account-nav-ico {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

.sc-account-nav-item.is-active .sc-account-nav-ico i,
.sc-account-nav-item.active .sc-account-nav-ico i,
.sc-account-nav-link.active .sc-account-nav-ico i,
.sc-account-nav-item.is-active .sc-account-nav-link:hover .sc-account-nav-ico i,
.sc-account-nav-item.active .sc-account-nav-link:hover .sc-account-nav-ico i,
.sc-account-nav-link.active:hover .sc-account-nav-ico i {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
}

.sc-account-nav-item.is-active .sc-account-nav-chevron,
.sc-account-nav-item.active .sc-account-nav-chevron,
.sc-account-nav-link.active .sc-account-nav-chevron,
.sc-account-nav-item.is-active .sc-account-nav-link:hover .sc-account-nav-chevron,
.sc-account-nav-item.active .sc-account-nav-link:hover .sc-account-nav-chevron,
.sc-account-nav-link.active:hover .sc-account-nav-chevron {
  color: rgba(255, 255, 255, 0.85) !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin-left: auto !important;
}

/* Wishlist Badge on Active State */
.sc-account-nav-item.is-active .sc-nav-wishlist-count,
.sc-account-nav-item.active .sc-nav-wishlist-count,
.sc-account-nav-link.active .sc-nav-wishlist-count,
.sc-account-nav-item.is-active .sc-acc-badge-pill,
.sc-account-nav-item.active .sc-acc-badge-pill {
  background-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 2px 8px !important;
  box-shadow: none !important;
}

/* Customer Logout link distinct styling */
.sc-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px dashed #e2e8f0 !important;
}

.sc-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout .sc-account-nav-link:hover {
  background: #fef2f2 !important;
  color: #dc2626 !important;
}

.sc-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout .sc-account-nav-link:hover .sc-account-nav-ico {
  background: #fee2e2 !important;
  color: #dc2626 !important;
  transform: scale(1.08) !important;
}

/* ==========================================================================
   Editorial Categorized FAQ Section Styles (Harmonized with Testimonials)
   ========================================================================== */
.gplp-faq-section {
  background-color: var(--background_color, #ffffff);
  padding: clamp(4rem, 7vw, 6.5rem) 1.5rem;
  position: relative;
  border-top: 1px solid var(--border_color, #f1f5f9);
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.gplp-faq-container {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Header (Standardized Left-Aligned Row matching Testimonials) */
.gplp-faq-header {
  text-align: left;
  max-width: 100%;
  width: 100%;
  margin: 0 0 clamp(2.25rem, 4.5vw, 3.5rem);
  position: relative;
}

.gplp-faq-badge {
  display: inline-block !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--primary_color) !important;
  margin-bottom: 14px !important;
  line-height: 1.2 !important;
  text-align: left;
}

.gplp-faq-header-row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

@media (min-width: 768px) {
  .gplp-faq-header-row {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.gplp-faq-header-left {
  flex: 1 1 auto;
  max-width: 820px;
  text-align: left;
}

.gplp-faq-title {
  font-size: clamp(3rem, 5.5vw, 4.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
  color: var(--heading_color, #10111A) !important;
  margin: 0 !important;
  text-align: left !important;
}

@media (max-width: 767.98px) {
  .gplp-faq-title {
    font-size: clamp(2.35rem, 8.5vw, 3.25rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
  }
}

.gplp-faq-subtitle {
  font-size: clamp(15px, 1.2vw, 17.5px);
  color: var(--text_muted, #64748B);
  line-height: 1.6;
  max-width: 620px;
  margin: 14px 0 0 0;
  text-align: left;
}

/* Rotating SVG Stamp / Seal Badge in Header Right */
.gplp-faq-header-right {
  display: none;
}

@media (min-width: 768px) {
  .gplp-faq-header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    margin-bottom: 6px;
  }

  .gplp-faq-seal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    width: 105px;
    height: 105px;
    opacity: 0.85;
    pointer-events: none;
  }
}

.gplp-faq-seal-inner {
  position: relative;
  width: 100%;
  height: 100%;
  animation: gplp-spin 22s linear infinite;
}

.gplp-faq-seal-svg {
  width: 100%;
  height: 100%;
}

.gplp-faq-seal-text {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  fill: var(--primary_color);
}

.gplp-faq-seal-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary_color);
}

@keyframes gplp-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Category Navigation Rail (Aligned with Header) */
.gplp-faq-cat-nav-wrapper {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 clamp(2.25rem, 4vw, 3.5rem);
  max-width: 100%;
  border-bottom: 1px solid var(--border_color, #E5E7EB);
}

.gplp-faq-cat-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(1.25rem, 2.5vw, 2.5rem);
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 4px;
  margin-bottom: -1px;
}

.gplp-faq-cat-nav::-webkit-scrollbar {
  display: none;
}

.gplp-faq-cat-btn {
  background: transparent;
  border: none;
  padding: 0 0 14px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--text_muted, #94a3b8);
  border-bottom: 3px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
}

.gplp-faq-cat-btn:hover:not(.active) {
  color: var(--heading_color, #10111A);
}

.gplp-faq-cat-btn.active {
  color: var(--primary_color);
  border-bottom-color: var(--primary_color);
  font-weight: 700;
}

/* Accordion Full Width List (Matches 1440px Container) */
.gplp-faq-list {
  max-width: 100%;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--border_color, #E5E7EB);
  position: relative;
}

.gplp-faq-item {
  position: relative;
  border-bottom: 1px solid var(--border_color, #E5E7EB);
  padding: clamp(1.35rem, 2vw, 1.85rem) 0;
  transition: border-color 0.25s ease;
  width: 100%;
}

.gplp-faq-item.is-hidden {
  display: none !important;
}

/* Subtle Active Purple Indicator */
.gplp-faq-indicator {
  position: absolute;
  left: 0;
  top: 1.25rem;
  bottom: 1.25rem;
  width: 3px;
  background-color: var(--primary_color);
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.gplp-faq-item.active .gplp-faq-indicator {
  opacity: 1;
}

/* Accordion Header */
.gplp-faq-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  cursor: pointer;
  user-select: none;
  outline: none;
  width: 100%;
  padding-left: 14px;
}

.gplp-faq-item-header:focus-visible {
  outline: 2px solid var(--primary_color);
  outline-offset: 4px;
  border-radius: 4px;
}

.gplp-faq-q-wrap {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
  flex: 1;
}

.gplp-faq-num {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 15px;
  font-weight: 700;
  color: var(--text_muted, #94a3b8);
  transition: color 0.3s ease;
  min-width: 24px;
}

.gplp-faq-item.active .gplp-faq-num {
  color: var(--primary_color);
}

.gplp-faq-question {
  margin: 0;
  font-size: clamp(17px, 1.6vw, 22px);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: var(--heading_color, #10111A);
  transition: color 0.2s ease, font-weight 0.2s ease;
}

.gplp-faq-item:hover:not(.active) .gplp-faq-question {
  color: var(--primary_color);
}

.gplp-faq-item.active .gplp-faq-question {
  font-weight: 700;
  color: var(--heading_color, #10111A);
}

.gplp-faq-icon {
  color: var(--text_muted, #94a3b8);
  flex-shrink: 0;
  margin-left: 1rem;
  transition: transform 0.32s cubic-bezier(0.19, 1, 0.22, 1), color 0.3s ease, background-color 0.3s ease;
  transform: rotate(0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--bg_light, #f8fafc);
}

.gplp-faq-item.active .gplp-faq-icon {
  transform: rotate(45deg);
  color: var(--primary_color);
  background: rgba(109, 74, 255, 0.1);
}

/* Smooth Accordion Answer Expansion via CSS Grid */
.gplp-faq-answer-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.gplp-faq-item.active .gplp-faq-answer-wrapper {
  grid-template-rows: 1fr;
}

.gplp-faq-answer-inner {
  overflow: hidden;
}

.gplp-faq-answer-content {
  padding: clamp(0.75rem, 1.5vw, 1.25rem) 0 0.5rem clamp(2.75rem, 4vw, 4rem);
}

.gplp-faq-answer-content p {
  color: var(--text_color, #4B5563);
  font-size: clamp(15px, 1.1vw, 16.5px);
  line-height: 1.75;
  margin: 0;
  max-width: 860px;
}

/* Empty State */
.gplp-faq-empty {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--text_muted, #94a3b8);
  font-size: 15px;
}

.gplp-faq-empty.is-hidden {
  display: none !important;
}

/* Minimal Bottom CTA */
.gplp-faq-bottom-cta {
  text-align: left;
  margin-top: clamp(2.5rem, 4.5vw, 3.75rem);
  font-size: 15.5px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.gplp-faq-cta-prompt {
  color: var(--text_muted, #6B7280);
  font-weight: 500;
}

.gplp-faq-cta-link {
  color: var(--primary_color);
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s ease, transform 0.2s ease;
}

.gplp-faq-cta-link:hover {
  color: var(--primary_hover, var(--primary_color));
  transform: translateX(3px);
  text-decoration: none;
}

/* ==========================================================================
   Editorial Community Testimonials Carousel Styles
   ========================================================================== */
.gplp-community-section {
  width: 100%;
  border-top: 1px solid var(--border_color, #f1f5f9);
  padding: clamp(4rem, 7vw, 6.5rem) 1.5rem;
  background-color: var(--background_color, #ffffff);
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.gplp-community-container {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Header */
.gplp-community-header {
  margin-bottom: clamp(2.25rem, 4.5vw, 3.25rem);
}

.gplp-section-badge,
.gplp-community-badge {
  display: inline-block !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--primary_color) !important;
  margin-bottom: 14px !important;
  line-height: 1.2 !important;
}

.gplp-community-header-row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .gplp-community-header-row {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

/* Standardized Global Homepage Section Heading (Theme Coordinated) */
.gplp-section-title,
.gplp-community-title,
.gplp-faq-title,
h1.gplp-section-title,
h2.gplp-section-title,
h3.gplp-section-title,
h2.gplp-community-title,
h3.gplp-community-title,
h2.gplp-faq-title {
  font-size: clamp(3rem, 5.5vw, 4.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
  color: var(--heading_color, #10111A) !important;
  margin: 0 !important;
}

@media (max-width: 767.98px) {
  .gplp-section-title,
  .gplp-community-title,
  .gplp-faq-title,
  h1.gplp-section-title,
  h2.gplp-section-title,
  h3.gplp-section-title,
  h2.gplp-community-title,
  h3.gplp-community-title,
  h2.gplp-faq-title {
    font-size: clamp(2.35rem, 8.5vw, 3.25rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
  }
}

/* Desktop Controls */
.gplp-community-controls-desktop {
  display: none;
}

@media (min-width: 768px) {
  .gplp-community-controls-desktop {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-shrink: 0;
    margin-bottom: 4px;
  }
}

.gplp-community-counter {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--text_muted, #94a3b8);
}

.gplp-community-counter #gplp-tst-current {
  color: var(--heading_color, #10111A);
}

.gplp-community-nav-arrows {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gplp-community-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--border_color, #e2e8f0);
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--heading_color, #1e293b);
  cursor: pointer;
  outline: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
  padding: 0;
}

.gplp-community-arrow:hover {
  background: #f8fafc;
  border-color: var(--primary_color);
  color: var(--primary_color);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(var(--primary_rgb, 109, 74, 255), 0.18);
}

.gplp-community-arrow:active {
  transform: translateY(0);
}

.gplp-community-arrow:focus-visible {
  outline: 2px solid var(--primary_color);
  outline-offset: 2px;
}

/* Carousel Viewport */
.gplp-community-carousel-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 24px 10px 52px;
  margin: -24px -10px -52px;
}

.gplp-community-track {
  display: flex;
  align-items: stretch;
  gap: 24px;
  will-change: transform;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
}

.gplp-community-track.is-dragging {
  cursor: grabbing !important;
}

@media (max-width: 639.98px) {
  .gplp-community-carousel-wrap {
    padding: 18px 6px 48px;
    margin: -18px -6px -48px;
  }

  .gplp-community-track {
    gap: 16px;
  }
}

/* Slide Widths */
.gplp-community-slide {
  flex-shrink: 0;
  width: var(--tst-slide-desk-width, calc(33.333% - 16px));
  box-sizing: border-box;
}

@media (max-width: 1023.98px) {
  .gplp-community-slide {
    width: calc(50% - 12px) !important;
  }
}

@media (max-width: 639.98px) {
  .gplp-community-slide {
    width: 100% !important;
  }
}

/* Card Styling - High-End Floating Elevation without Clipping */
.gplp-community-card {
  height: 100%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 32px;
  padding: clamp(1.75rem, 2.5vw, 2.25rem);
  box-shadow: 0 2px 10px -2px rgba(16, 24, 40, 0.04), 0 8px 24px -4px rgba(16, 24, 40, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.25s ease;
  box-sizing: border-box;
  will-change: transform, box-shadow;
}

@media (hover: hover) {
  .gplp-community-card:hover {
    transform: translateY(-6px);
    border-color: rgba(var(--primary_rgb, 109, 74, 255), 0.28);
    box-shadow: 0 16px 36px -8px rgba(16, 24, 40, 0.09), 0 4px 12px -2px rgba(16, 24, 40, 0.03);
  }
}

/* Rating Stars */
.gplp-community-stars {
  font-size: 16px;
  letter-spacing: 0.18em;
  color: #fbbf24;
  margin-bottom: 1.5rem;
  line-height: 1;
}

.gplp-community-star {
  color: #e2e8f0;
}

.gplp-community-star.filled {
  color: #fbbf24;
}

/* Quote */
.gplp-community-quote {
  font-size: clamp(17px, 1.3vw, 20px) !important;
  font-weight: 500 !important;
  line-height: 1.68 !important;
  color: var(--text_color, #4B5563) !important;
  margin: 0 0 2rem !important;
  flex: 1 !important;
}

/* Author Metadata Foot */
.gplp-community-author-foot {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 1.25rem;
  border-top: 1px solid #f1f5f9;
  margin-top: auto;
}

.gplp-community-avatar-bubble {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(var(--primary_rgb, 109, 74, 255), 0.08);
  border: 1.5px solid rgba(var(--primary_rgb, 109, 74, 255), 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary_color);
  font-weight: 800;
  font-size: 13.5px;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

.gplp-community-avatar-img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid rgba(var(--primary_rgb, 109, 74, 255), 0.22);
  flex-shrink: 0;
}

.gplp-community-author-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.gplp-community-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.gplp-community-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--heading_color, #10111A) !important;
  line-height: 1.3 !important;
}

.gplp-community-verified {
  flex-shrink: 0;
  display: inline-block;
}

.gplp-community-role {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--text_muted, #94a3b8) !important;
  line-height: 1.3 !important;
}

/* Bottom Controls */
.gplp-community-bottom-controls {
  margin-top: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .gplp-community-bottom-controls {
    justify-content: center;
  }
}

.gplp-community-dots {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gplp-community-dot {
  height: 8px;
  width: 8px;
  border-radius: 9999px;
  background-color: #e2e8f0;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.gplp-community-dot:hover:not(.active) {
  background-color: #cbd5e1;
}

.gplp-community-dot.active {
  width: 24px;
  background-color: var(--primary_color);
}

.gplp-community-mobile-arrows {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (min-width: 768px) {
  .gplp-community-mobile-arrows {
    display: none;
  }
}

/* ==========================================================================
   EXPLORE THE MARKETPLACE (Product-Centric Discovery) SECTION
   Exact container width & editorial typography coordinated with Testimonials
   ========================================================================== */
.gplp-marketplace-section {
  position: relative;
  background-color: transparent;
}

.gplp-marketplace-header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

@media (min-width: 768px) {
  .gplp-marketplace-header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.gplp-marketplace-header-left {
  max-width: 720px;
}

.gplp-marketplace-subtitle {
  font-size: clamp(1rem, 1.35vw, 1.15rem) !important;
  color: #64748b !important;
  font-weight: 500 !important;
  margin: 12px 0 0 0 !important;
  line-height: 1.55 !important;
  max-width: 620px !important;
}

.gplp-marketplace-header-right {
  display: flex;
  align-items: center;
}

.gplp-marketplace-view-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--heading_color, #10111A);
  text-decoration: none !important;
  padding: 8px 0;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.gplp-marketplace-view-all:hover {
  color: var(--primary_color, #392277);
  transform: translateX(4px);
}

.gplp-marketplace-view-all .gplp-arrow-icon {
  transition: transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.gplp-marketplace-view-all:hover .gplp-arrow-icon {
  transform: translateX(4px);
}

/* Dynamic Responsive Product Grid */
.gplp-marketplace-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 576px) {
  .gplp-marketplace-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

@media (min-width: 992px) {
  .gplp-marketplace-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .gplp-marketplace-grid {
    grid-template-columns: repeat(var(--gplp-mp-cols, 4), minmax(0, 1fr));
    gap: 1.75rem;
  }
}

/* ==========================================================================
   Product List Typography Synchronization (Home Page & Shop Page: Poppins)
   ========================================================================== */
#marketplace-explorer,
.gplp-marketplace-section,
.gplp-market-card,
.gplp-card-body,
.gplp-card-title,
.gplp-card-title a,
.gplp-card-cat,
.gplp-card-pricing,
.gplp-card-price,
.gplp-card-price ins,
.gplp-card-price del,
.gplp-card-reg-price,
.gplp-card-discount-pill,
.gplp-card-cart-btn,
.gplp-card-cart-btn span,
.gplp-card-badge-tag,
.gplp-marketplace-header,
.gplp-marketplace-title,
.gplp-marketplace-desc,
.gplp-marketplace-badge,
.gplp-marketplace-tab,
.gplp-marketplace-foot .gplp-marketplace-load-btn,
.gplp-marketplace-foot .gplp-marketplace-load-btn span,
.sc-ft2-section,
.sc-ft2-panel,
.sc-ft2-row,
.sc-ft2-title,
.sc-ft2-price,
.sc-ft2-cat,
.sc-ft2-add,
.sc-tip,
.sc-vsec-grid,
.item,
.item-title,
.item-title a,
.item-price,
.item-price-number,
.item-desc,
.sc-item-cat-badge,
.sc-item-cat-pill,
.sc-item-btn-cart,
.sc-item-btn-cart span,
.sc-item-preview-text,
.sc-item-features,
.sc-item-feature-tag,
.sc-item-sales-pill,
.woocommerce ul.products li.product,
.gplp-category-experience-section,
.gplp-cs-badge,
.gplp-cs-title,
.gplp-cs-subtitle,
.gplp-cs-tab,
.gplp-cs-tab span,
.gplp-cs-card,
.gplp-cs-body,
.gplp-cs-cat-name,
.gplp-cs-card-title,
.gplp-cs-card-title a,
.gplp-cs-rating-val,
.gplp-cs-price,
.gplp-cs-price ins,
.gplp-cs-price del,
.gplp-cs-save-pill,
.gplp-cs-cart-btn,
.gplp-cs-cart-btn span,
.gplp-cs-view-all-btn,
.gplp-cs-view-all-btn span {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

/* ==========================================================================
   Font Awesome 6 Global Icon Restoration & Protection
   Guarantees icons in product cards and marketplace explorer render cleanly
   ========================================================================== */
#marketplace-explorer i,
#marketplace-explorer [class*="fa-"],
#marketplace-explorer i::before,
#marketplace-explorer [class*="fa-"]::before,
.gplp-marketplace-section i,
.gplp-marketplace-section [class*="fa-"],
.gplp-marketplace-section i::before,
.gplp-marketplace-section [class*="fa-"]::before,
.gplp-market-card i,
.gplp-market-card [class*="fa-"],
.gplp-market-card i::before,
.gplp-market-card [class*="fa-"]::before,
.gplp-action-btn i,
.gplp-action-btn [class*="fa-"],
.gplp-action-btn i::before,
.gplp-action-btn [class*="fa-"]::before,
.gplp-card-cart-btn i,
.gplp-card-cart-btn [class*="fa-"],
.gplp-card-cart-btn i::before,
.gplp-card-cart-btn [class*="fa-"]::before,
.gplp-cs-wishlist-btn i,
.gplp-cs-wishlist-btn [class*="fa-"],
.gplp-cs-wishlist-btn i::before,
.gplp-cs-wishlist-btn [class*="fa-"]::before,
.gplp-cs-cart-btn i,
.gplp-cs-cart-btn [class*="fa-"],
.gplp-cs-cart-btn i::before,
.gplp-cs-cart-btn [class*="fa-"]::before,
.gplp-cs-view-all-btn i,
.gplp-cs-view-all-btn [class*="fa-"],
.gplp-cs-view-all-btn i::before,
.gplp-cs-view-all-btn [class*="fa-"]::before,
.sc-ft2-section i,
.sc-ft2-section [class*="fa-"],
.sc-ft2-section i::before,
.sc-ft2-section [class*="fa-"]::before,
.item i,
.item [class*="fa-"],
.item i::before,
.item [class*="fa-"]::before,
.sc-item-btn-cart i,
.sc-item-btn-cart [class*="fa-"],
.sc-item-btn-cart i::before,
.sc-item-btn-cart [class*="fa-"]::before,
.sc-btn-wishlist-loop i,
.sc-btn-wishlist-loop [class*="fa-"],
.sc-btn-wishlist-loop i::before,
.sc-btn-wishlist-loop [class*="fa-"]::before,
i[class*="fa-"],
i[class*="fa-"]::before,
.fa,
.fas,
.far,
.fal,
.fad,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa::before,
.fas::before,
.far::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

#marketplace-explorer .fa-solid,
#marketplace-explorer .fa-solid::before,
#marketplace-explorer .fas,
#marketplace-explorer .fas::before,
.gplp-market-card .fa-solid,
.gplp-market-card .fa-solid::before,
.gplp-card-cart-btn .fa-solid,
.gplp-card-cart-btn .fa-solid::before,
.item .fa-solid,
.item .fa-solid::before,
.sc-item-btn-cart .fa-solid,
.sc-item-btn-cart .fa-solid::before,
.fa-solid,
.fas,
.fa-solid::before,
.fas::before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
}

#marketplace-explorer .fa-regular,
#marketplace-explorer .fa-regular::before,
#marketplace-explorer .far,
#marketplace-explorer .far::before,
.gplp-market-card .fa-regular,
.gplp-market-card .fa-regular::before,
.gplp-action-btn .fa-regular,
.gplp-action-btn .fa-regular::before,
.item .fa-regular,
.item .fa-regular::before,
.sc-btn-wishlist-loop .fa-regular,
.sc-btn-wishlist-loop .fa-regular::before,
.fa-regular,
.far,
.fa-regular::before,
.far::before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 400 !important;
}

#marketplace-explorer .fa-brands,
#marketplace-explorer .fa-brands::before,
#marketplace-explorer .fab,
#marketplace-explorer .fab::before,
.fa-brands,
.fab,
.fa-brands::before,
.fab::before {
  font-family: 'Font Awesome 6 Brands' !important;
  font-weight: 400 !important;
}

/* Premium Product Card (Marketplace Explorer) - Synchronized with Category Showcase Card */
.gplp-market-card,
body.home .gplp-market-card,
body.front-page .gplp-market-card {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  background-color: #ffffff !important;
  border-radius: 20px !important;
  padding: 16px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 4px 18px -4px rgba(16, 17, 26, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1),
    box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1),
    border-color 0.3s ease !important;
  height: 100%;
}

.gplp-market-card:hover,
body.home .gplp-market-card:hover,
body.front-page .gplp-market-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px -10px rgba(57, 34, 119, 0.12), 0 8px 16px -4px rgba(57, 34, 119, 0.04) !important;
  border-color: rgba(var(--primary_rgb, 109, 74, 255), 0.35) !important;
}

/* Card Badge Tag */
.gplp-card-badge-tag {
  position: absolute;
  top: 1.75rem;
  left: 1.75rem;
  z-index: 10;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.gplp-badge-hot {
  background: linear-gradient(135deg, #392277 0%, #6D4AFF 100%);
  color: #ffffff;
}

.gplp-badge-sale {
  background: #10b981;
  color: #ffffff;
}

/* Card Action Buttons (Quick View & Wishlist) */
.gplp-card-actions {
  position: absolute;
  top: 1.75rem;
  right: 1.75rem;
  z-index: 10;
  display: flex;
  gap: 6px;
  opacity: 0.85;
  transition: opacity 0.25s ease;
}

.gplp-market-card:hover .gplp-card-actions {
  opacity: 1;
}

.gplp-action-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  padding: 0;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  outline: none;
}

.gplp-action-btn:hover {
  background: #ffffff;
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.35);
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(239, 68, 68, 0.15);
}

.gplp-action-btn.sc-btn-wishlist-loop i {
  transition: transform 0.2s ease, color 0.2s ease;
  line-height: 1;
}

.gplp-action-btn.sc-btn-wishlist-loop:not(.is-active):not(.active) {
  color: #64748b !important;
  background: rgba(255, 255, 255, 0.95) !important;
}

.gplp-action-btn.sc-btn-wishlist-loop:not(.is-active):not(.active) i {
  color: #64748b !important;
}

.gplp-action-btn.sc-btn-wishlist-loop:not(.is-active):not(.active):hover {
  background: #ffffff !important;
  color: #ef4444 !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}

.gplp-action-btn.sc-btn-wishlist-loop:not(.is-active):not(.active):hover i {
  color: #ef4444 !important;
  transform: scale(1.15);
}

.gplp-action-btn.sc-btn-wishlist-loop.is-active,
.gplp-action-btn.sc-btn-wishlist-loop.active {
  color: #ef4444 !important;
  background: #ffffff !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.18) !important;
}

.gplp-action-btn.sc-btn-wishlist-loop.is-active i,
.gplp-action-btn.sc-btn-wishlist-loop.active i {
  color: #ef4444 !important;
}

/* Card Thumbnail Wrap */
.gplp-card-thumb-wrap {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  background-color: #f8fafc;
  margin-bottom: 1.15rem;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
}

.gplp-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.gplp-market-card:hover .gplp-card-img {
  transform: scale(1.05);
}

/* Abstract UI Placeholders for Sample Cards */
.gplp-abstract-ui {
  width: 100%;
  height: 100%;
  background: #f8fafc;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: transform 0.5s ease;
}

.gplp-market-card:hover .gplp-abstract-ui {
  transform: scale(1.03);
}

.gplp-abstract-header {
  height: 14%;
  min-height: 22px;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 6px;
}

.gplp-abstract-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e2e8f0;
}

.gplp-abstract-body {
  flex: 1;
  display: flex;
  padding: 6%;
  gap: 6%;
}

.gplp-abstract-sidebar {
  width: 25%;
  background: #ffffff;
  border-radius: 6px;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.gplp-abstract-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8%;
}

.gplp-abstract-block-lg {
  height: 48%;
  background: linear-gradient(135deg, #f1edff 0%, #ffffff 100%);
  border-radius: 6px;
  border: 1px solid rgba(57, 34, 119, 0.08);
}

.gplp-abstract-block-sm {
  height: 25%;
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.gplp-abstract-ui.dark {
  background: #11121c;
}
.gplp-abstract-ui.dark .gplp-abstract-header {
  background: #1e1f2e;
  border-color: rgba(255, 255, 255, 0.06);
}
.gplp-abstract-ui.dark .gplp-abstract-dot {
  background: #374151;
}
.gplp-abstract-ui.dark .gplp-abstract-block-lg {
  background: linear-gradient(135deg, rgba(109, 74, 255, 0.25) 0%, #1e1f2e 100%);
  border-color: rgba(109, 74, 255, 0.2);
}

/* Card Content Area */
.gplp-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.gplp-card-cat {
  display: block;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #94a3b8 !important;
  margin-bottom: 6px !important;
  line-height: 1.2 !important;
}

.gplp-card-title {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
  margin: 0 0 10px 0 !important;
  color: var(--heading_color, #10111A) !important;
}

.gplp-card-title a {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.25s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.gplp-market-card:hover .gplp-card-title a,
.gplp-card-title a:hover {
  color: var(--primary_color, #392277) !important;
}

/* Card Pricing (Directly beneath title) */
.gplp-card-pricing {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
  margin-bottom: 1.15rem;
}

.gplp-card-price {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: var(--heading_color, #10111A) !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
}

.gplp-card-reg-price,
.gplp-card-price del {
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  margin-right: 4px;
}

.gplp-card-price ins {
  text-decoration: none !important;
  font-weight: 800 !important;
  color: var(--heading_color, #10111A) !important;
}

.gplp-card-discount-pill {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #059669;
  background-color: #ecfdf5;
  padding: 3px 7px;
  border-radius: 5px;
  display: inline-block;
  line-height: 1;
}

/* Card Foot Row */
.gplp-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
  gap: 8px;
}

/* Add to Cart Button (In place of price in card footer) */
.gplp-card-cart-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  color: var(--heading_color, #10111A) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  padding: 8px 14px;
  border-radius: 9999px;
  text-decoration: none !important;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  white-space: nowrap;
  line-height: 1.2;
  min-height: 36px;
  box-sizing: border-box;
}

.gplp-card-cart-btn i {
  font-size: 12px;
  transition: transform 0.2s ease, color 0.2s ease;
  color: #64748b;
}

.gplp-card-cart-btn:hover {
  background: var(--primary_color, #392277) !important;
  border-color: var(--primary_color, #392277) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(57, 34, 119, 0.2);
}

.gplp-card-cart-btn:hover i {
  color: #ffffff !important;
  transform: scale(1.1);
}



.gplp-card-foot .added_to_cart.wc-forward {
  display: none !important;
}

.gplp-card-arrow-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  text-decoration: none !important;
  flex-shrink: 0;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.gplp-market-card:hover .gplp-card-arrow-btn {
  background-color: var(--primary_color, #392277);
  border-color: var(--primary_color, #392277);
  color: #ffffff;
  transform: translateX(3px);
}

/* Load More Button */
.gplp-marketplace-foot {
  margin-top: clamp(2.5rem, 5vw, 4rem);
  text-align: center;
}

.gplp-marketplace-load-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  color: var(--heading_color, #10111A);
  font-weight: 700;
  font-size: 0.95rem;
  padding: 14px 42px;
  border-radius: 9999px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  outline: none;
}

.gplp-marketplace-load-btn:hover {
  border-color: var(--primary_color, #392277);
  color: var(--primary_color, #392277);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(57, 34, 119, 0.12);
}

.gplp-marketplace-load-btn.is-view-all {
  background: var(--heading_color, #10111A) !important;
  color: #ffffff !important;
  border-color: var(--heading_color, #10111A) !important;
  box-shadow: 0 4px 16px rgba(16, 17, 26, 0.15) !important;
}

.gplp-marketplace-load-btn.is-view-all:hover {
  background: var(--primary_color, #392277) !important;
  border-color: var(--primary_color, #392277) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(57, 34, 119, 0.25) !important;
}

.gplp-spin {
  animation: gplpSpin 0.9s linear infinite;
}

@keyframes gplpSpin {
  100% {
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   FULL HOME PAGE BACKGROUND SYSTEM (Unified with Kinetic Hero Section)
   Matches the exact white canvas, micro-dot grid, subtle noise texture,
   and ambient floating gradient glows across the entire home page.
   ========================================================================== */
body.home,
body.front-page {
  background-color: #ffffff !important;
  color: #10111A;
  position: relative;
  overflow-x: clip; /* clip does not establish an overflow scroll container and preserves viewport position: sticky */
}

/* Global Fixed Dot Grid Layer for Entire Home Page */
body.home::before,
body.front-page::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: radial-gradient(var(--primary_color, #392277) 0.65px, transparent 0.65px);
  background-size: 24px 24px;
  opacity: 0.14;
  pointer-events: none;
  z-index: 0;
}

/* Global Fixed Micro-Noise Texture Layer for Entire Home Page */
body.home::after,
body.front-page::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Ensure all content layers on the home page sit cleanly above the fixed background,
   EXCLUDING the floating header, utility bar, and scripts so sticky positioning remains fully active */
body.home > *:not(#gplpFloatingHeader):not(.gplp-floating-header-wrapper):not(.sc-utility-bar):not(#gplpMobileDrawer):not(.gplp-mobile-drawer):not(svg):not(script):not(style):not(#wpadminbar):not(.modal):not(.modal-backdrop):not([class*="modal"]):not([id*="Modal"]),
body.front-page > *:not(#gplpFloatingHeader):not(.gplp-floating-header-wrapper):not(.sc-utility-bar):not(#gplpMobileDrawer):not(.gplp-mobile-drawer):not(svg):not(script):not(style):not(#wpadminbar):not(.modal):not(.modal-backdrop):not([class*="modal"]):not([id*="Modal"]) {
  position: relative;
  z-index: 1;
}

/* ==========================================================================
   GPL PANTHER FLOATING HEADER & STICKY MORPHING ENFORCEMENT
   ========================================================================== */
#gplpFloatingHeader,
.gplp-floating-header-wrapper,
.gplp-floating-header-wrapper.gplp-is-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 10050 !important;
  width: 100% !important;
}

#gplpFloatingHeader .gplp-glass-navbar,
.gplp-floating-header-wrapper .gplp-glass-navbar {
  pointer-events: auto !important;
}

#gplpFloatingHeader.gplp-scrolled,
.gplp-floating-header-wrapper.gplp-scrolled {
  padding: 0 !important;
  background-color: var(--gplp-glass-bg, rgba(255, 255, 255, 0.88)) !important;
  backdrop-filter: blur(var(--gplp-glass-blur, 20px)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--gplp-glass-blur, 20px)) saturate(180%) !important;
  border-bottom: 1px solid var(--gplp-glass-border, rgba(226, 232, 240, 0.85)) !important;
  box-shadow: 0 4px 24px -2px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  pointer-events: auto !important;
}

#gplpFloatingHeader.gplp-scrolled .gplp-glass-navbar-container,
.gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar-container {
  max-width: 1400px !important;
  padding: 0 28px !important;
}

@media (max-width: 991.98px) {
  #gplpFloatingHeader.gplp-scrolled .gplp-glass-navbar-container,
  .gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar-container {
    padding: 0 14px !important;
  }
}

@media (max-width: 575.98px) {
  #gplpFloatingHeader.gplp-scrolled .gplp-glass-navbar-container,
  .gplp-floating-header-wrapper.gplp-scrolled .gplp-glass-navbar-container {
    padding: 0 8px !important;
  }
}

body.admin-bar #gplpFloatingHeader,
body.admin-bar .gplp-floating-header-wrapper {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar #wpadminbar {
    position: fixed !important;
    top: 0 !important;
  }

  body.admin-bar #gplpFloatingHeader,
  body.admin-bar .gplp-floating-header-wrapper {
    top: 46px !important;
  }
}

/* Make all Home Page section wrappers transparent so the background flows continuously */
body.home .gplp-kinetic-hero,
body.front-page .gplp-kinetic-hero {
  background-color: transparent !important;
}

body.home .gplp-marketplace-section,
body.home #marketplace-explorer,
body.home .gplp-category-experience-section,
body.home #category-experience,
body.home .gplp-community-section,
body.home .section,
body.home .section-start,
body.home .section.section-start,
body.home .sc-ft2-section,
body.home .sc-ft2-section .container,
body.home .section-body,
body.front-page .gplp-marketplace-section,
body.front-page #marketplace-explorer,
body.front-page .gplp-category-experience-section,
body.front-page #category-experience,
body.front-page .gplp-community-section,
body.front-page .section,
body.front-page .section-start,
body.front-page .section.section-start,
body.front-page .sc-ft2-section,
body.front-page .sc-ft2-section .container,
body.front-page .section-body {
  background-color: transparent !important;
  background: transparent !important;
}

body.home .gplp-faq-section,
body.front-page .gplp-faq-section,
.gplp-faq-section {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Ambient Flowing Glow Accents along the Home Page */
#marketplace-explorer {
  position: relative;
  overflow: hidden;
}

#marketplace-explorer::before {
  content: '';
  position: absolute;
  top: 10%;
  right: -8%;
  width: 50vw;
  height: 50vw;
  max-width: 600px;
  max-height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 109, 74, 255), 0.12) 0%, rgba(251, 250, 255, 0) 70%);
  filter: blur(65px);
  pointer-events: none;
  z-index: 0;
  animation: gplpMoveGlow 20s ease-in-out infinite alternate;
}

#marketplace-explorer::after {
  content: '';
  position: absolute;
  bottom: 0%;
  left: -8%;
  width: 45vw;
  height: 45vw;
  max-width: 550px;
  max-height: 550px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 109, 74, 255), 0.08) 0%, rgba(251, 250, 255, 0) 65%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
  animation: gplpMoveGlow2 24s ease-in-out infinite alternate;
}

#marketplace-explorer .gplp-community-container {
  position: relative;
  z-index: 1;
}

/* Soft ambient glow to the Featured & Trending section on Home */
body.home .sc-ft2-section {
  position: relative;
  overflow: hidden;
}

body.home .sc-ft2-section::before {
  content: '';
  position: absolute;
  top: 25%;
  left: -10%;
  width: 45vw;
  height: 45vw;
  max-width: 500px;
  max-height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--primary_rgb, 109, 74, 255), 0.10) 0%, rgba(251, 250, 255, 0) 70%);
  filter: blur(65px);
  pointer-events: none;
  z-index: 0;
}

/* Crisp Floating Product Cards on Top of Dot Grid */
body.home .gplp-market-card,
body.front-page .gplp-market-card {
  background-color: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 4px 18px -4px rgba(16, 17, 26, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1),
    box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1),
    border-color 0.3s ease !important;
}

body.home .gplp-market-card:hover,
body.front-page .gplp-market-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px -10px rgba(57, 34, 119, 0.12), 0 8px 16px -4px rgba(57, 34, 119, 0.04) !important;
  border-color: rgba(var(--primary_rgb, 109, 74, 255), 0.35) !important;
}

body.home .item,
body.front-page .item {
  background-color: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 4px 18px -4px rgba(16, 17, 26, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

body.home .sc-ft2-row,
body.front-page .sc-ft2-row {
  background-color: #ffffff !important;
}

body.home .sc-section-bg-green > .container-custom,
body.front-page .sc-section-bg-green > .container-custom,
body.home .sc-section-bg > .container-custom,
body.front-page .sc-section-bg > .container-custom {
  background-color: #ffffff !important;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.04) !important;
}

/* ==========================================================================
   CATEGORY PRODUCT EXPERIENCE (Build Your Toolkit / Pick your stack)
   Category Showcase section with responsive tab navigation, multi-column grid,
   and dynamic bottom archive redirection.
   ========================================================================== */
.gplp-category-experience-section {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.gplp-cs-header {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
  margin-bottom: clamp(2.75rem, 5vw, 4rem) !important;
}

@media (min-width: 992px) {
  .gplp-cs-header {
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 2.5rem !important;
  }
}

.gplp-cs-header-left {
  flex: 0 0 auto !important;
  max-width: 440px !important;
}

.gplp-cs-badge {
  display: inline-block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--primary_color, #392277) !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
}

.gplp-cs-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(2.25rem, 4.2vw, 3.25rem) !important;
  font-weight: 800 !important;
  color: var(--heading_color, #10111A) !important;
  letter-spacing: -0.035em !important;
  line-height: 1.12 !important;
  margin: 0 !important;
}

.gplp-cs-subtitle {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(0.95rem, 1.25vw, 1.05rem) !important;
  color: #64748b !important;
  font-weight: 500 !important;
  margin: 14px 0 0 0 !important;
  line-height: 1.6 !important;
  max-width: 580px !important;
}

/* Horizontal Category Tabs Wrapper (Pure Mouse Drag & Wheel Enabled) */
.gplp-cs-tabs-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  flex: 1 1 0% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

@media (max-width: 991.98px) {
  .gplp-cs-header-left {
    max-width: 100% !important;
    width: 100% !important;
  }

  .gplp-cs-tabs-wrapper {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
}

/* Horizontal Category Tabs Rail */
.gplp-cs-tabs-rail {
  display: flex !important;
  align-items: center !important;
  gap: 1.75rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  border-bottom: 2px solid rgba(226, 232, 240, 0.9) !important;
  padding-bottom: 0.75rem !important;
  margin: 0 !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  scroll-behavior: smooth;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.gplp-cs-tabs-rail:active,
.gplp-cs-tabs-rail.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}

.gplp-cs-tabs-rail.is-dragging .gplp-cs-tab {
  pointer-events: none !important;
}

.gplp-cs-tabs-rail::-webkit-scrollbar {
  display: none !important;
}

.gplp-cs-tab {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #475569 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2.5px solid transparent !important;
  padding: 0 0.35rem 0.75rem !important;
  white-space: nowrap !important;
  cursor: pointer;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: -2px !important;
  outline: none !important;
  flex-shrink: 0 !important;
}

.gplp-cs-card del,
.gplp-cs-card del *,
.gplp-spotlight-card del,
.gplp-spotlight-card del *,
.gplp-cs-price del,
.gplp-cs-price del *,
.gplp-spotlight-price del,
.gplp-spotlight-price del * {
  color: #334155 !important;
  opacity: 1 !important;
  text-decoration-color: #64748b !important;
}

.gplp-dark-card del,
.gplp-dark-card del *,
.gplp-dark-price del,
.gplp-dark-price del * {
  color: #cbd5e1 !important;
  opacity: 1 !important;
  text-decoration-color: #94a3b8 !important;
}

.gplp-cs-tab:hover {
  color: var(--heading_color, #10111A) !important;
}

.gplp-cs-tab.active {
  color: var(--primary_color, #392277) !important;
  font-weight: 700 !important;
  border-bottom-color: var(--primary_color, #392277) !important;
}

/* Tab Content Panes */
.gplp-cs-content-area {
  position: relative;
  min-height: 420px;
}

.gplp-cs-tab-pane {
  display: none;
  opacity: 0;
  transform: translateY(8px);
}

.gplp-cs-tab-pane.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
  animation: gplpCsFadeIn 0.32s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes gplpCsFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 3-Column Responsive Grid */
.gplp-cs-grid {
  display: grid;
  grid-template-columns: repeat(var(--gplp-cs-cols, 3), minmax(0, 1fr));
  gap: 1.75rem;
}

@media (max-width: 1024px) {
  .gplp-cs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

@media (max-width: 640px) {
  .gplp-cs-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

/* Product Cards */
.gplp-cs-card {
  font-family: 'Poppins', sans-serif !important;
  background-color: #ffffff !important;
  border-radius: 20px !important;
  padding: 16px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 4px 18px -4px rgba(16, 17, 26, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1),
    box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1),
    border-color 0.3s ease !important;
  height: 100%;
}

.gplp-cs-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px -10px rgba(57, 34, 119, 0.12), 0 8px 16px -4px rgba(57, 34, 119, 0.04) !important;
  border-color: rgba(var(--primary_rgb, 109, 74, 255), 0.35) !important;
}

/* Card Thumbnail */
.gplp-cs-thumb-container {
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 14px;
  overflow: hidden;
  background: #f8fafc;
  margin-bottom: 14px;
}

.gplp-cs-thumb-link {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
}

.gplp-cs-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}

.gplp-cs-card:hover .gplp-cs-thumb-img {
  transform: scale(1.05);
}

/* Floating Wishlist Button in Category Showcase - Synchronized with Marketplace Explorer */
.gplp-cs-card .gplp-card-actions {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 15 !important;
  display: flex !important;
  gap: 6px !important;
  opacity: 0.85 !important;
  transition: opacity 0.25s ease !important;
}

.gplp-cs-card:hover .gplp-card-actions {
  opacity: 1 !important;
}

.gplp-cs-wishlist-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  font-size: 15px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) !important;
  outline: none !important;
}

.gplp-cs-wishlist-btn i {
  color: #64748b !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
  line-height: 1 !important;
}

.gplp-cs-wishlist-btn:hover {
  color: #ef4444 !important;
  background: #ffffff !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 6px 16px rgba(239, 68, 68, 0.18) !important;
}

.gplp-cs-wishlist-btn:hover i {
  color: #ef4444 !important;
  transform: scale(1.15) !important;
}

.gplp-cs-wishlist-btn.is-active,
.gplp-cs-wishlist-btn.active {
  color: #ef4444 !important;
  background: #ffffff !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.18) !important;
}

.gplp-cs-wishlist-btn.is-active i,
.gplp-cs-wishlist-btn.active i {
  color: #ef4444 !important;
}

/* Category Label */
.gplp-cs-cat-name {
  display: block;
  font-family: 'Poppins', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #475569 !important;
  margin-bottom: 6px !important;
  line-height: 1.2 !important;
}

/* Card Title - SYNCHRONIZED WITH MARKETPLACE EXPLORER (Weight 600 & Card Hover Purple) */
.gplp-cs-card-title {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
  margin: 0 0 10px 0 !important;
  color: var(--heading_color, #10111A) !important;
}

.gplp-cs-card-title a {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.25s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.gplp-cs-card:hover .gplp-cs-card-title a,
.gplp-cs-card-title a:hover {
  color: var(--primary_color, #392277) !important;
}

/* Card Footer */
.gplp-cs-card-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 0.85rem;
  border-top: 1px solid #f1f5f9;
}

.gplp-cs-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.gplp-cs-star {
  color: #eab308;
  font-size: 1rem;
  line-height: 1;
}

.gplp-cs-rating-val {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
}

/* Price */
.gplp-cs-price-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.gplp-cs-price {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.125rem !important;
  color: #10111A !important;
  display: inline-flex;
  align-items: baseline;
  gap: 0.35rem;
}

.gplp-cs-price del {
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
}

.gplp-cs-price ins {
  text-decoration: none !important;
  color: #10111A !important;
  font-weight: 800 !important;
}

.gplp-cs-save-pill {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  color: #14532d !important;
  background: #dcfce7 !important;
  border: 1px solid #16a34a !important;
  border-radius: 9999px !important;
  padding: 3px 8px !important;
  white-space: nowrap;
}

/* Add to Cart Action */
.gplp-cs-action-row {
  margin-top: 0.85rem;
}

.gplp-cs-cart-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0.65rem 1rem !important;
  border-radius: 9999px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.gplp-cs-cart-btn:hover {
  background: var(--primary_color, #392277) !important;
  color: #ffffff !important;
  border-color: var(--primary_color, #392277) !important;
  box-shadow: 0 4px 14px rgba(57, 34, 119, 0.22) !important;
}

/* Bottom Dynamic View All Link */
.gplp-cs-footer {
  margin-top: 2.5rem;
}

.gplp-cs-view-all-btn {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  color: var(--primary_color, #392277) !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  transition: all 0.2s ease;
  padding: 0.5rem 0;
}

.gplp-cs-view-all-btn:hover {
  color: #10111A !important;
  transform: translateX(4px);
}

/* ==========================================================================
   PRODUCT SPOTLIGHT SECTION (One product. A lot more possibilities.)
   ========================================================================== */

.gplp-spotlight-section {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 5rem 1.5rem;
  box-sizing: border-box;
}

.gplp-spotlight-header {
  margin-bottom: 2.75rem;
}

.gplp-spotlight-badge {
  display: block;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--primary_color, #6D4AFF) !important;
  margin-bottom: 0.75rem;
}

.gplp-spotlight-title {
  font-family: 'Plus Jakarta Sans', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(2.25rem, 4vw, 3rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.15 !important;
  color: #0f172a !important;
  margin: 0;
}

/* Main Spotlight Card */
.gplp-spotlight-card {
  background: #ffffff;
  border-radius: 40px;
  border: 1px solid rgba(226, 232, 240, 0.85);
  box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
  padding: 2.5rem;
  display: flex;
  gap: 3.5rem;
  align-items: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-sizing: border-box;
}

.gplp-spotlight-card:hover {
  box-shadow: 0 24px 50px -10px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
}

/* 60% Left: Preview Container */
.gplp-spotlight-preview-wrap {
  width: 58%;
  height: 480px;
  border-radius: 28px;
  overflow: hidden;
  background: #f8fafc;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.04);
  flex-shrink: 0;
  box-sizing: border-box;
}

.gplp-spotlight-hover-overlay {
  position: absolute;
  inset: 0;
  background: rgba(238, 242, 255, 0.45);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 2;
  pointer-events: none;
}

.gplp-spotlight-card:hover .gplp-spotlight-hover-overlay {
  opacity: 1;
}

.gplp-spotlight-canvas {
  position: absolute;
  inset: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* Browser Frame & Abstract UI */
.gplp-abstract-window,
.abstract-ui {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}

.gplp-spotlight-card:hover .gplp-abstract-window,
.gplp-spotlight-card:hover .abstract-ui {
  transform: scale(1.035);
}

.abstract-header {
  height: 48px;
  min-height: 48px;
  background: #ffffff;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 8px;
  flex-shrink: 0;
}

.abstract-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #e2e8f0;
}

.abstract-body {
  flex: 1;
  display: flex;
  padding: 22px;
  gap: 20px;
  background: #fafafc;
  overflow: hidden;
  box-sizing: border-box;
}

.abstract-sidebar {
  width: 26%;
  background: rgba(109, 74, 255, 0.09) !important;
  border: 1px solid rgba(109, 74, 255, 0.12) !important;
  border-radius: 12px;
  height: 100%;
}

.abstract-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.abstract-block-large {
  flex: 1;
  background: rgba(109, 74, 255, 0.05) !important;
  border: 1px solid rgba(109, 74, 255, 0.14) !important;
  border-radius: 12px;
}

.abstract-block-row {
  display: flex;
  gap: 14px;
  height: 36%;
}

.abstract-block-small {
  flex: 1;
  background: #ffffff !important;
  border-radius: 10px;
  border: 1px solid #eef2f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

/* 40% Right: Info Column */
.gplp-spotlight-info {
  width: 42%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.gplp-spotlight-cat {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #475569 !important;
  margin-bottom: 0.75rem;
  display: block;
}

.gplp-spotlight-heading {
  font-family: 'Plus Jakarta Sans', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(1.85rem, 2.5vw, 2.35rem) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 1rem 0 !important;
}

.gplp-spotlight-heading a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.gplp-spotlight-heading a:hover {
  color: var(--primary_color, #6D4AFF) !important;
}

.gplp-spotlight-rating-wrap {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1.35rem;
}

.gplp-spotlight-stars {
  color: #eab308;
  font-size: 1.15rem;
  letter-spacing: 2px;
  line-height: 1;
}

.gplp-spotlight-score {
  font-weight: 800;
  font-size: 0.95rem;
  color: #0f172a;
}

.gplp-spotlight-reviews {
  font-size: 0.875rem;
  color: #94a3b8;
  font-weight: 500;
}

.gplp-spotlight-desc {
  font-size: 0.9375rem;
  color: #64748b;
  line-height: 1.68;
  margin: 0 0 1.75rem 0;
  font-weight: 450;
}

.gplp-spotlight-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 2rem 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.gplp-spotlight-features li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e293b;
}

.gplp-spotlight-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--primary_color, #6D4AFF);
  flex-shrink: 0;
  box-shadow: 0 0 0 3px rgba(109, 74, 255, 0.15);
}

.gplp-spotlight-pricing {
  display: flex;
  align-items: baseline;
  gap: 0.85rem;
  margin-bottom: 1.85rem;
}

.gplp-spotlight-current-price,
.gplp-spotlight-current-price .woocommerce-Price-amount {
  font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif !important;
  font-size: 2.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
}

.gplp-spotlight-regular-price,
.gplp-spotlight-regular-price *,
.gplp-spotlight-regular-price .woocommerce-Price-amount,
.gplp-spotlight-regular-price .woocommerce-Price-amount bdi {
  font-size: 1.15rem !important;
  color: #475569 !important;
  text-decoration: line-through !important;
  font-weight: 500 !important;
}

.gplp-spotlight-actions {
  display: flex;
  gap: 1rem;
  align-items: stretch;
}

.gplp-spotlight-cta-btn {
  flex: 1;
  background: var(--primary_color, #392277) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  padding: 1rem 1.75rem !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 8px 24px -4px rgba(57, 34, 119, 0.35) !important;
  text-align: center !important;
}

.gplp-spotlight-cta-btn:hover {
  background: #251552 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -4px rgba(57, 34, 119, 0.45) !important;
  color: #ffffff !important;
}

.gplp-spotlight-wishlist-btn {
  width: 54px;
  height: 54px;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  flex-shrink: 0;
}

.gplp-spotlight-wishlist-btn:hover {
  border-color: var(--primary_color, #6D4AFF) !important;
  color: var(--primary_color, #6D4AFF) !important;
  transform: scale(1.04);
}

.gplp-spotlight-wishlist-btn.is-active {
  border-color: #ef4444 !important;
  color: #ef4444 !important;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
  .gplp-spotlight-card {
    flex-direction: column;
    padding: 2rem;
    gap: 2.25rem;
    border-radius: 32px;
  }
  .gplp-spotlight-preview-wrap {
    width: 100%;
    height: 400px;
  }
  .gplp-spotlight-info {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .gplp-spotlight-section {
    padding: 3.5rem 1.25rem;
  }
  .gplp-spotlight-card {
    padding: 1.5rem;
    border-radius: 24px;
    gap: 1.75rem;
  }
  .gplp-spotlight-preview-wrap {
    height: 300px;
    border-radius: 18px;
  }
  .gplp-spotlight-canvas {
    inset: 0.85rem;
  }
  .abstract-body {
    padding: 14px;
    gap: 12px;
  }
  .gplp-spotlight-actions {
    flex-direction: row;
  }
}

/* ==========================================================================
   TOP WISHLIST TOAST NOTIFICATION & SPOTLIGHT IMAGE STYLES
   ========================================================================== */

/* Top Wishlist Toast */
body.admin-bar .sc-top-cart-toast,
body.admin-bar .sc-top-wishlist-toast {
  top: 52px !important;
}

@media (max-width: 782px) {
  body.admin-bar .sc-top-cart-toast,
  body.admin-bar .sc-top-wishlist-toast {
    top: 64px !important;
  }
}

.sc-top-wishlist-toast .sc-top-wishlist-badge {
  background: #ef4444 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 9px !important;
}

.sc-top-wishlist-toast.is-added .sc-top-wishlist-badge {
  background: #ef4444 !important;
}

.sc-top-wishlist-toast.is-added .sc-top-toast-status-icon {
  color: #ef4444 !important;
}

.sc-top-wishlist-toast.is-added .sc-top-toast-progress-bar {
  background: linear-gradient(90deg, #ef4444, #f43f5e) !important;
}

.sc-top-wishlist-toast.is-removed .sc-top-wishlist-badge {
  background: #64748b !important;
}

.sc-top-wishlist-toast.is-removed .sc-top-toast-status-icon {
  color: #64748b !important;
}

.sc-top-wishlist-toast.is-removed .sc-top-toast-status-text {
  color: #64748b !important;
}

.sc-top-wishlist-toast.is-removed .sc-top-toast-progress-bar {
  background: #94a3b8 !important;
}

.sc-top-wishlist-btn {
  background: #6D4AFF !important;
  border-color: #6D4AFF !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

.sc-top-wishlist-btn:hover {
  background: #5935e8 !important;
  border-color: #5935e8 !important;
  color: #ffffff !important;
}

/* Spotlight Product Image in Browser Window */
.abstract-body.gplp-spotlight-image-body {
  padding: 0 !important;
  background: #ffffff !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

.gplp-spotlight-product-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.gplp-spotlight-card:hover .gplp-spotlight-product-image {
  transform: scale(1.04);
}

.gplp-mockup-address-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 11px;
  color: #64748b;
}

/* Vironeer Toastr container guarantee */
.sellcodeapp-toasts {
  position: fixed !important;
  z-index: 9999999 !important;
  pointer-events: none !important;
}

.sellcodeapp-toasts .sellcodeapp-toast {
  pointer-events: auto !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18) !important;
  border-radius: 12px !important;
}

/* ==========================================================================
   SECTION 06: POPULAR ITEMS / FRESH DROPS (Dark Horizontal Showcase)
   ========================================================================== */
.gplp-dark-section {
  position: relative !important;
  background-color: #0A0B0E !important;
  color: #ffffff !important;
  padding: 6rem 0 7rem 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Atmospheric Glowing Purple Radial Orbs */
.gplp-dark-orb-1 {
  position: absolute !important;
  top: 50% !important;
  left: 78% !important;
  transform: translateY(-50%) !important;
  width: 750px !important;
  height: 750px !important;
  background: radial-gradient(circle, rgba(109, 74, 255, 0.28) 0%, rgba(109, 74, 255, 0) 70%) !important;
  border-radius: 50% !important;
  filter: blur(100px) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.gplp-dark-orb-2 {
  position: absolute !important;
  top: -100px !important;
  left: -150px !important;
  width: 500px !important;
  height: 500px !important;
  background: radial-gradient(circle, rgba(109, 74, 255, 0.16) 0%, rgba(109, 74, 255, 0) 70%) !important;
  border-radius: 50% !important;
  filter: blur(120px) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Header Container */
.gplp-dark-header {
  max-width: 1280px !important;
  margin: 0 auto 3rem auto !important;
  padding: 0 1.5rem !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  position: relative !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .gplp-dark-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.25rem !important;
    margin-bottom: 2rem !important;
  }
  .gplp-dark-controls {
    width: 100% !important;
    justify-content: space-between !important;
  }
}

.gplp-dark-header-left {
  max-width: 700px !important;
}

.gplp-dark-badge {
  display: block !important;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #a78bfa !important;
  margin-bottom: 0.65rem !important;
}

.gplp-dark-title {
  font-family: 'Plus Jakarta Sans', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(2rem, 3.8vw, 3rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 0 0.75rem 0 !important;
}

.gplp-dark-title span {
  color: #6D4AFF !important;
}

.gplp-dark-subtitle {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.gplp-dark-controls {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  flex-shrink: 0 !important;
}

.gplp-dark-viewall-link {
  font-size: 0.925rem !important;
  font-weight: 600 !important;
  color: #c4b5fd !important;
  text-decoration: none !important;
  margin-right: 0.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  transition: color 0.2s ease !important;
}

.gplp-dark-viewall-link:hover {
  color: #ffffff !important;
}

.gplp-dark-nav-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #1A1B23 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

.gplp-dark-nav-btn:hover {
  border-color: #6D4AFF !important;
  background: #232534 !important;
  transform: translateY(-2px) !important;
}

.gplp-dark-nav-btn:active {
  transform: translateY(0) !important;
}

/* Horizontal Track */
.gplp-dark-track {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding-top: 24px !important;
  margin-top: -12px !important;
  padding-left: max(1.5rem, calc((100vw - 1280px) / 2 + 1.5rem)) !important;
  padding-right: max(1.5rem, calc((100vw - 1280px) / 2 + 1.5rem)) !important;
  padding-bottom: 2.5rem !important;
  gap: 1.75rem !important;
  position: relative !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.gplp-dark-track::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Dark Card */
.gplp-dark-card {
  flex-shrink: 0 !important;
  width: 390px !important;
  max-width: 85vw !important;
  background: #1A1B23 !important;
  border-radius: 28px !important;
  padding: 1.35rem !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  scroll-snap-align: start !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.35s ease !important;
}

.gplp-dark-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(109, 74, 255, 0.65) !important;
  box-shadow: 0 24px 45px -10px rgba(109, 74, 255, 0.28), 0 0 30px rgba(109, 74, 255, 0.12) !important;
}

/* Tablet Responsive: Exactly 2 Complete Cards Side-by-Side Centered */
@media (min-width: 768px) and (max-width: 1199px) {
  .gplp-dark-track {
    gap: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    scroll-snap-type: x mandatory;
  }

  .gplp-dark-card {
    width: calc((100vw - 72px) / 2) !important;
    min-width: calc((100vw - 72px) / 2) !important;
    max-width: calc((100vw - 72px) / 2) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    padding: 1.35rem !important;
    border-radius: 24px !important;
  }
}

/* Mobile Responsive: Exactly 1 Product Box Centered in the Middle */
@media (max-width: 767px) {
  .gplp-dark-track {
    gap: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    scroll-snap-type: x mandatory;
    padding-bottom: 2rem !important;
  }

  .gplp-dark-card {
    width: calc(100vw - 48px) !important;
    min-width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    padding: 1.25rem !important;
    border-radius: 24px !important;
  }

  .gplp-dark-media {
    height: 210px !important;
    border-radius: 18px !important;
    margin-bottom: 1.15rem !important;
  }

  .gplp-dark-prod-title {
    font-size: 1.1rem !important;
    min-height: calc(1.35em * 2.8) !important;
  }
}

/* Card Badge Pill */
.gplp-dark-card-badge {
  position: absolute !important;
  top: 1.85rem !important;
  left: 1.85rem !important;
  z-index: 15 !important;
  background: #6D4AFF !important;
  color: #ffffff !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 10px rgba(109, 74, 255, 0.4) !important;
}

/* Card Wishlist Button (Dark Section) */
.gplp-dark-wishlist-btn {
  position: absolute !important;
  top: 1.85rem !important;
  right: 1.85rem !important;
  z-index: 15 !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(10, 11, 14, 0.65) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.75) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) !important;
  padding: 0 !important;
  opacity: 0.85 !important;
}

.gplp-dark-card:hover .gplp-dark-wishlist-btn {
  opacity: 1 !important;
}

.gplp-dark-wishlist-btn i {
  color: rgba(255, 255, 255, 0.75) !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.gplp-dark-wishlist-btn:hover {
  transform: scale(1.1) !important;
  border-color: rgba(239, 68, 68, 0.6) !important;
  background: rgba(239, 68, 68, 0.22) !important;
  opacity: 1 !important;
}

.gplp-dark-wishlist-btn:hover i {
  color: #ef4444 !important;
  transform: scale(1.15) !important;
}

.gplp-dark-wishlist-btn.is-active,
.gplp-dark-wishlist-btn.active {
  opacity: 1 !important;
  background: rgba(239, 68, 68, 0.2) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.25) !important;
}

.gplp-dark-wishlist-btn.is-active i,
.gplp-dark-wishlist-btn.active i {
  color: #ef4444 !important;
}

/* Card Media / Thumbnail Area */
.gplp-dark-media {
  width: 100% !important;
  height: 220px !important;
  border-radius: 18px !important;
  margin-bottom: 1.25rem !important;
  overflow: hidden !important;
  position: relative !important;
  background: #111219 !important;
  display: block !important;
}

.gplp-dark-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: block !important;
}

.gplp-dark-card:hover .gplp-dark-media img {
  transform: scale(1.06) !important;
}

.gplp-dark-media-glow {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(109, 74, 255, 0.12) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.gplp-dark-card:hover .gplp-dark-media-glow {
  opacity: 1 !important;
}

/* Card Info */
.gplp-dark-cat {
  display: block !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #a78bfa !important;
  margin-bottom: 0.4rem !important;
}

.gplp-dark-prod-title {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 0.85rem 0 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  word-break: break-word !important;
  min-height: calc(1.4em * 3) !important;
}

.gplp-dark-prod-title a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.gplp-dark-prod-title a:hover {
  color: #c4b5fd !important;
}

.gplp-dark-meta {
  display: none !important;
}

.gplp-dark-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: auto !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  gap: 0.75rem !important;
}

.gplp-dark-price {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.2 !important;
}

.gplp-dark-price del {
  color: #64748b !important;
  font-size: 0.825rem !important;
  font-weight: 400 !important;
  margin-bottom: 2px !important;
  margin-right: 0 !important;
}

.gplp-dark-price ins {
  text-decoration: none !important;
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

.gplp-dark-price > span.woocommerce-Price-amount {
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
}

/* Add to Cart Button in Dark Card */
.gplp-dark-cart-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  background: linear-gradient(135deg, #6D4AFF 0%, #5231e8 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 14px !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(109, 74, 255, 0.35) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

.gplp-dark-cart-btn i {
  font-size: 12px !important;
}

.gplp-dark-cart-btn:hover {
  background: linear-gradient(135deg, #7c5cff 0%, #5d3df5 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 6px 20px rgba(109, 74, 255, 0.55) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.gplp-dark-cart-btn:active {
  transform: translateY(0) scale(0.98) !important;
}



/* Abstract UI Dark Mode */
.abstract-ui.dark-mode {
  background: #1A1B23 !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 14px !important;
}

.abstract-ui.dark-mode .abstract-header {
  background: #232530 !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  gap: 6px !important;
}

.abstract-ui.dark-mode .abstract-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #374151 !important;
}

.abstract-ui.dark-mode .abstract-body {
  background: transparent !important;
  flex: 1 !important;
  display: flex !important;
  gap: 10px !important;
  padding: 12px !important;
}

.abstract-ui.dark-mode .abstract-sidebar {
  width: 25% !important;
  background: #232530 !important;
  border-radius: 8px !important;
  border: none !important;
}

.abstract-ui.dark-mode .abstract-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.abstract-ui.dark-mode .abstract-block-large {
  width: 100% !important;
  height: 55px !important;
  background: linear-gradient(135deg, rgba(109,74,255,0.2) 0%, #232530 100%) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(109,74,255,0.2) !important;
}

.abstract-ui.dark-mode .abstract-block-row {
  display: flex !important;
  gap: 8px !important;
}

.abstract-ui.dark-mode .abstract-block-small {
  flex: 1 !important;
  height: 35px !important;
  background: #232530 !important;
  border-radius: 8px !important;
  border: none !important;
}

.abstract-ui.plugin-layout .abstract-body {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.abstract-ui.plugin-layout .abstract-block-large {
  width: 80% !important;
  height: 60% !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   UNIVERSAL WISHLIST BUTTON DESIGN SYSTEM & THEME CONSISTENCY
   1. Normal / Inactive: Subtle "achu" look with soft grey/translucent icon & 0.85 opacity
   2. Hover: Bold "ghatu" look with vibrant RED icon, subtle red border & red glow (NO PURPLE)
   3. Active: Solid filled RED heart icon
   4. Toast: Suppressed for Wishlist (Kept exclusively for Add to Cart)
   ========================================================================== */

/* 1. Normal Inactive State Across All Cards */
.gplp-action-btn.sc-btn-wishlist-loop:not(.is-active):not(.active),
.gplp-cs-wishlist-btn.sc-btn-wishlist-loop:not(.is-active):not(.active),
.sc-btn-wishlist-loop:not(.is-active):not(.active) {
  opacity: 0.85 !important;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s ease !important;
}

.gplp-market-card:hover .gplp-action-btn,
.gplp-cs-card:hover .gplp-cs-wishlist-btn,
.gplp-dark-card:hover .gplp-dark-wishlist-btn {
  opacity: 1 !important;
}

/* 2. Universal Hover State: RED (Never Purple) */
.gplp-action-btn.sc-btn-wishlist-loop:hover,
.gplp-action-btn:hover,
.gplp-cs-wishlist-btn:hover,
.sc-btn-wishlist-loop:hover,
.btn-outline-custom.sc-btn-wishlist-loop:hover,
.gplp-spotlight-wishlist-btn:hover {
  background: #ffffff !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #ef4444 !important;
  transform: scale(1.1) !important;
  box-shadow: 0 6px 16px rgba(239, 68, 68, 0.18) !important;
  opacity: 1 !important;
}

.gplp-action-btn.sc-btn-wishlist-loop:hover i,
.gplp-action-btn:hover i,
.gplp-cs-wishlist-btn:hover i,
.sc-btn-wishlist-loop:hover i,
.btn-outline-custom.sc-btn-wishlist-loop:hover i,
.gplp-spotlight-wishlist-btn:hover i {
  color: #ef4444 !important;
  transform: scale(1.15) !important;
}

/* 3. Universal Active State: Solid Red Heart */
.gplp-action-btn.sc-btn-wishlist-loop.is-active,
.gplp-action-btn.sc-btn-wishlist-loop.active,
.gplp-cs-wishlist-btn.sc-btn-wishlist-loop.is-active,
.gplp-cs-wishlist-btn.sc-btn-wishlist-loop.active,
.sc-btn-wishlist-loop.is-active,
.sc-btn-wishlist-loop.active,
.btn-outline-custom.sc-btn-wishlist-loop.is-active,
.btn-outline-custom.sc-btn-wishlist-loop.active,
.gplp-spotlight-wishlist-btn.is-active {
  opacity: 1 !important;
  background: #ffffff !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.18) !important;
  color: #ef4444 !important;
}

.gplp-action-btn.sc-btn-wishlist-loop.is-active i,
.gplp-action-btn.sc-btn-wishlist-loop.active i,
.gplp-cs-wishlist-btn.sc-btn-wishlist-loop.is-active i,
.gplp-cs-wishlist-btn.sc-btn-wishlist-loop.active i,
.sc-btn-wishlist-loop.is-active i,
.sc-btn-wishlist-loop.active i,
.btn-outline-custom.sc-btn-wishlist-loop.is-active i,
.btn-outline-custom.sc-btn-wishlist-loop.active i,
.gplp-spotlight-wishlist-btn.is-active i {
  color: #ef4444 !important;
}

/* 4. Suppress Top Wishlist Popup Toast (Kept Exclusively for Add to Cart) */
#scTopWishlistToast,
.sc-top-wishlist-toast {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translateY(-200%) !important;
}

/* ==========================================================================
   UNIFIED ADD TO CART BUTTON DESIGN & ANIMATION SYSTEM
   Matches Shop Page Behavior (.sc-item-btn-cart) 100% across all sections:
   1. Clean suppression of default WooCommerce glyphs/after elements
   2. Interactive Loading State: Smooth transition to theme purple, hidden static cart icon,
      crisp white dual-tone rotating ring spinner, white "Adding..." text
   3. Success State ("Added to Cart"): Theme purple gradient pop, hidden static icon,
      animated spring white checkmark (✓), bold white "Added to Cart" text
   4. Already In Cart Feedback: Single info icon (no double icon collision), dark purple/slate,
      gentle shake feedback, bold white "Already in Cart" text
   ========================================================================== */

/* 1. Eliminate WooCommerce default after glyphs & icon collisions on all buttons */
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.sc-item-btn-cart.loading::after,
.sc-item-btn-cart.added::after,
.sc-item-btn-cart.sc-btn-added::after,
.gplp-card-cart-btn.loading::after,
.gplp-card-cart-btn.added::after,
.gplp-card-cart-btn.sc-btn-added::after,
.gplp-cs-cart-btn.loading::after,
.gplp-cs-cart-btn.added::after,
.gplp-cs-cart-btn.sc-btn-added::after,
.gplp-dark-cart-btn.loading::after,
.gplp-dark-cart-btn.added::after,
.gplp-dark-cart-btn.sc-btn-added::after,
.add_to_cart_button.loading::after,
.add_to_cart_button.added::after,
.add_to_cart_button.sc-btn-added::after {
  display: none !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. Loading State Animation: Instant purple background, white spinner, white text */
#marketplace-explorer .gplp-card-cart-btn.loading,
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart,
.gplp-marketplace-section .gplp-card-cart-btn.loading,
.gplp-marketplace-section .gplp-card-cart-btn.is-animating-cart,
.sc-item-btn-cart.loading,
.sc-item-btn-cart.is-animating-cart,
.gplp-card-cart-btn.loading,
.gplp-card-cart-btn.is-animating-cart,
.gplp-cs-cart-btn.loading,
.gplp-cs-cart-btn.is-animating-cart,
.gplp-dark-cart-btn.loading,
.gplp-dark-cart-btn.is-animating-cart,
.add_to_cart_button.loading,
.add_to_cart_button.is-animating-cart {
  background: var(--primary_color, #392277) !important;
  border-color: var(--primary_color, #392277) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(57, 34, 119, 0.3) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  cursor: wait !important;
  transition: all 0.2s ease !important;
}

/* Hide static icons during loading */
#marketplace-explorer .gplp-card-cart-btn.loading i,
#marketplace-explorer .gplp-card-cart-btn.loading [class*="fa-"],
#marketplace-explorer .gplp-card-cart-btn.loading .fa-solid,
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart i,
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart [class*="fa-"],
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart .fa-solid,
.gplp-marketplace-section .gplp-card-cart-btn.loading i,
.gplp-marketplace-section .gplp-card-cart-btn.loading [class*="fa-"],
.gplp-marketplace-section .gplp-card-cart-btn.is-animating-cart i,
.gplp-marketplace-section .gplp-card-cart-btn.is-animating-cart [class*="fa-"],
.sc-item-btn-cart.loading i,
.sc-item-btn-cart.loading [class*="fa-"],
.sc-item-btn-cart.loading .fa-solid,
.sc-item-btn-cart.is-animating-cart i,
.sc-item-btn-cart.is-animating-cart [class*="fa-"],
.sc-item-btn-cart.is-animating-cart .fa-solid,
.gplp-card-cart-btn.loading i,
.gplp-card-cart-btn.loading [class*="fa-"],
.gplp-card-cart-btn.loading .fa-solid,
.gplp-card-cart-btn.is-animating-cart i,
.gplp-card-cart-btn.is-animating-cart [class*="fa-"],
.gplp-card-cart-btn.is-animating-cart .fa-solid,
.gplp-cs-cart-btn.loading i,
.gplp-cs-cart-btn.loading [class*="fa-"],
.gplp-cs-cart-btn.loading .fa-solid,
.gplp-cs-cart-btn.is-animating-cart i,
.gplp-cs-cart-btn.is-animating-cart [class*="fa-"],
.gplp-cs-cart-btn.is-animating-cart .fa-solid,
.gplp-dark-cart-btn.loading i,
.gplp-dark-cart-btn.loading [class*="fa-"],
.gplp-dark-cart-btn.loading .fa-solid,
.gplp-dark-cart-btn.is-animating-cart i,
.gplp-dark-cart-btn.is-animating-cart [class*="fa-"],
.gplp-dark-cart-btn.is-animating-cart .fa-solid,
.add_to_cart_button.loading i,
.add_to_cart_button.loading [class*="fa-"],
.add_to_cart_button.loading .fa-solid,
.add_to_cart_button.is-animating-cart i,
.add_to_cart_button.is-animating-cart [class*="fa-"],
.add_to_cart_button.is-animating-cart .fa-solid {
  display: none !important;
}

/* Crisp White Rotating Ring Spinner */
#marketplace-explorer .gplp-card-cart-btn.loading::before,
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart::before,
.gplp-marketplace-section .gplp-card-cart-btn.loading::before,
.gplp-marketplace-section .gplp-card-cart-btn.is-animating-cart::before,
.sc-item-btn-cart.loading::before,
.sc-item-btn-cart.is-animating-cart::before,
.gplp-card-cart-btn.loading::before,
.gplp-card-cart-btn.is-animating-cart::before,
.gplp-cs-cart-btn.loading::before,
.gplp-cs-cart-btn.is-animating-cart::before,
.gplp-dark-cart-btn.loading::before,
.gplp-dark-cart-btn.is-animating-cart::before,
.add_to_cart_button.loading::before,
.add_to_cart_button.is-animating-cart::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 8px !important;
  border: 2.2px solid rgba(255, 255, 255, 0.3) !important;
  border-top-color: #ffffff !important;
  border-radius: 50% !important;
  animation: scCartSpinner 0.65s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

/* White Text During Loading */
#marketplace-explorer .gplp-card-cart-btn.loading span,
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart span,
.gplp-marketplace-section .gplp-card-cart-btn.loading span,
.gplp-marketplace-section .gplp-card-cart-btn.is-animating-cart span,
.sc-item-btn-cart.loading span,
.sc-item-btn-cart.is-animating-cart span,
.gplp-card-cart-btn.loading span,
.gplp-card-cart-btn.is-animating-cart span,
.gplp-cs-cart-btn.loading span,
.gplp-cs-cart-btn.is-animating-cart span,
.gplp-dark-cart-btn.loading span,
.gplp-dark-cart-btn.is-animating-cart span,
.add_to_cart_button.loading span,
.add_to_cart_button.is-animating-cart span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 3. Success State ("Added to Cart") - Matches Shop Page Exactly */
#marketplace-explorer .gplp-card-cart-btn.added,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added,
.gplp-marketplace-section .gplp-card-cart-btn.added,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-added,
.sc-item-btn-cart.added,
.sc-item-btn-cart.sc-btn-added,
.gplp-card-cart-btn.added,
.gplp-card-cart-btn.sc-btn-added,
.gplp-cs-cart-btn.added,
.gplp-cs-cart-btn.sc-btn-added,
.gplp-dark-cart-btn.added,
.gplp-dark-cart-btn.sc-btn-added,
.add_to_cart_button.added,
.add_to_cart_button.sc-btn-added {
  background: linear-gradient(135deg, var(--primary_color, #392277) 0%, var(--primary_dark, #2b1b54) 100%) !important;
  border-color: var(--primary_color, #392277) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 57, 34, 119), 0.35) !important;
  animation: scCartAddedPop 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
}

/* Hide static icon in added state */
#marketplace-explorer .gplp-card-cart-btn.added i,
#marketplace-explorer .gplp-card-cart-btn.added [class*="fa-"],
#marketplace-explorer .gplp-card-cart-btn.added .fa-solid,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added i,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added [class*="fa-"],
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added .fa-solid,
.gplp-marketplace-section .gplp-card-cart-btn.added i,
.gplp-marketplace-section .gplp-card-cart-btn.added [class*="fa-"],
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-added i,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-added [class*="fa-"],
.sc-item-btn-cart.added i,
.sc-item-btn-cart.added [class*="fa-"],
.sc-item-btn-cart.added .fa-solid,
.sc-item-btn-cart.sc-btn-added i,
.sc-item-btn-cart.sc-btn-added [class*="fa-"],
.sc-item-btn-cart.sc-btn-added .fa-solid,
.gplp-card-cart-btn.added i,
.gplp-card-cart-btn.added [class*="fa-"],
.gplp-card-cart-btn.added .fa-solid,
.gplp-card-cart-btn.sc-btn-added i,
.gplp-card-cart-btn.sc-btn-added [class*="fa-"],
.gplp-card-cart-btn.sc-btn-added .fa-solid,
.gplp-cs-cart-btn.added i,
.gplp-cs-cart-btn.added [class*="fa-"],
.gplp-cs-cart-btn.added .fa-solid,
.gplp-cs-cart-btn.sc-btn-added i,
.gplp-cs-cart-btn.sc-btn-added [class*="fa-"],
.gplp-cs-cart-btn.sc-btn-added .fa-solid,
.gplp-dark-cart-btn.added i,
.gplp-dark-cart-btn.added [class*="fa-"],
.gplp-dark-cart-btn.added .fa-solid,
.gplp-dark-cart-btn.sc-btn-added i,
.gplp-dark-cart-btn.sc-btn-added [class*="fa-"],
.gplp-dark-cart-btn.sc-btn-added .fa-solid,
.add_to_cart_button.added i,
.add_to_cart_button.added [class*="fa-"],
.add_to_cart_button.added .fa-solid,
.add_to_cart_button.sc-btn-added i,
.add_to_cart_button.sc-btn-added [class*="fa-"],
.add_to_cart_button.sc-btn-added .fa-solid {
  display: none !important;
}

/* Animated White Spring Checkmark (✓) */
#marketplace-explorer .gplp-card-cart-btn.added::before,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added::before,
.gplp-marketplace-section .gplp-card-cart-btn.added::before,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-added::before,
.sc-item-btn-cart.added::before,
.sc-item-btn-cart.sc-btn-added::before,
.gplp-card-cart-btn.added::before,
.gplp-card-cart-btn.sc-btn-added::before,
.gplp-cs-cart-btn.added::before,
.gplp-cs-cart-btn.sc-btn-added::before,
.gplp-dark-cart-btn.added::before,
.gplp-dark-cart-btn.sc-btn-added::before,
.add_to_cart_button.added::before,
.add_to_cart_button.sc-btn-added::before {
  content: "\f00c" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-size: 0.88rem !important;
  margin-right: 7px !important;
  color: #ffffff !important;
  animation: scCheckSpring 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
}

/* White Text in Added State */
#marketplace-explorer .gplp-card-cart-btn.added span,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added span,
.gplp-marketplace-section .gplp-card-cart-btn.added span,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-added span,
.sc-item-btn-cart.added span,
.sc-item-btn-cart.sc-btn-added span,
.gplp-card-cart-btn.added span,
.gplp-card-cart-btn.sc-btn-added span,
.gplp-cs-cart-btn.added span,
.gplp-cs-cart-btn.sc-btn-added span,
.gplp-dark-cart-btn.added span,
.gplp-dark-cart-btn.sc-btn-added span,
.add_to_cart_button.added span,
.add_to_cart_button.sc-btn-added span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 4. Already In Cart State: Clean Single Icon, Deep Purple/Navy theme background */
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-already-in-cart,
.sc-item-btn-cart.sc-btn-already-in-cart,
.gplp-card-cart-btn.sc-btn-already-in-cart,
.gplp-cs-cart-btn.sc-btn-already-in-cart,
.gplp-dark-cart-btn.sc-btn-already-in-cart,
.add_to_cart_button.sc-btn-already-in-cart {
  background: linear-gradient(135deg, #2b1b54 0%, #1c1236 100%) !important;
  border-color: #432a82 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(43, 27, 84, 0.35) !important;
  animation: scCartShake 0.45s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important;
}

/* CRUCIAL: Hide static cart icons to prevent double-icon collision */
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart i,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart [class*="fa-"],
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart .fa-solid,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-already-in-cart i,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-already-in-cart [class*="fa-"],
.sc-item-btn-cart.sc-btn-already-in-cart i,
.sc-item-btn-cart.sc-btn-already-in-cart [class*="fa-"],
.sc-item-btn-cart.sc-btn-already-in-cart .fa-solid,
.gplp-card-cart-btn.sc-btn-already-in-cart i,
.gplp-card-cart-btn.sc-btn-already-in-cart [class*="fa-"],
.gplp-card-cart-btn.sc-btn-already-in-cart .fa-solid,
.gplp-cs-cart-btn.sc-btn-already-in-cart i,
.gplp-cs-cart-btn.sc-btn-already-in-cart [class*="fa-"],
.gplp-cs-cart-btn.sc-btn-already-in-cart .fa-solid,
.gplp-dark-cart-btn.sc-btn-already-in-cart i,
.gplp-dark-cart-btn.sc-btn-already-in-cart [class*="fa-"],
.gplp-dark-cart-btn.sc-btn-already-in-cart .fa-solid,
.add_to_cart_button.sc-btn-already-in-cart i,
.add_to_cart_button.sc-btn-already-in-cart [class*="fa-"],
.add_to_cart_button.sc-btn-already-in-cart .fa-solid {
  display: none !important;
}

/* Single clean info circle icon */
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart::before,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-already-in-cart::before,
.sc-item-btn-cart.sc-btn-already-in-cart::before,
.gplp-card-cart-btn.sc-btn-already-in-cart::before,
.gplp-cs-cart-btn.sc-btn-already-in-cart::before,
.gplp-dark-cart-btn.sc-btn-already-in-cart::before,
.add_to_cart_button.sc-btn-already-in-cart::before {
  content: "\f05a" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-size: 0.88rem !important;
  margin-right: 7px !important;
  color: #a78bfa !important;
  animation: scCheckSpring 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
}

/* White Text in Already In Cart State */
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart span,
.gplp-marketplace-section .gplp-card-cart-btn.sc-btn-already-in-cart span,
.sc-item-btn-cart.sc-btn-already-in-cart span,
.gplp-card-cart-btn.sc-btn-already-in-cart span,
.gplp-cs-cart-btn.sc-btn-already-in-cart span,
.gplp-dark-cart-btn.sc-btn-already-in-cart span,
.add_to_cart_button.sc-btn-already-in-cart span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Bulletproof suppression of inner icon pseudo-elements during state animations */
#marketplace-explorer .gplp-card-cart-btn.loading i::before,
#marketplace-explorer .gplp-card-cart-btn.loading [class*="fa-"]::before,
#marketplace-explorer .gplp-card-cart-btn.loading .fa-solid::before,
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart i::before,
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart [class*="fa-"]::before,
#marketplace-explorer .gplp-card-cart-btn.is-animating-cart .fa-solid::before,
#marketplace-explorer .gplp-card-cart-btn.added i::before,
#marketplace-explorer .gplp-card-cart-btn.added [class*="fa-"]::before,
#marketplace-explorer .gplp-card-cart-btn.added .fa-solid::before,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added i::before,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added [class*="fa-"]::before,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-added .fa-solid::before,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart i::before,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart [class*="fa-"]::before,
#marketplace-explorer .gplp-card-cart-btn.sc-btn-already-in-cart .fa-solid::before,
.gplp-card-cart-btn.loading i::before,
.gplp-card-cart-btn.added i::before,
.gplp-card-cart-btn.sc-btn-added i::before,
.gplp-card-cart-btn.sc-btn-already-in-cart i::before,
.gplp-cs-cart-btn.loading i::before,
.gplp-cs-cart-btn.added i::before,
.gplp-cs-cart-btn.sc-btn-added i::before,
.gplp-cs-cart-btn.sc-btn-already-in-cart i::before,
.gplp-dark-cart-btn.loading i::before,
.gplp-dark-cart-btn.added i::before,
.gplp-dark-cart-btn.sc-btn-added i::before,
.gplp-dark-cart-btn.sc-btn-already-in-cart i::before,
.sc-item-btn-cart.loading i::before,
.sc-item-btn-cart.added i::before,
.sc-item-btn-cart.sc-btn-added i::before,
.sc-item-btn-cart.sc-btn-already-in-cart i::before,
.add_to_cart_button.loading i::before,
.add_to_cart_button.added i::before,
.add_to_cart_button.sc-btn-added i::before,
.add_to_cart_button.sc-btn-already-in-cart i::before {
  display: none !important;
  content: "" !important;
}

/* ==========================================================================
   BUTTON COLLISION PREVENTION & "ALREADY IN CART" LAYOUT STABILITY
   ========================================================================== */
.gplp-card-cart-btn,
.gplp-cs-cart-btn,
.gplp-dark-cart-btn,
.sc-item-btn-cart,
.add_to_cart_button {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.gplp-card-cart-btn span,
.gplp-cs-cart-btn span,
.gplp-dark-cart-btn span,
.sc-item-btn-cart span,
.add_to_cart_button span {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* While button is in loading / animating state, strictly suppress already-in-cart info icon */
.loading.sc-btn-already-in-cart::before,
.is-animating-cart.sc-btn-already-in-cart::before {
  content: "" !important;
  font-family: inherit !important;
  width: 14px !important;
  height: 14px !important;
  border: 2.2px solid rgba(255, 255, 255, 0.3) !important;
  border-top-color: #ffffff !important;
  border-radius: 50% !important;
  animation: scCartSpinner 0.65s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

/* While button is already in cart, suppress any duplicate spinners */
.sc-btn-already-in-cart::after,
.sc-btn-already-in-cart:not(.loading):not(.is-animating-cart)::after {
  display: none !important;
  content: none !important;
}

/* Ensure Already in Cart state fits comfortably in card footers */
.gplp-card-cart-btn.sc-btn-already-in-cart,
.sc-item-btn-cart.sc-btn-already-in-cart,
.add_to_cart_button.sc-btn-already-in-cart {
  font-size: 0.82rem !important;
  padding: 8px 12px !important;
  letter-spacing: -0.01em !important;
}

/* ==========================================================================
   MODAL & BACKDROP HIERARCHY: HEADER ALWAYS GOES BEHIND MODAL POPUP
   ========================================================================== */
.modal-backdrop.show,
.modal-backdrop.fade.show {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 100150 !important;
  background-color: rgba(15, 23, 42, 0.72) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.modal-backdrop:not(.show) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.modal.show,
.modal.fade.show {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 100200 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.modal:not(.show),
.sc-auth-modal:not(.show),
#loginModal:not(.show),
#registerModal:not(.show),
#scConfirmModal:not(.show),
#scCartAdded:not(.show),
.sc-confirm-modal:not(.show),
.sc-search-modal:not(.show) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* When any modal is open, completely hide floating header and mobile drawer so they never clash or peek through */
body.modal-open {
  padding-right: 0 !important;
  overflow: hidden !important;
}

body.modal-open #gplpFloatingHeader,
body.modal-open .gplp-floating-header-wrapper,
body.modal-open .sc-utility-bar,
body.modal-open #gplpMobileDrawer,
body.modal-open .gplp-mobile-drawer {
  z-index: 100 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
}

body.modal-open #gplpMobileDrawer .gplp-drawer-content,
body.modal-open .gplp-mobile-drawer .gplp-drawer-content {
  transform: translateX(100%) !important;
  pointer-events: none !important;
}

body.modal-open .gplp-glass-navbar-container {
  padding-right: 0 !important;
}

.modal,
.modal.show,
.modal.fade.show,
.sc-auth-modal,
#loginModal,
#registerModal {
  z-index: 1000050 !important;
}

.modal-backdrop,
.modal-backdrop.show,
.modal-backdrop.fade.show {
  z-index: 1000040 !important;
}

/* ==========================================================================
   FLUENT SUPPORT: THEME-MATCHED AUTH & SUPPORT PORTAL STYLING
   ========================================================================== */

/* Constrain & center container for Support Portal Auth */
.row:has(.fst_login_form_auth_wrapper) > [class*="col-"],
.row:has(#fst_login_form) > [class*="col-"],
body.page-support-portal .sc-account-page-wrap .col-12,
body[class*="support-portal"] .col-12.col-lg-10.col-xl-9 {
  max-width: 580px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Modern Card Styling */
.card-v:has(.fst_login_form_auth_wrapper),
.card-v:has(#fst_login_form),
body[class*="support-portal"]:has(.fst_login_form_auth_wrapper) .card-v {
  border-radius: 24px !important;
  border: 1px solid rgba(226, 232, 240, 0.85) !important;
  box-shadow: 0 16px 40px -10px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.03) !important;
  background: #ffffff !important;
  padding: 38px 36px !important;
  position: relative !important;
  overflow: hidden !important;
}

@media (max-width: 575.98px) {
  .card-v:has(.fst_login_form_auth_wrapper),
  .card-v:has(#fst_login_form),
  body[class*="support-portal"]:has(.fst_login_form_auth_wrapper) .card-v {
    padding: 26px 18px !important;
    border-radius: 20px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: 0 4px 20px -4px rgba(15, 23, 42, 0.06) !important;
  }
}

/* Card Header & Support Icon Badge */
.card-v:has(.fst_login_form_auth_wrapper) .sc-page-head,
.card-v:has(#fst_login_form) .sc-page-head,
body[class*="support-portal"]:has(.fst_login_form_auth_wrapper) .sc-page-head {
  text-align: center !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
}

.card-v:has(.fst_login_form_auth_wrapper) .sc-page-head::before,
.card-v:has(#fst_login_form) .sc-page-head::before,
body[class*="support-portal"]:has(.fst_login_form_auth_wrapper) .sc-page-head::before {
  content: "\f590";
  font-family: "Font Awesome 6 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  margin: 0 auto 16px !important;
  border-radius: 50% !important;
  background: rgba(var(--primary_rgb, 43, 24, 107), 0.08) !important;
  color: var(--primary_color) !important;
  font-size: 24px !important;
  box-shadow: 0 6px 18px rgba(var(--primary_rgb, 43, 24, 107), 0.12) !important;
  border: 1.5px solid rgba(var(--primary_rgb, 43, 24, 107), 0.16) !important;
}

.card-v:has(.fst_login_form_auth_wrapper) .sc-page-head h1,
.card-v:has(#fst_login_form) .sc-page-head h1,
body[class*="support-portal"]:has(.fst_login_form_auth_wrapper) .sc-page-head h1 {
  font-size: 1.65rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.025em !important;
}

/* Subtitle under heading */
.sc-prose:has(.fst_login_form_auth_wrapper) > p:first-child,
.sc-prose:has(#fst_login_form) > p:first-child,
body[class*="support-portal"]:has(.fst_login_form_auth_wrapper) .sc-prose > p:first-child {
  text-align: center !important;
  color: #64748b !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  margin-top: -6px !important;
  margin-bottom: 24px !important;
}

/* Fluent Support Auth Wrapper */
.fst_login_form_auth_wrapper {
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

.fst_login_wrapper,
.fst_registration_wrapper,
.fst_reset_pass_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* Smooth Form Fade-In Transitions */
.fst_login_wrapper:not(.hide),
.fst_registration_wrapper:not(.hide),
.fst_reset_pass_wrapper:not(.hide) {
  animation: fstFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes fstFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Top Pill Tab Switcher (Sign In / Create Account) */
.fst-auth-nav-tabs {
  display: flex !important;
  background: #f1f5f9 !important;
  padding: 5px !important;
  border-radius: 9999px !important;
  margin-bottom: 24px !important;
  border: 1px solid #e2e8f0 !important;
}

.fst-auth-nav-tabs .fst-nav-tab {
  flex: 1 1 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  background: transparent !important;
  border: none !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
}

.fst-auth-nav-tabs .fst-nav-tab:hover {
  color: #1e293b !important;
}

.fst-auth-nav-tabs .fst-nav-tab.active {
  background: #ffffff !important;
  color: var(--primary_color) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
}

.fst-auth-nav-tabs .fst-nav-tab i {
  font-size: 13.5px !important;
}

/* Modern Input Fields */
.fst_login_wrapper form#loginform .input,
.fst_registration_wrapper .fs_registration_form input,
.fst_registration_wrapper .fs_registration_form select,
.fst_reset_pass_wrapper .fs_reset_pass_form input {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  padding: 11px 16px !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  font-family: inherit !important;
  font-size: 14.5px !important;
  color: #0f172a !important;
  background-color: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  outline: none !important;
}

@media (max-width: 767.98px) {
  /* Prevent iOS zoom on tap */
  .fst_login_wrapper form#loginform .input,
  .fst_registration_wrapper .fs_registration_form input,
  .fst_registration_wrapper .fs_registration_form select,
  .fst_reset_pass_wrapper .fs_reset_pass_form input {
    font-size: 16px !important;
  }
}

.fst_login_wrapper form#loginform .input:hover,
.fst_registration_wrapper .fs_registration_form input:hover,
.fst_registration_wrapper .fs_registration_form select:hover,
.fst_reset_pass_wrapper .fs_reset_pass_form input:hover {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
}

.fst_login_wrapper form#loginform .input:focus,
.fst_registration_wrapper .fs_registration_form input:focus,
.fst_registration_wrapper .fs_registration_form select:focus,
.fst_reset_pass_wrapper .fs_reset_pass_form input:focus {
  background-color: #ffffff !important;
  border-color: var(--primary_color) !important;
  box-shadow: 0 0 0 3.5px rgba(var(--primary_rgb, 43, 24, 107), 0.14) !important;
}

.fst_login_wrapper form#loginform .input::placeholder,
.fst_registration_wrapper .fs_registration_form input::placeholder,
.fst_reset_pass_wrapper .fs_reset_pass_form input::placeholder {
  color: #94a3b8 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Field Labels & Spacing */
.fst_login_wrapper form#loginform > p {
  margin-bottom: 18px !important;
}

.fst_registration_wrapper .fs_registration_form .fst_field_group,
.fst_reset_pass_wrapper .fs_reset_pass_form .fst_field_group {
  margin-bottom: 18px !important;
}

.fst_login_wrapper form#loginform label,
.fst_registration_wrapper .fs_registration_form .fst_field_label label,
.fst_reset_pass_wrapper .fs_reset_pass_form .fst_field_label label {
  display: inline-block !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 2px !important;
}

.fst_field_label.is-required label::after {
  content: " *" !important;
  color: #ef4444 !important;
  font-weight: 700 !important;
  margin-left: 3px !important;
}

/* Password Eye Toggle Container */
.fst-pwd-wrap,
.fs_input_wrap:has(input[type="password"]) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.fst-pwd-wrap .input,
.fst-pwd-wrap input,
.fs_input_wrap:has(input[type="password"]) input {
  padding-right: 44px !important;
}

.fst-pwd-toggle {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  padding: 6px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  transition: color 0.15s ease !important;
  z-index: 2 !important;
}

.fst-pwd-toggle:hover {
  color: var(--primary_color) !important;
}

/* Remember Me Checkbox */
.fst_login_wrapper form#loginform .login-remember {
  display: flex !important;
  align-items: center !important;
  margin-top: 14px !important;
  margin-bottom: 22px !important;
}

.fst_login_wrapper form#loginform .login-remember label {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  cursor: pointer !important;
  user-select: none !important;
  margin-bottom: 0 !important;
}

.fst_login_wrapper form#loginform .login-remember input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 5px !important;
  background-color: #ffffff !important;
  margin: 0 9px 0 0 !important;
  cursor: pointer !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}

.fst_login_wrapper form#loginform .login-remember input[type="checkbox"]:checked {
  background-color: var(--primary_color) !important;
  border-color: var(--primary_color) !important;
}

.fst_login_wrapper form#loginform .login-remember input[type="checkbox"]:checked::after {
  content: "" !important;
  display: block !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) translate(-1px, -1px) !important;
}

.fst_login_wrapper form#loginform .login-remember input[type="checkbox"]:focus {
  box-shadow: 0 0 0 3px rgba(var(--primary_rgb, 43, 24, 107), 0.15) !important;
  outline: none !important;
}

/* Submit Buttons (Theme Pill Shape & Brand Colors) */
.fst_login_wrapper input#wp-submit,
.fst_registration_wrapper .fs_registration_form #fst_submit,
.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 48px !important;
  padding: 0 24px !important;
  margin-top: 6px !important;
  margin-bottom: 22px !important;
  background: var(--primary_color) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 9999px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(var(--primary_rgb, 43, 24, 107), 0.28) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  text-shadow: none !important;
}

.fst_login_wrapper input#wp-submit:hover,
.fst_registration_wrapper .fs_registration_form #fst_submit:hover,
.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass:hover {
  background: var(--primary_hover, var(--primary_color)) !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 6px 20px rgba(var(--primary_rgb, 43, 24, 107), 0.38) !important;
  color: #ffffff !important;
}

.fst_login_wrapper input#wp-submit:active,
.fst_registration_wrapper .fs_registration_form #fst_submit:active,
.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(var(--primary_rgb, 43, 24, 107), 0.2) !important;
}

.fst_registration_wrapper .fs_registration_form #fst_submit.loading,
.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass.loading {
  background: var(--primary_color) !important;
  opacity: 0.85 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Registration Form 2-Column Responsive Layout */
.fst_registration_wrapper .fs_registration_form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

@media (min-width: 576px) {
  .fst_registration_wrapper .fs_registration_form {
    grid-template-columns: 1fr 1fr !important;
    gap: 0 16px !important;
  }

  /* First name & Last name side-by-side */
  .fst_registration_wrapper .fs_registration_form .fst_registration_fields:has(.fst_field_first_name) {
    grid-column: 1 / 2 !important;
  }
  .fst_registration_wrapper .fs_registration_form .fst_registration_fields:has(.fst_field_last_name) {
    grid-column: 2 / 3 !important;
  }

  /* Other fields full-width */
  .fst_registration_wrapper .fs_registration_form .fst_registration_fields:has(.fst_field_username),
  .fst_registration_wrapper .fs_registration_form .fst_registration_fields:has(.fst_field_email),
  .fst_registration_wrapper .fs_registration_form .fst_registration_fields:has(.fst_field_password),
  .fst_registration_wrapper .fs_registration_form #fst_submit,
  .fst_registration_wrapper .fs_registration_form > input[type="hidden"],
  .fst_registration_wrapper .fs_registration_form > .g-recaptcha,
  .fst_registration_wrapper .fs_registration_form > .error {
    grid-column: 1 / -1 !important;
  }
}

/* Action Links (Switch between Login / Signup / Reset) */
.fst_login_form_auth_wrapper p[style*="text-align: center"],
.fst_login_wrapper > p,
.fst_registration_wrapper > p,
.fst_reset_pass_wrapper > p {
  font-size: 14px !important;
  color: #64748b !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}

.fst_login_form_auth_wrapper a,
#fs_show_signup,
#fs_show_reset_password,
#fs_show_login {
  color: var(--primary_color) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  padding: 2px 4px !important;
}

.fst_login_form_auth_wrapper a:hover,
#fs_show_signup:hover,
#fs_show_reset_password:hover,
#fs_show_login:hover {
  color: var(--primary_hover, var(--primary_color)) !important;
  text-decoration: underline !important;
}

.fst_login_wrapper > p:last-child {
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px dashed #e2e8f0 !important;
}

/* Error & Success Alerts */
.fst_login_form_auth_wrapper .error.text-danger,
.fst_registration_wrapper .error.text-danger,
.fst_reset_pass_wrapper .error.text-danger {
  display: block !important;
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
  border-radius: 10px !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}

.fst_login_form_auth_wrapper .success.text-success,
.fst_registration_wrapper .success.text-success,
.fst_reset_pass_wrapper .success.text-success {
  display: block !important;
  background: #f0fdf4 !important;
  color: #16a34a !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  margin-top: 14px !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

/* ReCAPTCHA centering */
.fst_login_form_auth_wrapper .g-recaptcha,
.fst_registration_wrapper .g-recaptcha {
  display: flex !important;
  justify-content: center !important;
  margin: 14px 0 !important;
  overflow-x: auto !important;
}

/* Fluent Support Client App (when logged in) */
#fluent_support_client_app .el-button--primary {
  background-color: var(--primary_color) !important;
  border-color: var(--primary_color) !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
}

#fluent_support_client_app .el-button--primary:hover {
  background-color: var(--primary_hover, var(--primary_color)) !important;
  border-color: var(--primary_hover, var(--primary_color)) !important;
}

#fluent_support_client_app a {
  color: var(--primary_color);
}

/* Accessibility WCAG AA Contrast Fixes */
.gplp-spotlight-regular-price,
.gplp-spotlight-card del,
.gplp-spotlight-card del bdi,
.gplp-spotlight-card del .woocommerce-Price-amount,
.gplp-spotlight-card del * {
  color: #475569 !important;
  opacity: 1 !important;
}
.gplp-spotlight-current-price,
.gplp-spotlight-current-price bdi,
.gplp-spotlight-current-price .woocommerce-Price-amount,
.gplp-spotlight-current-price * {
  color: #0f172a !important;
}

/* =========================================================================
   GPLPanther Lost & Reset Password Theme Styling
   ========================================================================= */
.sc-lost-password-wrap,
.sc-reset-password-wrap {
  min-height: calc(80vh - 120px);
  display: flex;
  align-items: center;
}

.sc-lost-pwd-card,
.sc-reset-pwd-card {
  border-radius: 1.5rem !important;
  border: 1px solid rgba(226, 232, 240, 0.85) !important;
  box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.06), 0 4px 6px -2px rgba(15, 23, 42, 0.02) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  background: #ffffff !important;
}

.sc-lost-pwd-card:hover,
.sc-reset-pwd-card:hover {
  box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08) !important;
}

.sc-lost-pwd-card .sc-stat-ico,
.sc-reset-pwd-card .sc-stat-ico {
  background: rgba(124, 77, 255, 0.08) !important;
  color: var(--primary_color) !important;
}

.sc-lost-pwd-card .form-control,
.sc-reset-pwd-card .form-control {
  height: 48px;
  font-size: 0.95rem;
  border-color: #e2e8f0;
  border-radius: 0 0.65rem 0.65rem 0 !important;
  color: #0f172a;
}

.sc-lost-pwd-card .form-control:focus,
.sc-reset-pwd-card .form-control:focus {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 3px rgba(124, 77, 255, 0.12);
}

.sc-lost-pwd-card .input-group-text,
.sc-reset-pwd-card .input-group-text {
  border-color: #e2e8f0;
  background-color: #f8fafc !important;
  color: #64748b;
  border-radius: 0.65rem 0 0 0.65rem !important;
  font-size: 0.95rem;
}

.sc-lost-pwd-card .btn-primary,
.sc-reset-pwd-card .btn-primary {
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  letter-spacing: -0.01em;
  background: var(--primary_color) !important;
  border-color: var(--primary_color) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(124, 77, 255, 0.25) !important;
  transition: all 0.2s ease;
}

.sc-lost-pwd-card .btn-primary:hover,
.sc-reset-pwd-card .btn-primary:hover {
  background: var(--primary_hover, #2c195f) !important;
  border-color: var(--primary_hover, #2c195f) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(124, 77, 255, 0.32) !important;
}

.sc-back-to-login {
  color: #64748b;
  transition: color 0.2s ease;
}

.sc-back-to-login:hover {
  color: var(--primary_color) !important;
}

/* Policy Page Header Badge & Spacing */
.sc-policy-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  border-radius: 9999px !important;
  background: rgba(124, 77, 255, 0.08) !important;
  color: var(--primary_color, #7c4dff) !important;
  border: 1px solid rgba(124, 77, 255, 0.16) !important;
  margin-bottom: 1rem !important;
  white-space: nowrap !important;
  letter-spacing: -0.01em;
}

.sc-policy-badge i {
  font-size: 13px !important;
  line-height: 1 !important;
  color: inherit !important;
}

.sc-policy-article .sc-page-head .bg-primary-subtle {
  background: rgba(124, 77, 255, 0.08) !important;
  color: var(--primary_color) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  border: 1px solid rgba(124, 77, 255, 0.15) !important;
  padding: 6px 16px !important;
}

/* Seal Panther Icon (Hero Section) */
.gplp-seal-inner {
  overflow: hidden;
}

.gplp-seal-inner img.gplp-seal-panther {
  width: 25px;
  height: 25px;
  object-fit: contain;
  display: block;
}

/* 404 Page Styling (GPLPanther Design System) */
.sc-404-section {
  background: radial-gradient(circle at 50% 20%, rgba(124, 77, 255, 0.05) 0%, #f8fafc 80%) !important;
  min-height: calc(100vh - 160px);
  display: flex;
  align-items: center;
}

.sc-404-card {
  border-color: #e2e8f0 !important;
  border-radius: 1.5rem !important;
  box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.07) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sc-404-card:hover {
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.1) !important;
}

.sc-404-num {
  font-family: 'Plus Jakarta Sans', 'Poppins', -apple-system, sans-serif !important;
  font-size: clamp(5rem, 11vw, 7.5rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  background: linear-gradient(135deg, var(--primary_color, #7c4dff) 0%, #6366f1 50%, #38bdf8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block;
  user-select: none;
}

.sc-404-search-box .input-group {
  border: 1.5px solid #e2e8f0 !important;
  transition: all 0.2s ease;
}

.sc-404-search-box .input-group:focus-within {
  border-color: var(--primary_color, #7c4dff) !important;
  box-shadow: 0 0 0 3px rgba(124, 77, 255, 0.12) !important;
}

.sc-404-btn-main {
  background: var(--primary_color, #7c4dff) !important;
  border-color: var(--primary_color, #7c4dff) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(124, 77, 255, 0.25) !important;
  transition: all 0.2s ease;
}

.sc-404-btn-main:hover {
  background: var(--primary_hover, #2c195f) !important;
  border-color: var(--primary_hover, #2c195f) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(124, 77, 255, 0.35) !important;
  color: #ffffff !important;
}

.sc-404-btn-outline {
  border-color: var(--primary_color, #7c4dff) !important;
  color: var(--primary_color, #7c4dff) !important;
  background: transparent !important;
  transition: all 0.2s ease;
}

.sc-404-btn-outline:hover {
  background: var(--primary_color, #7c4dff) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.sc-404-btn-soft {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
  transition: all 0.2s ease;
}

.sc-404-btn-soft:hover {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  transform: translateY(-1px);
}

.sc-404-category-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid #e2e8f0;
}

.sc-404-category-pill:hover {
  background: rgba(124, 77, 255, 0.08);
  color: var(--primary_color, #7c4dff);
  border-color: rgba(124, 77, 255, 0.25);
  transform: translateY(-1px);
}