/* [project]/app/globals.css [app-client] (css) */
:root {
  --bg: #090a09;
  --panel: #111210;
  --panel-2: #161714;
  --line: #2b2b25;
  --gold: #c79a54;
  --gold-2: #e1bd7d;
  --cream: #eee5d7;
  --muted: #96958d;
  --green: #65b66c;
  --red: #d76859;
  --radius: 10px;
  --shadow: 0 18px 55px #00000061;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: radial-gradient(circle at 75% 0,#16150f 0,transparent 28%),var(--bg);
  color: #e9e4dc;
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

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

button, input, select {
  font: inherit;
}

button {
  color: inherit;
}

.container {
  width: min(1240px, 100% - 36px);
  margin: 0 auto;
}

.top-strip {
  color: #a9a69e;
  background: #0b0c0b;
  border-bottom: 1px solid #23231f;
  font-size: 11px;
}

.top-strip-inner {
  justify-content: space-between;
  align-items: center;
  height: 34px;
  display: flex;
}

.top-strip-inner div {
  gap: 24px;
  display: flex;
}

.site-header {
  z-index: 30;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #090a09e0;
  border-bottom: 1px solid #22231f;
  position: sticky;
  top: 0;
}

.header-inner {
  align-items: center;
  gap: 28px;
  height: 76px;
  display: flex;
}

.brand {
  width: 220px;
  display: flex;
}

.main-nav {
  white-space: nowrap;
  align-items: center;
  gap: 21px;
  font-family: Georgia, serif;
  font-size: 13px;
  display: flex;
}

.main-nav a {
  color: #c6c1b7;
  transition: all .2s;
}

.main-nav a:hover {
  color: var(--gold-2);
}

.header-actions {
  align-items: center;
  gap: 15px;
  margin-left: auto;
  display: flex;
}

.header-actions > a, .icon-button {
  color: #c9c7c0;
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 3px;
  display: grid;
  position: relative;
}

.icon-button b {
  background: var(--gold);
  color: #0b0b0a;
  border-radius: 999px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  font-size: 9px;
  display: grid;
  position: absolute;
  top: -8px;
  right: -7px;
}

.search-pill {
  height: 34px;
  font-size: 10px;
  color: #77776f !important;
  border: 1px solid #292a25 !important;
  border-radius: 999px !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 205px !important;
  padding: 0 12px !important;
  display: flex !important;
}

.disabled-feature {
  opacity: .72;
}

.hero-section {
  background: linear-gradient(90deg, #060706fa, #080908d6 40%, #100d0859), radial-gradient(circle at 82% 46%, #ac742a24, #0000 25%);
  border-bottom: 1px solid #25251f;
  min-height: 530px;
  overflow: hidden;
}

.hero-grid {
  grid-template-columns: .86fr 1.14fr;
  align-items: center;
  min-height: 530px;
  display: grid;
}

.eyebrow {
  color: var(--gold);
  letter-spacing: 2.6px;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 700;
  display: block;
}

.hero-copy h1, .page-heading h1, .detail-info h1, .account-content h1 {
  letter-spacing: .5px;
  font-family: Georgia, Times New Roman, serif;
  font-weight: 400;
  line-height: .98;
}

.hero-copy h1 {
  color: #f3eee7;
  margin: 0 0 22px;
  font-size: 66px;
}

.hero-copy p {
  color: #aaa69e;
  width: min(500px, 100%);
  font-family: Georgia, serif;
  font-size: 15px;
  line-height: 1.7;
}

.hero-actions {
  align-items: center;
  gap: 24px;
  margin-top: 28px;
  display: flex;
}

.gold-button {
  color: #14120e;
  letter-spacing: .8px;
  cursor: pointer;
  background: linear-gradient(135deg, #d4ad6d, #b7843f);
  border: 1px solid #d7ad6c;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 24px;
  font-size: 11px;
  font-weight: 800;
  transition: all .22s;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff40, 0 9px 24px #99652324;
}

.gold-button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.gold-button.small {
  min-height: 36px;
  padding: 0 18px;
  font-size: 10px;
}

.gold-button small {
  margin-left: 8px;
}

.block-button {
  width: 100%;
}

.text-link {
  color: #d3cabd;
  border-bottom: 1px solid #62513a;
  padding-bottom: 3px;
  font-size: 12px;
}

.hero-visual {
  min-width: 0;
  height: 100%;
  position: relative;
}

.hero-stone {
  filter: drop-shadow(0 30px 25px #000000bf);
  position: absolute;
}

.hero-stone img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.stone-a {
  width: 58%;
  height: 58%;
  top: 2%;
  right: -1%;
  transform: rotate(-7deg);
}

.stone-b {
  width: 70%;
  height: 70%;
  bottom: -7%;
  right: 22%;
  transform: rotate(4deg);
}

.hero-glow {
  border: 1px solid #c79a542e;
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  top: 12%;
  right: 9%;
  box-shadow: 0 0 120px #c2802e14;
}

.category-strip {
  z-index: 5;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: -42px;
  display: grid;
  position: relative;
}

.category-card {
  height: 108px;
  box-shadow: var(--shadow);
  background: linear-gradient(135deg, #171815, #0e0f0d);
  border: 1px solid #343027;
  justify-content: space-between;
  align-items: center;
  padding: 16px 10px 16px 18px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.category-card:hover {
  border-color: #765b32;
  transform: translateY(-2px);
}

.category-card div {
  z-index: 2;
  position: relative;
}

.category-card span {
  margin-bottom: 8px;
  font-family: Georgia, serif;
  font-size: 15px;
  display: block;
}

.category-card small {
  color: #8d8980;
  max-width: 140px;
  font-size: 9px;
  line-height: 1.35;
  display: block;
}

.category-card img {
  object-fit: cover;
  opacity: .86;
  mix-blend-mode: screen;
  width: 45%;
  height: 100%;
}

.section-space {
  padding-top: 44px;
}

.section-heading {
  border-bottom: 1px solid #272721;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 18px;
  padding-bottom: 11px;
  display: flex;
}

.section-heading h2 {
  color: #e9e0d2;
  margin: 0;
  font: 400 23px / 1 Georgia, serif;
}

.product-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.product-card {
  background: linear-gradient(#141512, #10110f);
  border: 1px solid #303029;
  border-radius: 4px;
  transition: all .25s;
  overflow: hidden;
}

.product-card:hover {
  border-color: #6b532f;
  transform: translateY(-4px);
  box-shadow: 0 16px 40px #0000004d;
}

.product-media {
  background: #0c0d0b;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.discount-badge {
  color: #fff;
  z-index: 2;
  background: #a94d34;
  padding: 5px 7px;
  font-size: 9px;
  font-weight: 800;
  position: absolute;
  top: 9px;
  left: 9px;
}

.wishlist-button {
  z-index: 2;
  cursor: pointer;
  background: #080908b8;
  border: 1px solid #39382f;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  top: 9px;
  right: 9px;
}

.product-body p {
  color: #8b8981;
  height: 30px;
  margin: 7px 0 11px;
  font-size: 10px;
  line-height: 1.45;
}

.trust-row {
  background: #11120f;
  border: 1px solid #302e27;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 24px;
  display: grid;
}

.trust-row > div {
  border-right: 1px solid #2a2923;
  justify-content: center;
  align-items: center;
  gap: 13px;
  min-height: 74px;
  padding: 12px;
  display: flex;
}

.trust-row > div:last-child {
  border: 0;
}

.trust-row svg {
  color: var(--gold);
  width: 25px;
}

.trust-row strong, .trust-row small {
  display: block;
}

.trust-row strong {
  font: 400 12px Georgia, serif;
}

.content-pair {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.guide-card, .review-card {
  background: linear-gradient(135deg, #151612, #10110f);
  border: 1px solid #302e27;
  align-items: center;
  min-height: 175px;
  padding: 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.guide-card h3, .review-card h3 {
  margin: 0 0 9px;
  font: 400 21px Georgia, serif;
}

.guide-card p, .review-card p {
  color: #949189;
  max-width: 450px;
  font: 12px / 1.6 Georgia, serif;
}

.decor-icon {
  color: #5f4b2e;
  opacity: .5;
  width: 110px;
  height: 110px;
  position: absolute;
  bottom: 5px;
  right: 25px;
}

.review-card {
  gap: 16px;
}

.review-card .avatar {
  background: linear-gradient(135deg, #b78b4a, #33291b);
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  font: 700 13px Georgia, serif;
  display: grid;
}

.review-card h3 b {
  color: #dcad57;
  letter-spacing: 1px;
  margin-left: 8px;
  font-size: 13px;
}

.story-card {
  background: #11120f;
  border: 1px solid #302e27;
  grid-template-columns: .85fr 1.15fr;
  min-height: 240px;
  margin-top: 14px;
  display: grid;
  overflow: hidden;
}

.story-image {
  min-height: 240px;
}

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

.story-card > div:last-child {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 34px;
  display: flex;
}

.story-card h2 {
  margin: 0 0 12px;
  font: 400 25px Georgia, serif;
}

.story-card p {
  color: #99958c;
  max-width: 600px;
  font-size: 12px;
  line-height: 1.7;
}

.mini-features {
  color: #b8ac99;
  justify-content: center;
  gap: 60px;
  padding: 30px 0 48px;
  display: flex;
}

.mini-features div {
  align-items: center;
  gap: 9px;
  font-size: 11px;
  display: flex;
}

.mini-features svg {
  color: var(--gold);
}

.newsletter {
  border-bottom: 1px solid #272721;
  justify-content: space-between;
  align-items: center;
  min-height: 76px;
  display: flex;
}

.newsletter strong, .newsletter span {
  display: block;
}

.newsletter strong {
  letter-spacing: .6px;
  font: 400 12px Georgia, serif;
}

.newsletter span {
  color: #77766f;
  margin-top: 5px;
  font-size: 9px;
}

.newsletter form {
  width: 450px;
  display: flex;
}

.newsletter input {
  color: #ddd;
  background: #11120f;
  border: 1px solid #333128;
  outline: none;
  flex: 1;
  padding: 0 13px;
}

.newsletter button {
  background: var(--gold);
  border: 0;
  width: 110px;
  font-size: 10px;
  font-weight: 800;
}

.footer-grid {
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 44px;
  padding: 30px 0;
  display: grid;
}

.footer-brand p {
  color: #79776f;
  max-width: 250px;
  font-size: 10px;
  line-height: 1.5;
}

.footer-grid h4 {
  color: #aa8e61;
  letter-spacing: 1px;
  font: 400 11px Georgia, serif;
}

.footer-grid > div:not(.footer-brand) {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.footer-grid a {
  color: #89867f;
  font-size: 10px;
}

.footer-bottom {
  color: #66655f;
  border-top: 1px solid #24241f;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  font-size: 9px;
  display: flex;
}

.catalog-page {
  padding: 42px 0 60px;
}

.page-heading {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 28px;
}

.page-heading h1 {
  margin: 8px 0 10px;
  font-size: 42px;
}

.page-heading p {
  color: #8f8d86;
  font: 14px / 1.6 Georgia, serif;
}

.catalog-toolbar {
  background: #11120f;
  border: 1px solid #302e27;
  grid-template-columns: 2fr 1fr 1fr auto;
  gap: 9px;
  margin-bottom: 14px;
  padding: 12px;
  display: grid;
}

.catalog-toolbar input, .catalog-toolbar select {
  color: #ccc;
  background: #0b0c0a;
  border: 1px solid #34332d;
  outline: none;
  height: 42px;
  padding: 0 12px;
}

.catalog-summary {
  color: #7f7c74;
  margin: 13px 0;
  font-size: 10px;
}

.catalog-grid {
  grid-template-columns: repeat(4, 1fr);
}

.breadcrumbs {
  color: #6f6e68;
  padding: 24px 0;
  font-size: 10px;
}

.breadcrumbs a {
  color: #9d8a6b;
}

.product-detail-page {
  padding-bottom: 55px;
}

.product-detail-grid {
  grid-template-columns: 1.15fr .85fr;
  gap: 28px;
  display: grid;
}

.main-product-image {
  background: #10110f;
  border: 1px solid #302e27;
  min-height: 520px;
}

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

.detail-info {
  padding: 18px 0;
}

.detail-info h1 {
  margin: 8px 0 12px;
  font-size: 34px;
  line-height: 1.1;
}

.detail-price {
  align-items: center;
  gap: 12px;
  margin: 14px 0 18px;
  display: flex;
}

.detail-price strong {
  color: var(--gold-2);
  font-size: 22px;
}

.detail-price del {
  color: #6d6c66;
  font-size: 12px;
}

.detail-price span {
  background: #8b412d;
  padding: 5px 7px;
  font-size: 9px;
}

.detail-info .lead {
  color: #a09d94;
  font: 14px / 1.6 Georgia, serif;
}

.product-specs {
  border-top: 1px solid #2e2d27;
  border-bottom: 1px solid #2e2d27;
  margin: 20px 0;
}

.product-specs > div {
  border-bottom: 1px solid #24241f;
  grid-template-columns: 110px 1fr;
  padding: 10px 0;
  font-size: 11px;
  display: grid;
}

.product-specs > div:last-child {
  border: 0;
}

.product-specs dt {
  color: #6e6d66;
}

.product-specs dd {
  margin: 0;
}

.stock-ok {
  color: var(--green);
}

.stock-no {
  color: var(--red);
}

.variant-area {
  margin: 18px 0;
}

.variant-area label {
  color: #aaa69d;
  margin-bottom: 9px;
  font-size: 10px;
  display: block;
}

.variant-list {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.variant-list button {
  color: #b9b4aa;
  cursor: pointer;
  background: #11120f;
  border: 1px solid #39372f;
  min-width: 70px;
  height: 34px;
}

.variant-list button:hover {
  border-color: var(--gold);
}

.detail-actions {
  grid-template-columns: 1.3fr 1fr;
  gap: 9px;
  display: grid;
}

.outline-button {
  color: #d3cec5;
  cursor: pointer;
  background: #10110f;
  border: 1px solid #444138;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 17px;
  display: inline-flex;
}

.detail-trust {
  color: #87847d;
  flex-wrap: wrap;
  gap: 17px;
  margin-top: 18px;
  font-size: 9px;
  display: flex;
}

.detail-trust span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.detail-trust svg {
  color: #aa864e;
  width: 15px;
}

.product-tabs {
  border: 1px solid #302e27;
  grid-template-columns: 1.6fr 1.6fr .8fr;
  margin-top: 28px;
  display: grid;
}

.product-tabs article {
  border-right: 1px solid #2d2c26;
  padding: 22px;
}

.product-tabs article:last-child {
  border: 0;
}

.product-tabs h2 {
  color: #c5a26d;
  font: 400 13px Georgia, serif;
}

.product-tabs p {
  color: #949189;
  font-size: 11px;
  line-height: 1.7;
}

.auth-page {
  background: radial-gradient(circle at 50% 30%, #9967281f, #0000 28%);
  place-items: center;
  min-height: 650px;
  padding: 48px 18px;
  display: grid;
}

.auth-card {
  width: min(520px, 100%);
  box-shadow: var(--shadow);
  background: linear-gradient(#151612, #0e0f0d);
  border: 1px solid #38342a;
  padding: 34px;
}

.auth-card h1 {
  margin: 7px 0 8px;
  font: 400 26px Georgia, serif;
}

.auth-card > p {
  color: #8b8981;
  margin-bottom: 25px;
  font-size: 12px;
}

.auth-card label {
  color: #a8a59d;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 14px;
  font-size: 10px;
  display: flex;
}

.auth-card input {
  color: #eee;
  background: #0b0c0a;
  border: 1px solid #34332d;
  outline: none;
  height: 44px;
  padding: 0 12px;
}

.auth-card input:focus {
  border-color: #7a5d31;
}

.two-col {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.form-error {
  color: #d99d93;
  background: #251512;
  border: 1px solid #6d322a;
  margin: 8px 0 13px;
  padding: 10px;
  font-size: 11px;
}

.auth-switch {
  text-align: center;
  color: #7c7a73;
  margin-top: 17px;
  font-size: 10px;
}

.auth-switch a {
  color: var(--gold-2);
}

.account-page {
  grid-template-columns: 260px 1fr;
  gap: 16px;
  padding: 36px 0 60px;
  display: grid;
}

.account-sidebar {
  background: #11120f;
  border: 1px solid #302e27;
  height: max-content;
  padding: 15px;
}

.account-user {
  border-bottom: 1px solid #292821;
  align-items: center;
  gap: 10px;
  padding: 8px 4px 18px;
  display: flex;
}

.account-user > div {
  color: #d0ab71;
  background: #2a2419;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  font: 700 13px Georgia, serif;
  display: grid;
}

.account-user strong, .account-user small {
  display: block;
}

.account-user strong {
  font-size: 11px;
}

.account-user small {
  color: #73716b;
  margin-top: 4px;
  font-size: 9px;
}

.account-sidebar nav {
  flex-direction: column;
  padding: 12px 0;
  display: flex;
}

.account-sidebar nav a {
  color: #98958d;
  align-items: center;
  gap: 9px;
  height: 39px;
  padding: 0 9px;
  font-size: 10px;
  display: flex;
}

.account-sidebar nav a svg {
  width: 16px;
}

.account-sidebar nav a small {
  color: #625f58;
  margin-left: auto;
}

.account-sidebar nav a.active {
  color: #d7b477;
  background: #1d1c17;
}

.account-sidebar > .outline-button {
  width: 100%;
}

.account-content {
  background: linear-gradient(135deg, #151612, #10110f);
  border: 1px solid #302e27;
  min-height: 390px;
  padding: 32px;
}

.account-content h1 {
  margin: 7px 0 12px;
  font-size: 33px;
}

.account-content > p {
  color: #96938b;
  max-width: 680px;
  font-size: 12px;
  line-height: 1.7;
}

.account-stats {
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin: 26px 0;
  display: grid;
}

.account-stats div {
  background: #0e0f0d;
  border: 1px solid #302f28;
  padding: 20px;
}

.account-stats strong, .account-stats span {
  display: block;
}

.account-stats strong {
  color: #e6d7c0;
  font: 400 22px Georgia, serif;
}

.account-stats span {
  color: #77756e;
  margin-top: 6px;
  font-size: 9px;
}

.admin-shell {
  background: #0e0f0d;
  border: 1px solid #2d2d28;
  grid-template-columns: 230px 1fr;
  width: min(1500px, 100% - 30px);
  min-height: 680px;
  margin: 24px auto 60px;
  display: grid;
}

.admin-sidebar {
  background: #11120f;
  border-right: 1px solid #292923;
  padding: 22px 13px;
}

.admin-logo {
  border-bottom: 1px solid #292923;
  padding: 0 10px 22px;
  font: 400 19px Georgia, serif;
}

.admin-logo span {
  color: var(--gold);
}

.admin-logo small {
  color: #63615c;
  letter-spacing: 3px;
  margin-top: 5px;
  font: 8px Arial, sans-serif;
  display: block;
}

.admin-sidebar nav {
  flex-direction: column;
  padding-top: 14px;
  display: flex;
}

.admin-sidebar nav a {
  color: #8c8a83;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 10px;
  font-size: 10px;
  display: flex;
}

.admin-sidebar nav a svg {
  width: 17px;
}

.admin-sidebar nav a small {
  color: #696761;
  margin-left: auto;
}

.admin-sidebar nav a.active {
  color: #d1ac72;
  border-left: 2px solid var(--gold);
  background: #1c1b17;
}

.admin-main {
  background: #0c0d0b;
  padding: 24px;
}

.admin-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.admin-top span {
  color: #77756e;
  font-size: 9px;
}

.admin-top h1 {
  margin: 5px 0 0;
  font: 400 24px Georgia, serif;
}

.admin-user {
  border: 1px solid #33322b;
  padding: 10px 14px;
  font-size: 10px;
}

.admin-stat-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  display: grid;
}

.admin-stat-grid > div {
  background: #141512;
  border: 1px solid #2d2d27;
  padding: 17px;
}

.admin-stat-grid small, .admin-stat-grid strong, .admin-stat-grid span {
  display: block;
}

.admin-stat-grid small {
  color: #77756e;
  font-size: 9px;
}

.admin-stat-grid strong {
  color: #eee4d7;
  margin: 8px 0;
  font: 400 25px Georgia, serif;
}

.admin-stat-grid span {
  color: #5e9d64;
  font-size: 8px;
}

.admin-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
  display: grid;
}

.admin-grid article {
  background: #121310;
  border: 1px solid #2d2d27;
  padding: 20px;
}

.admin-grid h2 {
  color: #c5a26d;
  margin: 0 0 18px;
  font: 400 13px Georgia, serif;
}

.progress-list p {
  border-bottom: 1px solid #25251f;
  justify-content: space-between;
  margin: 0;
  padding: 10px 0;
  font-size: 10px;
  display: flex;
}

.progress-list b {
  color: #6eb174;
}

.progress-list b.muted {
  color: #73716a;
}

.nova-box {
  gap: 10px;
  display: flex;
}

.status-dot {
  background: #bc8b42;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin-top: 5px;
  box-shadow: 0 0 10px #9c743b;
}

.status-dot.on {
  background: #62b06d;
  box-shadow: 0 0 10px #62b06d;
}

.nova-box strong {
  font-size: 11px;
}

.nova-box p {
  color: #7f7c74;
  font-size: 9px;
  line-height: 1.5;
}

.nova-metrics {
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-top: 15px;
  display: grid;
}

.nova-metrics span {
  color: #77756f;
  border: 1px solid #2b2b25;
  padding: 10px;
  font-size: 8px;
}

.nova-metrics b {
  color: #c9c4ba;
  margin-top: 5px;
  display: block;
}

.mobile-nav {
  display: none;
}

@media (max-width: 1100px) {
  .main-nav {
    display: none;
  }

  .search-pill {
    display: none !important;
  }

  .category-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-grid, .catalog-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .hero-copy h1 {
    font-size: 56px;
  }

  .footer-grid {
    grid-template-columns: 1.2fr repeat(3, 1fr);
    gap: 24px;
  }

  .admin-stat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  body {
    padding-bottom: 68px;
  }

  .top-strip {
    display: none;
  }

  .site-header {
    top: 0;
  }

  .header-inner {
    height: 64px;
  }

  .brand {
    width: auto;
  }

  .brand img {
    width: 150px;
  }

  .header-actions {
    gap: 12px;
  }

  .header-actions > a:first-of-type, .header-actions > a:nth-of-type(2) {
    display: none;
  }

  .hero-section {
    min-height: 640px;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    align-content: start;
    min-height: 640px;
  }

  .hero-copy {
    padding: 48px 0 0;
  }

  .hero-copy h1 {
    font-size: 47px;
  }

  .hero-copy p {
    font-size: 13px;
  }

  .hero-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .hero-visual {
    height: 320px;
    margin-top: -15px;
  }

  .stone-a {
    width: 64%;
    height: 64%;
    top: 2%;
    right: -7%;
  }

  .stone-b {
    width: 77%;
    height: 77%;
    bottom: -15%;
    right: 19%;
  }

  .category-strip {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: -20px;
  }

  .category-card {
    height: 92px;
    padding: 12px;
  }

  .category-card span {
    font-size: 12px;
  }

  .category-card small {
    font-size: 8px;
  }

  .section-space {
    padding-top: 32px;
  }

  .section-heading h2 {
    font-size: 20px;
  }

  .product-grid, .catalog-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .product-media {
    height: 170px;
  }

  .product-body {
    padding: 11px;
  }

  .product-name {
    font-size: 12px;
  }

  .product-body p {
    font-size: 9px;
  }

  .gold-button {
    min-height: 39px;
    padding: 0 14px;
    font-size: 9px;
  }

  .trust-row {
    grid-template-columns: 1fr 1fr;
  }

  .trust-row > div:nth-child(2) {
    border-right: 0;
  }

  .trust-row > div:nth-child(-n+2) {
    border-bottom: 1px solid #2a2923;
  }

  .content-pair, .story-card {
    grid-template-columns: 1fr;
  }

  .story-image {
    min-height: 190px;
  }

  .story-card > div:last-child {
    padding: 24px;
  }

  .mini-features {
    flex-wrap: wrap;
    gap: 18px;
  }

  .newsletter {
    padding: 20px 0;
    display: block;
  }

  .newsletter form {
    width: 100%;
    height: 40px;
    margin-top: 14px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-bottom {
    padding: 14px 0;
    line-height: 1.7;
    display: block;
  }

  .mobile-nav {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    z-index: 80;
    background: #0a0b0af5;
    border-top: 1px solid #343129;
    grid-template-columns: repeat(5, 1fr);
    height: 64px;
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mobile-nav a {
    color: #77766f;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-size: 8px;
    display: flex;
  }

  .mobile-nav svg {
    width: 18px;
  }

  .mobile-nav .mobile-search {
    color: #d4ae72;
  }

  .catalog-page {
    padding-top: 25px;
  }

  .page-heading h1 {
    font-size: 31px;
  }

  .catalog-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .catalog-toolbar input, .catalog-toolbar .gold-button {
    grid-column: 1 / -1;
  }

  .product-detail-grid {
    grid-template-columns: 1fr;
  }

  .main-product-image {
    min-height: auto;
  }

  .detail-info h1 {
    font-size: 28px;
  }

  .detail-actions {
    z-index: 10;
    background: #0a0b0af0;
    margin: 0 -8px;
    padding: 8px;
    position: sticky;
    bottom: 72px;
  }

  .product-tabs {
    grid-template-columns: 1fr;
  }

  .product-tabs article {
    border-bottom: 1px solid #2d2c26;
    border-right: 0;
  }

  .two-col {
    grid-template-columns: 1fr;
  }

  .auth-card {
    padding: 26px 20px;
  }

  .account-page {
    grid-template-columns: 1fr;
  }

  .account-sidebar nav {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .account-stats {
    grid-template-columns: 1fr 1fr;
  }

  .account-content {
    padding: 24px;
  }

  .account-content h1 {
    font-size: 27px;
  }

  .admin-shell {
    grid-template-columns: 1fr;
    margin-top: 12px;
  }

  .admin-sidebar {
    display: none;
  }

  .admin-main {
    padding: 14px;
  }

  .admin-stat-grid {
    grid-template-columns: 1fr 1fr;
  }

  .admin-grid, .nova-metrics {
    grid-template-columns: 1fr;
  }

  .container {
    width: min(100% - 24px, 1240px);
  }
}

@media (max-width: 420px) {
  .product-grid, .catalog-grid {
    grid-template-columns: 1fr 1fr;
  }

  .product-media {
    height: 145px;
  }

  .product-body p, .category-card small {
    display: none;
  }

  .hero-copy h1 {
    font-size: 42px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid > div {
    grid-column: auto;
  }

  .catalog-toolbar {
    grid-template-columns: 1fr;
  }

  .catalog-toolbar input, .catalog-toolbar .gold-button {
    grid-column: auto;
  }

  .account-stats {
    grid-template-columns: 1fr 1fr;
  }
}

body {
  color: #e7dfd3;
  background: radial-gradient(circle at 15% 35%, #b17e360f, #0000 28%), radial-gradient(circle at 85% 10%, #b17e360b, #0000 22%), #070806;
}

body:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  opacity: .24;
  background-image: linear-gradient(115deg, #0000 0 38%, #ad7e381f 39%, #0000 40% 58%, #ad7e3812 59%, #0000 60%);
  position: fixed;
  inset: 0;
}

.presentation-shell {
  grid-template-columns: 205px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  width: min(1480px, 100% - 34px);
  margin: 16px auto 28px;
  display: grid;
}

.site-canvas {
  background: #090a08;
  border: 1px solid #7b5a2c;
  border-radius: 11px;
  min-width: 0;
  overflow: hidden;
  box-shadow: 0 24px 70px #0000008c;
}

.site-canvas .container {
  width: min(100% - 72px, 1015px);
}

.showcase-rail {
  background: linear-gradient(#070807f7, #090a09f7);
  border: 1px solid #92673126;
  border-radius: 11px;
  flex-direction: column;
  min-height: calc(100vh - 32px);
  padding: 42px 20px 26px;
  display: flex;
  position: sticky;
  top: 16px;
  overflow: hidden;
}

.showcase-rail:after {
  content: "";
  opacity: .35;
  background: #5a4227;
  height: 1px;
  position: absolute;
  bottom: 220px;
  left: -100px;
  right: -100px;
  transform: rotate(-28deg);
  box-shadow: 0 0 30px #7a592f;
}

.rail-logo-wrap {
  justify-content: center;
  display: flex;
}

.rail-logo-wrap img {
  width: 150px;
  height: auto;
}

.rail-slogan {
  text-align: center;
  letter-spacing: 2px;
  color: #c9a565;
  margin: 66px 0 0;
  font: 600 12px / 1.75 Georgia, serif;
}

.rail-benefits {
  gap: 23px;
  margin: 118px 0 0;
  display: grid;
}

.rail-benefits > div {
  align-items: center;
  gap: 12px;
  display: flex;
}

.rail-benefits svg {
  color: #b68b49;
  stroke-width: 1.35px;
  width: 22px;
  height: 22px;
}

.rail-benefits b, .rail-benefits small {
  display: block;
}

.rail-benefits b {
  color: #c9a35f;
  font-size: 10px;
  font-weight: 500;
}

.rail-benefits small {
  color: #827d74;
  margin-top: 3px;
  font-size: 8px;
}

.rail-swatches {
  gap: 5px;
  margin-top: auto;
  padding-top: 50px;
  display: flex;
}

.rail-swatches span {
  background: #111;
  border: 1px solid #56524a;
  border-radius: 4px;
  width: 30px;
  height: 30px;
}

.rail-swatches span:nth-child(2) {
  background: #252525;
}

.rail-swatches span:nth-child(3) {
  background: linear-gradient(135deg, #1c1c1c 0 45%, #9b8768 46% 53%, #393126 54%);
}

.rail-swatches span:nth-child(4) {
  background: #c89a52;
}

.rail-swatches span:nth-child(5) {
  background: #1c1a16;
}

.rail-foot {
  text-align: center;
  color: #b78a4c;
  letter-spacing: 1.2px;
  margin-top: 65px;
  font: 600 9px / 1.65 Georgia, serif;
}

.top-strip {
  background: #0b0c0a;
  border-bottom: 1px solid #24221d;
  height: 27px;
}

.top-strip-inner {
  color: #858078;
  height: 27px;
  font-size: 7px;
}

.top-strip-inner > div {
  gap: 17px;
}

.top-strip-inner a {
  font-size: 7px;
}

.site-header {
  background: #0a0b09;
  border-bottom: 1px solid #25231e;
  position: relative;
  top: auto;
}

.header-inner {
  gap: 15px;
  height: 54px;
}

.brand {
  flex: 0 0 155px;
  width: 155px;
}

.brand img {
  width: 145px;
  height: auto;
}

.main-nav {
  white-space: nowrap;
  gap: 18px;
}

.main-nav a {
  color: #b9b1a5;
  font-family: Georgia, serif;
  font-size: 8px;
}

.main-nav a:first-child {
  color: #d0a15c;
}

.header-actions {
  gap: 11px;
  margin-left: auto;
}

.header-actions > a:not(.search-pill), .icon-button {
  width: 25px;
  height: 25px;
}

.header-actions svg {
  stroke-width: 1.45px;
}

.search-pill {
  color: #68645e;
  background: #11120f;
  border: 1px solid #36322a;
  border-radius: 18px;
  gap: 7px;
  width: 165px;
  height: 27px;
  padding: 0 11px;
}

.search-pill span {
  white-space: nowrap;
  font-size: 7px;
}

.icon-button b {
  color: #0a0a09;
  background: #a77c3f;
  min-width: 14px;
  height: 14px;
  font-size: 7px;
  top: -6px;
  right: -6px;
}

.hero-section {
  background: #090a08;
  border-bottom: 0;
  min-height: 285px;
}

.hero-grid {
  grid-template-columns: 43% 57%;
  align-items: stretch;
  min-height: 285px;
}

.hero-copy {
  z-index: 2;
  padding: 48px 0 30px;
  position: relative;
}

.hero-copy h1 {
  letter-spacing: .4px;
  color: #f0ebe3;
  margin: 0 0 15px;
  font: 400 41px / .98 Georgia, Times New Roman, serif;
}

.hero-copy p {
  color: #aaa296;
  margin: 0 0 22px;
  font: 400 9px / 1.55 Georgia, serif;
}

.hero-actions {
  align-items: center;
  gap: 21px;
  display: flex;
}

.hero-actions .gold-button {
  letter-spacing: .6px;
  min-height: 31px;
  padding: 0 18px;
  font-size: 7px;
}

.hero-actions .text-link {
  color: #b6aa99;
  border: 0;
  padding: 0;
  font-size: 7px;
}

.hero-actions .text-link span {
  color: #c4954e;
  border: 1px solid #8d6a36;
  border-radius: 50%;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  font-size: 6px;
  display: inline-grid;
}

.hero-visual img {
  object-fit: cover;
  object-position: center;
  filter: saturate(.98) contrast(1.05);
}

.reference-categories {
  z-index: 3;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-top: -38px;
  display: grid;
  position: relative;
}

.category-card {
  background: linear-gradient(135deg, #141512, #0d0e0c);
  border: 1px solid #3e3a32;
  border-radius: 3px;
  height: 61px;
  padding: 0 9px 0 12px;
  overflow: hidden;
}

.category-card > div {
  z-index: 2;
  min-width: 90px;
  position: relative;
}

.category-card span {
  color: #d6c7b4;
  font: 400 10px Georgia, serif;
}

.category-card small {
  color: #a77c40;
  margin-top: 6px;
  font-size: 6px;
}

.category-card img {
  object-fit: cover;
  opacity: .76;
  width: 48%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 42%);
  mask-image: linear-gradient(90deg, #0000, #000 42%);
}

.featured-section {
  padding-top: 18px;
}

.section-heading {
  margin-bottom: 10px;
}

.section-heading h2 {
  letter-spacing: .8px;
  color: #c9a35f;
  margin: 0;
  font: 400 14px Georgia, serif;
}

.section-heading > a {
  color: #a8834c;
  font-size: 7px;
}

.section-heading > a span {
  font-size: 12px;
}

.product-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
}

.product-card {
  box-shadow: none;
  background: #10110f;
  border: 1px solid #3b382f;
  border-radius: 3px;
  overflow: hidden;
}

.product-media {
  background: #0b0c0a;
  height: 140px;
}

.product-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .25s;
}

.product-card:hover .product-media img {
  transform: scale(1.025);
}

.wishlist-button {
  background: #0a0a0999;
  border: 0;
  width: 24px;
  height: 24px;
  top: 7px;
  right: 7px;
}

.wishlist-button svg {
  width: 13px;
}

.discount-badge, .new-badge {
  z-index: 2;
  color: #fff;
  background: #b35b3d;
  border-radius: 2px;
  align-items: center;
  height: 15px;
  padding: 0 6px;
  font-size: 6px;
  font-weight: 700;
  display: inline-flex;
  position: absolute;
  top: 8px;
  left: 8px;
}

.new-badge {
  color: #1b1b18;
  background: #e4ded3;
}

.product-body {
  padding: 10px;
}

.product-name {
  color: #ddd3c7;
  font: 400 9px / 1.35 Georgia, serif;
}

.product-body p {
  color: #8a857d;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  min-height: auto;
  margin: 3px 0 7px;
  font-size: 7px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.price-line {
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.price-line strong {
  color: #d4ad6c;
  font-size: 10px;
}

.price-line del {
  color: #6f6a61;
  font-size: 7px;
}

.product-body .block-button {
  width: 100%;
  min-height: 24px;
  padding: 0 7px;
  font-size: 6px;
}

.trust-row {
  background: #0e0f0d;
  border: 1px solid #3b382f;
  border-radius: 3px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 17px;
}

.trust-row > div {
  border-right: 1px solid #2f2c25;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 13px;
  display: flex;
}

.trust-row svg {
  color: #a87e43;
  stroke-width: 1.3px;
  width: 20px;
}

.trust-row strong {
  color: #bc9b67;
  font-size: 7px;
}

.trust-row small {
  color: #747069;
  margin-top: 2px;
  font-size: 6px;
}

.content-pair {
  grid-template-columns: 1fr 1.1fr;
  gap: 8px;
  padding-top: 12px;
  display: grid;
}

.guide-card, .review-card {
  background: #11120f;
  border: 1px solid #3b382f;
  border-radius: 3px;
  min-height: 110px;
  overflow: hidden;
}

.guide-card {
  grid-template-columns: 1fr 140px;
  padding: 14px 0 14px 15px;
  display: grid;
}

.guide-card h3, .review-card h3 {
  color: #d8c8b3;
  margin: 0 0 7px;
  font: 400 11px Georgia, serif;
}

.guide-card p, .review-card p {
  color: #88837b;
  margin: 0 0 9px;
  font-size: 7px;
  line-height: 1.5;
}

.guide-card .gold-button {
  min-height: 24px;
  padding: 0 12px;
  font-size: 6px;
}

.guide-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 28%);
  mask-image: linear-gradient(90deg, #0000, #000 28%);
}

.review-card {
  grid-template-columns: 38px 1fr 25px;
  align-items: center;
  gap: 9px;
  padding: 15px;
  display: grid;
}

.review-card .avatar {
  width: 34px;
  height: 34px;
  font-size: 8px;
}

.review-card b {
  color: #d7c8b4;
}

.review-card .stars {
  color: #d9a23f;
  margin-left: 5px;
  font-size: 8px;
}

.review-card small {
  color: #a58149;
  font-size: 6px;
}

.review-card button {
  color: #a98652;
  background: #161714;
  border: 1px solid #3f3a31;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}

.story-card {
  background: #10110f;
  border: 1px solid #3b382f;
  border-radius: 3px;
  grid-template-columns: 47% 53%;
  min-height: 105px;
  margin-top: 10px;
  display: grid;
  overflow: hidden;
}

.story-image {
  min-height: 105px;
  position: relative;
}

.story-image img {
  object-fit: cover;
  filter: saturate(.9) brightness(.86);
}

.story-card > div:last-child {
  padding: 16px 18px;
}

.story-card h2 {
  color: #cfa55e;
  margin: 0 0 7px;
  font: 400 11px / 1.35 Georgia, serif;
}

.story-card p {
  color: #8b867d;
  margin: 0 0 9px;
  font-size: 7px;
  line-height: 1.55;
}

.story-card .gold-button {
  min-height: 23px;
  padding: 0 11px;
  font-size: 6px;
}

.home-bottom-note {
  color: #7f796f;
  border-top: 1px solid #24231e;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 31px;
  margin-top: 12px;
  font-size: 6px;
  display: flex;
}

.home-bottom-note svg {
  color: #a17b45;
}

.footer {
  background: #0b0c0a;
  border-top: 1px solid #24231e;
  margin-top: 0;
}

.newsletter {
  border-bottom: 1px solid #2e2b24;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 10px 0;
  display: flex;
}

.newsletter strong {
  color: #a98a5c;
  font: 400 8px Georgia, serif;
}

.newsletter form {
  grid-template-columns: 1fr 88px;
  width: 370px;
  height: 28px;
  display: grid;
}

.newsletter input {
  color: #c7bfb4;
  background: #11120f;
  border: 1px solid #343129;
  height: 28px;
  padding: 0 10px;
  font-size: 7px;
}

.newsletter button {
  color: #15130f;
  background: linear-gradient(90deg, #b88a48, #d2aa6a);
  border: 1px solid #ad8345;
  font-size: 6px;
  font-weight: 700;
}

.footer-grid {
  grid-template-columns: 1.35fr repeat(4, 1fr);
  gap: 28px;
  padding: 20px 0;
}

.footer-brand img {
  width: 115px;
}

.footer-brand p {
  max-width: 165px;
  font-size: 7px;
  line-height: 1.55;
}

.footer-grid h4 {
  color: #ab884f;
  margin: 0 0 8px;
  font: 400 8px Georgia, serif;
}

.footer-grid a, .footer-grid > div > span {
  color: #858078;
  font-size: 6px;
  line-height: 1.9;
  display: block;
}

.social-row {
  color: #8b857c;
  gap: 11px;
  margin-top: 10px;
  display: flex;
}

.social-row svg {
  width: 12px;
  height: 12px;
}

.social-row span {
  font-size: 9px !important;
  line-height: 1 !important;
}

.footer-contact {
  align-items: center;
  gap: 5px;
  display: flex !important;
}

.footer-contact svg {
  width: 10px;
}

.footer-bottom {
  color: #625e58;
  border-top: 1px solid #24231e;
  justify-content: center;
  padding: 9px 0 12px;
  font-size: 6px;
  display: flex;
}

.site-canvas .catalog-page, .site-canvas .account-page, .site-canvas .auth-page {
  width: min(100% - 54px, 1015px);
  margin-left: auto;
  margin-right: auto;
}

.site-canvas .admin-shell {
  width: min(100% - 30px, 1100px);
}

@media (max-width: 1450px) {
  .presentation-shell {
    grid-template-columns: 1fr;
    width: min(1160px, 100% - 30px);
  }

  .showcase-rail {
    display: none;
  }

  .site-canvas .container {
    width: min(100% - 54px, 1040px);
  }
}

@media (max-width: 920px) {
  .presentation-shell {
    width: 100%;
    margin: 0;
    display: block;
  }

  .site-canvas {
    border: 0;
    border-radius: 0;
  }

  .site-canvas .container {
    width: min(100% - 28px, 760px);
  }

  .main-nav {
    display: none;
  }

  .search-pill {
    display: none !important;
  }

  .reference-categories {
    grid-template-columns: 1fr 1fr;
    margin-top: -16px;
  }

  .product-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-grid {
    grid-template-columns: 1.2fr 1fr 1fr;
  }

  .footer-grid > div:nth-child(n+4) {
    display: none;
  }
}

@media (max-width: 760px) {
  .top-strip {
    display: none;
  }

  .header-inner {
    height: 60px;
  }

  .brand {
    flex: 0;
    width: auto;
  }

  .brand img {
    width: 140px;
  }

  .header-actions > a:first-of-type {
    display: none;
  }

  .header-actions > a:nth-of-type(2) {
    display: flex !important;
  }

  .hero-section, .hero-grid {
    min-height: 570px;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .hero-copy {
    padding: 46px 0 20px;
  }

  .hero-copy h1 {
    font-size: 45px;
  }

  .hero-copy p {
    font-size: 11px;
  }

  .hero-visual {
    min-height: 305px;
    margin: 0 -14px;
  }

  .hero-visual:before {
    background: linear-gradient(#090a08, #0000);
    width: auto;
    height: 80px;
    top: -35px;
    left: 0;
    right: 0;
  }

  .reference-categories {
    gap: 7px;
    margin-top: -28px;
  }

  .category-card {
    height: 76px;
  }

  .category-card span {
    font-size: 10px;
  }

  .category-card small {
    font-size: 7px;
  }

  .featured-section {
    padding-top: 26px;
  }

  .section-heading h2 {
    font-size: 16px;
  }

  .product-grid {
    gap: 8px;
  }

  .product-media {
    height: 170px;
  }

  .product-name {
    font-size: 11px;
  }

  .product-body p {
    font-size: 8px;
  }

  .price-line strong {
    font-size: 11px;
  }

  .product-body .block-button {
    min-height: 31px;
    font-size: 7px;
  }

  .trust-row {
    grid-template-columns: 1fr 1fr;
  }

  .trust-row > div {
    min-height: 58px;
  }

  .content-pair {
    grid-template-columns: 1fr;
  }

  .guide-card, .review-card {
    min-height: 125px;
  }

  .story-card {
    grid-template-columns: 1fr;
  }

  .story-image {
    min-height: 170px;
  }

  .story-card > div:last-child {
    padding: 20px;
  }

  .story-card h2 {
    font-size: 15px;
  }

  .story-card p {
    font-size: 9px;
  }

  .newsletter {
    padding: 16px 0;
    display: block;
  }

  .newsletter form {
    width: 100%;
    margin-top: 10px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 430px) {
  .reference-categories {
    grid-template-columns: 1fr 1fr;
  }

  .category-card {
    height: 68px;
  }

  .category-card small {
    display: block;
  }

  .product-media {
    height: 150px;
  }

  .product-name {
    font-size: 10px;
  }

  .content-pair {
    padding-top: 10px;
  }

  .guide-card {
    grid-template-columns: 1fr 110px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid > div {
    grid-column: auto;
  }

  .footer-grid > div:nth-child(3) {
    display: none;
  }
}

.main-nav a {
  align-items: center;
  display: inline-flex;
}

.reference-categories {
  align-items: stretch;
}

.category-card {
  grid-template-columns: minmax(0, 1fr) 165px;
  align-items: stretch;
  display: grid;
  position: relative;
  padding: 0 0 0 12px !important;
  overflow: hidden !important;
}

.category-card .category-copy {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-right: 8px;
  display: flex;
  position: relative;
}

.category-card .category-thumb {
  min-width: 120px;
  height: 100%;
  position: relative;
}

.category-card .category-thumb img {
  filter: brightness(.95) saturate(1.04);
  object-fit: cover !important;
  object-position: center !important;
  opacity: .88 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.category-card:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(90deg, #0d0e0cf7 0%, #0d0e0cf0 42%, #0d0e0c73 72%, #0d0e0c1f 100%);
  position: absolute;
  inset: 0;
}

.category-card.bileklik-card .category-thumb img {
  object-position: center center !important;
}

.category-card.kolye-card .category-thumb img {
  object-position: center 32% !important;
}

.category-card.guide-card-mini .category-thumb img {
  object-position: center center !important;
}

.category-card.new-arrivals-card .category-thumb img {
  object-position: center 35% !important;
}

.product-media img {
  object-fit: cover !important;
  object-position: center !important;
}

@media (max-width: 760px) {
  .category-card {
    grid-template-columns: minmax(0, 1fr) 110px;
    padding-left: 10px !important;
  }

  .category-card .category-copy {
    padding-right: 6px;
  }

  .category-card .category-thumb {
    min-width: 100px;
  }
}

.brand img {
  object-fit: contain !important;
  width: 150px !important;
  height: auto !important;
}

.rail-logo-wrap img {
  object-fit: contain !important;
  width: 175px !important;
  height: auto !important;
}

.footer-brand img {
  object-fit: contain !important;
  width: 135px !important;
  height: auto !important;
}

.main-product-image {
  overflow: hidden;
  background: #0d0e0c !important;
  border-color: #3c372e !important;
}

.main-product-image img {
  display: block;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 760px) {
  .brand img {
    width: 138px !important;
  }

  .main-product-image img {
    aspect-ratio: 4 / 3;
    object-fit: cover !important;
    height: auto !important;
  }
}

html, body {
  width: 100%;
  min-height: 100%;
  overflow-x: clip;
}

body {
  background: #090a08;
}

.presentation-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
}

.showcase-rail {
  display: none !important;
}

.site-canvas, .site-canvas-fullscreen {
  width: 100% !important;
  min-height: 100vh !important;
  box-shadow: none !important;
  background: #090a08 !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.main-nav {
  position: relative;
  gap: 24px !important;
  overflow: visible !important;
}

.main-nav > a, .nav-support-placeholder, .nav-dropdown > summary {
  color: #c6c1b7;
  font-family: Georgia, serif;
  font-size: inherit;
  line-height: 1;
  transition: color .2s;
}

.main-nav > a:hover, .nav-support-placeholder:hover, .nav-dropdown > summary:hover, .nav-dropdown[open] > summary {
  color: var(--gold-2);
}

.nav-support-placeholder {
  cursor: default;
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
}

.nav-dropdown {
  display: block;
  position: relative;
}

.nav-dropdown > summary {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  outline: none;
  align-items: center;
  gap: 5px;
  list-style: none;
  display: inline-flex;
}

.nav-dropdown > summary::-webkit-details-marker {
  display: none;
}

.nav-dropdown > summary::marker {
  content: "";
  display: none;
}

.nav-dropdown > summary svg {
  color: #9f8358;
  transition: transform .2s;
}

.nav-dropdown[open] > summary svg {
  transform: rotate(180deg);
}

.nav-dropdown-menu {
  z-index: 80;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #0c0d0bfa;
  border: 1px solid #3c3428;
  border-radius: 7px;
  width: 190px;
  padding: 8px;
  position: absolute;
  top: calc(100% + 17px);
  left: -14px;
  box-shadow: 0 18px 45px #0000008c;
}

.nav-dropdown-menu:before {
  content: "";
  height: 18px;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
}

.nav-dropdown-menu a {
  white-space: nowrap;
  border-radius: 4px;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  color: #b9b2a7 !important;
  font-size: 11px !important;
  display: flex !important;
}

.nav-dropdown-menu a:hover {
  background: linear-gradient(90deg, #c79a541f, #c79a5408);
  color: #e2be7b !important;
}

@media (min-width: 921px) {
  .site-canvas .container {
    width: min(100% - 72px, 1420px) !important;
  }
}

@media (max-width: 920px) {
  .site-canvas .container {
    width: min(100% - 28px, 760px) !important;
  }

  .main-nav {
    display: none !important;
  }
}

.v2-catalog-page {
  padding-top: 34px;
  padding-bottom: 88px;
}

.v2-catalog-heading {
  margin-bottom: 20px;
}

.v2-catalog-heading h1 {
  font-size: 36px;
}

.v2-mobile-search {
  display: none;
}

.v2-category-chips {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  gap: 7px;
  padding: 2px 0 10px;
  display: flex;
  overflow-x: auto;
}

.v2-category-chips::-webkit-scrollbar {
  display: none;
}

.v2-category-chips a {
  color: #8e8a82;
  background: #10110f;
  border: 1px solid #343129;
  border-radius: 999px;
  flex: none;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  font-size: 9px;
  transition: all .18s;
  display: inline-flex;
}

.v2-category-chips a:hover, .v2-category-chips a.is-active {
  color: #dfbb7a;
  background: linear-gradient(#211c14, #14130f);
  border-color: #8d6937;
}

.v2-desktop-filters {
  margin-top: 4px;
}

.v2-filter-form {
  background: #10110f;
  border: 1px solid #302e27;
  grid-template-columns: minmax(220px, 1.8fr) repeat(3, minmax(105px, .8fr)) minmax(150px, 1fr) minmax(125px, .9fr) auto;
  gap: 8px;
  padding: 10px;
  display: grid;
}

.v2-filter-form label {
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.v2-filter-form label > span {
  color: #77736c;
  padding-left: 2px;
  font-size: 7px;
}

.v2-filter-form input, .v2-filter-form select {
  color: #c9c3b9;
  background: #0b0c0a;
  border: 1px solid #35322b;
  border-radius: 2px;
  outline: none;
  width: 100%;
  height: 38px;
  padding: 0 10px;
  font-size: 9px;
}

.v2-filter-form input:focus, .v2-filter-form select:focus {
  border-color: #8a6534;
}

.v2-search-field {
  background: #0b0c0a;
  border: 1px solid #35322b;
  padding: 0 11px;
  position: relative;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  display: flex !important;
}

.v2-search-field svg {
  color: #827a6d;
  flex: none;
}

.v2-search-field input {
  background: none !important;
  border: 0 !important;
  height: 36px !important;
  padding: 0 !important;
}

.v2-price-fields {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  display: grid;
}

.v2-filter-actions {
  align-items: end;
  gap: 7px;
  display: flex;
}

.v2-filter-actions .gold-button {
  white-space: nowrap;
  gap: 6px;
  height: 38px;
  min-height: 38px;
  padding: 0 14px;
}

.v2-clear-filter {
  color: #8b877f;
  white-space: nowrap;
  border: 1px solid #35322b;
  align-items: center;
  height: 38px;
  padding: 0 10px;
  font-size: 8px;
  display: inline-flex;
}

.v2-mobile-filter-trigger {
  display: none;
}

.v2-catalog-summary {
  border-bottom: 1px solid #27251f;
  justify-content: space-between;
  align-items: center;
  margin: 13px 0 11px;
  padding-bottom: 9px;
  display: flex;
}

.v2-catalog-summary strong {
  color: #d0a45e;
  font: 400 15px Georgia, serif;
}

.v2-catalog-summary span {
  color: #77736c;
  font-size: 9px;
}

.v2-catalog-summary > a {
  color: #ad8b57;
  font-size: 8px;
}

.v2-empty-products {
  text-align: center;
  background: #0f100e;
  border: 1px solid #302e27;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 330px;
  padding: 35px;
  display: flex;
}

.v2-empty-products svg {
  color: #8d6a39;
}

.v2-empty-products h2 {
  margin: 12px 0 7px;
  font: 400 22px Georgia, serif;
}

.v2-empty-products p {
  color: #858179;
  max-width: 470px;
  margin: 0 0 18px;
  font-size: 10px;
  line-height: 1.65;
}

.v2-product-detail-page {
  padding-bottom: 105px;
}

.v2-breadcrumbs {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 7px;
  display: flex;
  overflow: hidden;
}

.v2-breadcrumbs b {
  color: #77736c;
  text-overflow: ellipsis;
  font-weight: 400;
  overflow: hidden;
}

.v2-product-detail-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  align-items: start;
  gap: 34px;
}

.v2-detail-gallery {
  min-width: 0;
  position: relative;
}

.v2-gallery-badge {
  z-index: 4;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #d4ae71;
  background: #080908c7;
  border: 1px solid #c79a5452;
  border-radius: 3px;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 9px;
  font-size: 8px;
  display: flex;
  position: absolute;
  top: 12px;
  left: 12px;
}

.v2-main-product-image {
  aspect-ratio: 1.16;
  background: #0d0e0c;
  border-radius: 4px;
  border: 1px solid #39352c !important;
  min-height: 0 !important;
}

.v2-main-product-image img {
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
}

.v2-gallery-caption {
  color: #76736c;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 2px 0;
  font-size: 8px;
  display: flex;
}

.v2-gallery-caption small {
  text-align: right;
  max-width: 68%;
  line-height: 1.45;
}

.v2-detail-info {
  padding-top: 8px;
}

.v2-title-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.v2-title-row .eyebrow {
  margin: 0;
}

.v2-stock-pill {
  color: #c87564;
  white-space: nowrap;
  background: #17100e;
  border: 1px solid #433029;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 0 9px;
  font-size: 8px;
  display: inline-flex;
}

.v2-stock-pill i {
  background: #b85d4c;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.v2-stock-pill.is-in {
  color: #69b879;
  background: #0e1710;
  border-color: #27452e;
}

.v2-stock-pill.is-in i {
  background: #56b969;
  box-shadow: 0 0 9px #56b9698c;
}

.v2-detail-info h1 {
  margin: 14px 0 13px;
  font-size: 39px;
  line-height: 1.03;
}

.v2-detail-price {
  margin-bottom: 13px;
}

.v2-detail-price strong {
  font-size: 27px;
}

.v2-detail-info .lead {
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.65;
}

.v2-benefit-mini {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: 14px 0 17px;
  display: grid;
}

.v2-benefit-mini > span {
  background: #0e0f0d;
  border: 1px solid #292821;
  grid-template-rows: auto auto;
  grid-template-columns: 25px 1fr;
  align-content: center;
  column-gap: 7px;
  min-height: 54px;
  padding: 7px;
  display: grid;
}

.v2-benefit-mini svg {
  color: #b4894d;
  grid-row: 1 / 3;
  align-self: center;
  width: 19px;
}

.v2-benefit-mini b {
  color: #c7c0b4;
  font-size: 8px;
  font-weight: 600;
}

.v2-benefit-mini small {
  color: #6e6a63;
  font-size: 7px;
}

.v2-product-specs {
  margin: 15px 0 17px;
}

.v2-product-specs > div {
  grid-template-columns: 118px 1fr;
  padding: 9px 0;
  font-size: 10px;
}

.v2-variant-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.v2-variant-heading label {
  margin: 0 !important;
}

.v2-variant-heading small {
  color: #6f9f72;
  font-size: 8px;
}

.v2-variant-area .variant-list button {
  border-radius: 2px;
  min-width: 86px;
  height: 38px;
  padding: 0 12px;
  font-size: 10px;
  position: relative;
}

.v2-variant-area .variant-list button.is-selected {
  color: #e3c286;
  background: #1b1711;
  border-color: #d1a65f;
  box-shadow: inset 0 0 0 1px #d1a65f2e;
}

.v2-variant-area .variant-list button:disabled {
  opacity: .38;
  cursor: not-allowed;
}

.v2-variant-area .variant-list button small {
  color: #9b6861;
  font-size: 6px;
  display: block;
}

.v2-buy-row {
  grid-template-columns: 105px 1fr 48px;
  gap: 8px;
  margin-top: 16px;
  display: grid;
}

.v2-qty {
  background: #0f100e;
  border: 1px solid #39362e;
  grid-template-columns: 32px 1fr 32px;
  align-items: center;
  height: 44px;
  display: grid;
}

.v2-qty button {
  color: #827d74;
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  height: 100%;
  display: grid;
}

.v2-qty strong {
  text-align: center;
  font-size: 11px;
  font-weight: 500;
}

.v2-cart-placeholder {
  gap: 8px;
  height: 44px;
}

.v2-cart-placeholder small {
  opacity: .55;
  font-size: 6px;
}

.v2-favorite-button {
  height: 44px;
  min-height: 44px;
  padding: 0;
}

.v2-detail-trust {
  border-top: 1px solid #282720;
  margin-top: 15px;
  padding-top: 12px;
}

.v2-mobile-purchase-bar {
  display: none;
}

.v2-product-info-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 24px;
  display: grid;
}

.v2-info-card {
  background: linear-gradient(145deg, #121310, #0d0e0c);
  border: 1px solid #2f2d26;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  min-height: 155px;
  padding: 20px;
  display: grid;
}

.v2-info-wide {
  grid-column: 1 / -1;
  min-height: 130px;
}

.v2-info-icon {
  color: #c49a5b;
  border: 1px solid #51432f;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.v2-info-icon svg {
  width: 16px;
}

.v2-info-card small {
  letter-spacing: 1.2px;
  color: #a57c45;
  font-size: 7px;
}

.v2-info-card h2 {
  color: #ddd3c6;
  margin: 5px 0 7px;
  font: 400 15px Georgia, serif;
}

.v2-info-card p {
  color: #858179;
  max-width: 760px;
  margin: 0;
  font-size: 9px;
  line-height: 1.65;
}

.v2-natural-note {
  color: #77736c;
  background: #0d0e0c;
  border: 1px solid #282721;
  align-items: flex-start;
  gap: 8px;
  margin-top: 9px;
  padding: 10px 12px;
  display: flex;
}

.v2-natural-note svg {
  color: #9c7948;
  flex: none;
}

.v2-natural-note p {
  margin: 0;
  font-size: 7px;
  line-height: 1.5;
}

@media (max-width: 1180px) {
  .v2-filter-form {
    grid-template-columns: minmax(210px, 1.5fr) repeat(2, minmax(110px, .8fr)) minmax(150px, 1fr) minmax(125px, .9fr) auto;
  }

  .v2-filter-form > label:nth-of-type(4) {
    display: none;
  }

  .v2-product-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(350px, .86fr);
    gap: 22px;
  }
}

@media (max-width: 920px) {
  body {
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  .site-header {
    background: #090a09f5;
  }

  .header-inner {
    padding: 0;
    height: 62px !important;
  }

  .brand img {
    width: 132px !important;
  }

  .header-actions {
    gap: 12px;
  }

  .header-actions > a, .icon-button {
    min-width: 38px;
    min-height: 38px;
  }

  .mobile-nav {
    padding-bottom: env(safe-area-inset-bottom);
    height: calc(64px + env(safe-area-inset-bottom)) !important;
    z-index: 120 !important;
  }

  .mobile-nav a {
    touch-action: manipulation;
    min-height: 58px;
  }

  .mobile-nav svg {
    width: 19px;
    height: 19px;
  }

  .v2-catalog-page {
    width: 100% !important;
    padding: 18px 14px 90px !important;
  }

  .v2-catalog-heading {
    text-align: left;
    max-width: none;
    margin: 0 0 15px;
  }

  .v2-catalog-heading .eyebrow {
    font-size: 8px;
  }

  .v2-catalog-heading h1 {
    margin: 6px 0;
    font-size: 28px;
  }

  .v2-catalog-heading p {
    margin: 0;
    font-size: 10px;
  }

  .v2-mobile-search {
    background: #10110f;
    border: 1px solid #35322b;
    border-radius: 4px;
    grid-template-columns: 24px 1fr 48px;
    align-items: center;
    height: 44px;
    margin-bottom: 10px;
    padding: 0 7px 0 11px;
    display: grid;
  }

  .v2-mobile-search svg {
    color: #857c6f;
  }

  .v2-mobile-search input {
    color: #ddd1c0;
    background: none;
    border: 0;
    outline: 0;
    min-width: 0;
    height: 40px;
    font-size: 11px;
  }

  .v2-mobile-search button {
    color: #12100d;
    background: #c79a54;
    border: 0;
    border-radius: 3px;
    height: 32px;
    font-size: 9px;
    font-weight: 800;
  }

  .v2-category-chips {
    gap: 6px;
    margin: 0 -14px;
    padding: 0 14px 11px;
  }

  .v2-category-chips a {
    min-height: 36px;
    padding: 0 13px;
    font-size: 9px;
  }

  .v2-desktop-filters {
    display: none;
  }

  .v2-mobile-filter-trigger {
    color: #c3b7a6;
    cursor: pointer;
    background: #121310;
    border: 1px solid #3a362d;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 42px;
    font-size: 10px;
    display: flex;
  }

  .v2-filter-overlay {
    z-index: 300;
    background: #000000b8;
    align-items: flex-end;
    animation: .16s v2Fade;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .v2-filter-sheet {
    width: 100%;
    max-height: 88dvh;
    padding: 0 14px calc(18px + env(safe-area-inset-bottom));
    background: #0d0e0c;
    border-top: 1px solid #6a5130;
    border-radius: 16px 16px 0 0;
    animation: .22s v2Sheet;
    overflow: auto;
    box-shadow: 0 -18px 60px #0000008c;
  }

  .v2-filter-sheet-head {
    z-index: 2;
    background: #0d0e0c;
    border-bottom: 1px solid #282720;
    justify-content: space-between;
    align-items: center;
    height: 58px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .v2-filter-sheet-head strong {
    font: 400 16px Georgia, serif;
  }

  .v2-filter-sheet-head button {
    color: #bcb4a8;
    background: #151612;
    border: 0;
    border-radius: 50%;
    place-items: center;
    width: 38px;
    height: 38px;
    display: grid;
  }

  .v2-filter-sheet .v2-filter-form {
    background: none;
    border: 0;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    padding: 14px 0;
    display: grid;
  }

  .v2-filter-sheet .v2-search-field {
    grid-column: 1 / -1;
    height: 44px;
  }

  .v2-filter-sheet .v2-filter-form > label {
    display: flex !important;
  }

  .v2-filter-sheet .v2-filter-form input, .v2-filter-sheet .v2-filter-form select {
    height: 44px;
    font-size: 11px;
  }

  .v2-filter-sheet .v2-price-fields {
    grid-column: 1 / -1;
  }

  .v2-filter-sheet .v2-filter-actions {
    grid-column: 1 / -1;
    grid-template-columns: .75fr 1.25fr;
    display: grid;
  }

  .v2-filter-sheet .v2-clear-filter, .v2-filter-sheet .v2-filter-actions .gold-button {
    justify-content: center;
    height: 44px;
    font-size: 10px;
  }

  .v2-catalog-summary {
    margin: 11px 0 9px;
  }

  .v2-catalog-summary > a {
    font-size: 8px;
  }

  .v2-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .v2-product-grid .product-card {
    min-width: 0;
  }

  .v2-product-grid .product-media {
    aspect-ratio: 1;
    height: auto !important;
  }

  .v2-product-grid .product-body {
    padding: 9px !important;
  }

  .v2-product-grid .product-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 29px;
    display: -webkit-box;
    overflow: hidden;
    font-size: 11px !important;
  }

  .v2-product-grid .product-body p {
    display: none;
  }

  .v2-product-grid .price-line {
    margin: 7px 0 8px;
  }

  .v2-product-grid .price-line strong {
    font-size: 12px;
  }

  .v2-product-grid .product-body .block-button {
    min-height: 34px !important;
    padding: 0 5px !important;
    font-size: 7px !important;
  }

  .v2-product-grid .wishlist-button {
    width: 32px !important;
    height: 32px !important;
  }

  .v2-product-grid .discount-badge, .v2-product-grid .new-badge {
    height: 18px !important;
    font-size: 7px !important;
  }

  .v2-product-detail-page {
    width: 100% !important;
    padding: 0 0 120px !important;
  }

  .v2-breadcrumbs {
    padding: 13px 14px !important;
    font-size: 8px !important;
  }

  .v2-product-detail-grid {
    display: block !important;
  }

  .v2-detail-gallery {
    width: 100%;
  }

  .v2-main-product-image {
    aspect-ratio: 1;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
  }

  .v2-gallery-badge {
    top: 9px;
    left: 10px;
  }

  .v2-gallery-caption {
    padding: 8px 14px 0;
    display: block;
  }

  .v2-gallery-caption small {
    text-align: left;
    max-width: none;
    margin-top: 3px;
    display: block;
  }

  .v2-detail-info {
    padding: 18px 14px 0;
  }

  .v2-title-row {
    align-items: flex-start;
  }

  .v2-title-row .eyebrow {
    font-size: 8px;
    line-height: 1.45;
  }

  .v2-detail-info h1 {
    margin: 10px 0;
    font-size: 29px;
    line-height: 1.05;
  }

  .v2-detail-price strong {
    font-size: 24px;
  }

  .v2-detail-info .lead {
    font-size: 11px;
  }

  .v2-benefit-mini {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }

  .v2-benefit-mini > span {
    min-height: 58px;
  }

  .v2-product-specs > div {
    grid-template-columns: 105px 1fr;
    padding: 10px 0;
    font-size: 10px;
  }

  .v2-variant-area .variant-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    display: grid;
  }

  .v2-variant-area .variant-list button {
    width: 100%;
    min-width: 0;
    height: 42px;
  }

  .v2-buy-row {
    grid-template-columns: 105px 1fr 46px;
  }

  .v2-cart-placeholder {
    padding: 0 8px;
    font-size: 8px;
  }

  .v2-detail-trust {
    grid-template-columns: 1fr;
    gap: 7px;
    font-size: 8px;
    display: grid;
  }

  .v2-product-info-grid {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 18px 14px 0;
  }

  .v2-info-wide {
    grid-column: auto;
  }

  .v2-info-card {
    grid-template-columns: 34px 1fr;
    min-height: auto;
    padding: 16px;
  }

  .v2-info-card h2 {
    font-size: 14px;
  }

  .v2-info-card p {
    font-size: 9px;
  }

  .v2-natural-note {
    margin: 8px 14px 0;
    padding: 10px;
  }

  .v2-natural-note p {
    font-size: 8px;
  }

  .v2-mobile-purchase-bar {
    left: 0;
    right: 0;
    bottom: calc(64px + env(safe-area-inset-bottom));
    z-index: 115;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #0a0b09f7;
    border-top: 1px solid #3a3429;
    grid-template-columns: 1fr 1.45fr;
    align-items: center;
    gap: 10px;
    height: 64px;
    padding: 8px 10px;
    display: grid;
    position: fixed;
  }

  .v2-mobile-purchase-bar > div small, .v2-mobile-purchase-bar > div strong {
    display: block;
  }

  .v2-mobile-purchase-bar > div small {
    color: #77736c;
    font-size: 7px;
  }

  .v2-mobile-purchase-bar > div strong {
    color: #dab06d;
    margin-top: 2px;
    font-size: 15px;
  }

  .v2-mobile-purchase-bar .gold-button {
    gap: 6px;
    height: 46px;
    min-height: 46px;
    padding: 0 10px;
    font-size: 8px;
  }

  .v2-mobile-purchase-bar .gold-button small {
    opacity: .55;
    font-size: 6px;
  }
}

@media (max-width: 430px) {
  .header-inner {
    height: 58px !important;
  }

  .brand img {
    width: 118px !important;
  }

  .header-actions {
    gap: 4px;
  }

  .header-actions > a, .icon-button {
    min-width: 34px;
    min-height: 34px;
  }

  .header-actions svg {
    width: 18px;
  }

  .v2-catalog-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .v2-category-chips {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .v2-product-grid {
    gap: 6px !important;
  }

  .v2-product-grid .product-body {
    padding: 8px !important;
  }

  .v2-product-grid .product-name {
    min-height: 27px;
    font-size: 10px !important;
  }

  .v2-product-grid .price-line strong {
    font-size: 11px;
  }

  .v2-product-grid .price-line del {
    font-size: 7px;
  }

  .v2-product-grid .product-body .block-button {
    font-size: 6px !important;
  }

  .v2-detail-info h1 {
    font-size: 26px;
  }

  .v2-benefit-mini > span {
    padding: 7px 5px;
  }

  .v2-buy-row {
    grid-template-columns: 92px 1fr 44px;
  }

  .v2-qty {
    grid-template-columns: 28px 1fr 28px;
  }

  .v2-cart-placeholder span {
    font-size: 7px;
  }

  .v2-product-specs > div {
    grid-template-columns: 92px 1fr;
  }

  .v2-product-info-grid, .v2-natural-note {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@keyframes v2Fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes v2Sheet {
  from {
    opacity: .7;
    transform: translateY(18px);
  }

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

@media (max-width: 920px) {
  .hero-section {
    min-height: 0 !important;
  }

  .hero-grid {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    display: grid !important;
  }

  .hero-copy {
    padding: 38px 0 18px !important;
  }

  .hero-copy h1 {
    font-size: 48px !important;
  }

  .hero-copy p {
    font-size: 12px !important;
  }

  .hero-actions {
    margin-top: 20px !important;
  }

  .hero-visual {
    height: 330px !important;
    min-height: 330px !important;
    margin: 0 -14px !important;
  }

  .hero-visual:before {
    background: linear-gradient(#090a08, #0000) !important;
    width: auto !important;
    height: 75px !important;
    top: -25px !important;
    left: 0 !important;
    right: 0 !important;
  }

  .reference-categories {
    margin-top: -18px !important;
  }

  .category-card {
    touch-action: manipulation;
    min-height: 78px !important;
  }

  .category-card span {
    font-size: 11px !important;
  }

  .category-card small {
    font-size: 7px !important;
  }

  .product-card, .gold-button, .outline-button {
    touch-action: manipulation;
  }
}

@media (max-width: 430px) {
  .hero-copy {
    padding-top: 30px !important;
  }

  .hero-copy h1 {
    font-size: 38px !important;
    line-height: .96 !important;
  }

  .hero-copy p {
    font-size: 10px !important;
    line-height: 1.6 !important;
  }

  .hero-actions {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .hero-actions .gold-button {
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 7px !important;
  }

  .hero-actions .text-link {
    font-size: 7px !important;
  }

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

  .reference-categories {
    margin-top: -12px !important;
  }

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

.v3-brand {
  width: 220px !important;
}

.v3-brand .brand-mark {
  width: 205px;
}

.v3-header-cart {
  place-items: center;
  position: relative;
  display: grid !important;
}

.v3-header-cart b {
  background: var(--gold);
  color: #0c0c0a;
  border-radius: 999px;
  place-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 8px;
  display: grid;
  position: absolute;
  top: -9px;
  right: -8px;
}

.wishlist-button.is-active, .v2-favorite-button.is-active {
  color: #d6a75f;
  border-color: #9f7840 !important;
}

.v3-purchase-notice {
  color: #dda58f;
  background: #211510;
  border: 1px solid #573b31;
  margin-top: 8px;
  padding: 8px 10px;
  font-size: 9px;
}

.v3-purchase-notice.is-success {
  color: #77c385;
  background: #101c13;
  border-color: #304f37;
}

.v3-add-cart {
  flex: 1;
  gap: 8px;
}

.v3-cart-page, .v3-account-subpage {
  padding-top: 34px;
  padding-bottom: 72px;
}

.v3-cart-head, .v3-subpage-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 25px;
  display: flex;
}

.v3-cart-head h1, .v3-subpage-head h1 {
  margin: 6px 0 8px;
  font: 400 34px / 1 Georgia, serif;
}

.v3-cart-head p, .v3-subpage-head p {
  color: #8e8a82;
  margin: 0;
  font-size: 11px;
}

.v3-cart-head > a, .v3-subpage-head > a {
  color: #c59a58;
  border-bottom: 1px solid #58472d;
  padding-bottom: 3px;
  font-size: 10px;
}

.v3-cart-layout {
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: 18px;
  display: grid;
}

.v3-cart-list {
  gap: 9px;
  display: grid;
}

.v3-cart-item {
  background: #10110f;
  border: 1px solid #333129;
  grid-template-columns: 150px minmax(0, 1fr) 110px;
  gap: 15px;
  min-height: 128px;
  padding: 10px;
  display: grid;
}

.v3-cart-image {
  background: #0a0b09;
  min-height: 105px;
  display: block;
  overflow: hidden;
}

.v3-cart-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.v3-cart-info {
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: 4px 0;
  display: flex;
}

.v3-cart-info > div:first-child > small {
  color: #a67e43;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 7px;
  display: block;
}

.v3-cart-info > div:first-child > a {
  color: #e1d8cc;
  margin: 5px 0;
  font: 400 14px / 1.3 Georgia, serif;
  display: block;
}

.v3-cart-info > div:first-child > span {
  color: #77736c;
  font-size: 8px;
}

.v3-cart-item-bottom {
  align-items: center;
  gap: 10px;
  display: flex;
}

.v3-cart-qty {
  border: 1px solid #38352e;
  grid-template-columns: 30px 30px 30px;
  align-items: center;
  height: 31px;
  display: grid;
}

.v3-cart-qty button {
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  height: 100%;
  display: grid;
}

.v3-cart-qty button:disabled {
  opacity: .35;
}

.v3-cart-qty svg {
  width: 12px;
}

.v3-cart-qty strong {
  text-align: center;
  font-size: 9px;
}

.v3-remove {
  color: #7e7870;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  font-size: 8px;
  display: inline-flex;
}

.v3-remove svg {
  width: 13px;
}

.v3-cart-line-price {
  text-align: right;
  color: #d9ae68;
  align-self: center;
  font-size: 13px;
}

.v3-cart-mobile-price {
  display: none;
}

.v3-cart-summary {
  background: linear-gradient(#151612, #0f100e);
  border: 1px solid #37342c;
  padding: 20px;
  position: sticky;
  top: 88px;
}

.v3-cart-summary h2 {
  margin: 4px 0 18px;
  font: 400 20px Georgia, serif;
}

.v3-summary-row {
  color: #908b83;
  border-bottom: 1px solid #292821;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-size: 9px;
  display: flex;
}

.v3-summary-row strong {
  color: #d7cabb;
}

.v3-summary-row small {
  color: #77736b;
  font-size: 8px;
}

.v3-summary-row.is-discount, .v3-summary-row.is-discount strong {
  color: #70b87a;
}

.v3-summary-total {
  justify-content: space-between;
  align-items: baseline;
  padding: 14px 0;
  display: flex;
}

.v3-summary-total span {
  font: 400 13px Georgia, serif;
}

.v3-summary-total strong {
  color: #ddb36e;
  font-size: 20px;
}

.v3-coupon {
  border-top: 1px solid #2e2b24;
  padding-top: 12px;
}

.v3-coupon label {
  color: #aaa298;
  align-items: center;
  gap: 6px;
  margin-bottom: 7px;
  font-size: 8px;
  display: flex;
}

.v3-coupon label svg {
  color: #bd914f;
  width: 13px;
}

.v3-coupon > div {
  grid-template-columns: 1fr 70px;
  height: 34px;
  display: grid;
}

.v3-coupon input {
  color: #ddd3c8;
  text-transform: uppercase;
  background: #0c0d0b;
  border: 1px solid #37342c;
  min-width: 0;
  padding: 0 9px;
  font-size: 8px;
}

.v3-coupon button {
  color: #c59b5a;
  cursor: pointer;
  background: #181611;
  border: 1px solid #886638;
  font-size: 8px;
}

.v3-coupon > small {
  color: #cf8670;
  margin-top: 7px;
  font-size: 7px;
  display: block;
}

.v3-coupon > small.is-ok {
  color: #71b67a;
}

.v3-checkout-disabled {
  opacity: .55;
  cursor: not-allowed;
  width: 100%;
  margin-top: 14px;
}

.v3-cart-trust {
  color: #706d66;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
  font-size: 7px;
  display: flex;
}

.v3-cart-trust span {
  align-items: center;
  gap: 4px;
  display: flex;
}

.v3-cart-trust svg {
  color: #9f7b45;
  width: 12px;
}

.v3-empty-cart, .v3-favorites-empty, .v3-address-empty {
  text-align: center;
  background: #10110f;
  border: 1px solid #343129;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 360px;
  padding: 35px;
  display: flex;
}

.v3-empty-cart > svg, .v3-favorites-empty > svg, .v3-address-empty > svg {
  color: #a78148;
  stroke-width: 1.2px;
  width: 42px;
  height: 42px;
}

.v3-empty-cart h1, .v3-favorites-empty h2, .v3-address-empty h2 {
  margin: 14px 0 7px;
  font: 400 24px Georgia, serif;
}

.v3-empty-cart p, .v3-favorites-empty p, .v3-address-empty p {
  color: #858078;
  max-width: 420px;
  margin: 0 0 18px;
  font-size: 9px;
  line-height: 1.6;
}

.v3-account-shortcuts {
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0;
  display: flex;
}

.v3-account-shortcuts a {
  color: #cbbda9;
  background: #11120f;
  border: 1px solid #343129;
  padding: 10px 13px;
  font-size: 8px;
}

.v3-address-toolbar {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.v3-address-toolbar > div {
  color: #8b867e;
  font-size: 9px;
}

.v3-address-toolbar > div strong {
  color: #d5aa66;
  font-size: 16px;
}

.v3-address-toolbar .gold-button {
  gap: 6px;
}

.v3-address-toolbar svg {
  width: 14px;
}

.v3-address-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  display: grid;
}

.v3-address-card {
  background: #11120f;
  border: 1px solid #343129;
  min-height: 190px;
  padding: 18px;
}

.v3-address-card.is-default {
  border-color: #80633a;
  box-shadow: inset 0 0 0 1px #c8995214;
}

.v3-address-card-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v3-address-card-head > span {
  color: #c8b79f;
  align-items: center;
  gap: 7px;
  display: flex;
}

.v3-address-card-head svg {
  color: #af8246;
  width: 15px;
}

.v3-address-card-head > b {
  color: #6db57a;
  align-items: center;
  gap: 3px;
  font-size: 7px;
  font-weight: 600;
  display: flex;
}

.v3-address-card-head > b svg {
  color: #6db57a;
  width: 11px;
}

.v3-address-card h3 {
  margin: 14px 0 6px;
  font: 400 15px Georgia, serif;
}

.v3-address-card p {
  color: #8b867d;
  margin: 0 0 8px;
  font-size: 8px;
  line-height: 1.65;
}

.v3-address-card > small {
  color: #b2a99d;
  font-size: 8px;
}

.v3-address-actions {
  gap: 6px;
  margin-top: 14px;
  display: flex;
}

.v3-address-actions button {
  color: #a99f91;
  cursor: pointer;
  background: #151612;
  border: 1px solid #37342d;
  align-items: center;
  gap: 4px;
  padding: 7px 9px;
  font-size: 7px;
  display: flex;
}

.v3-address-actions button svg {
  width: 11px;
}

.v3-address-actions .danger {
  color: #b77968;
}

.v3-address-overlay {
  z-index: 100;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #000000bd;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.v3-address-sheet {
  background: #10110f;
  border-left: 1px solid #4a402f;
  width: min(520px, 100%);
  height: 100%;
  padding: 25px;
  overflow: auto;
}

.v3-sheet-head {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.v3-sheet-head small {
  letter-spacing: 1.4px;
  color: #af8548;
  font-size: 7px;
}

.v3-sheet-head h2 {
  margin: 5px 0 0;
  font: 400 24px Georgia, serif;
}

.v3-sheet-head button {
  cursor: pointer;
  background: none;
  border: 0;
}

.v3-address-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.v3-address-form-grid label {
  color: #a49d92;
  gap: 5px;
  font-size: 8px;
  display: grid;
}

.v3-address-form-grid .wide {
  grid-column: 1 / -1;
}

.v3-address-form-grid input, .v3-address-form-grid textarea {
  color: #ded5c9;
  background: #0b0c0a;
  border: 1px solid #37342d;
  outline: none;
  width: 100%;
  padding: 10px;
  font-size: 9px;
}

.v3-address-form-grid input:focus, .v3-address-form-grid textarea:focus {
  border-color: #8e6c3b;
}

.v3-default-check {
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  display: flex !important;
}

.v3-default-check input {
  height: 14px;
  width: 14px !important;
}

.v3-address-sheet > .gold-button {
  margin-top: 16px;
}

.v3-mobile-cart-link {
  position: relative;
}

.v3-mobile-icon-wrap {
  place-items: center;
  display: grid;
  position: relative;
}

.v3-mobile-icon-wrap b {
  color: #0b0b09;
  background: #c89b54;
  border-radius: 99px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  font-size: 7px;
  display: grid;
  position: absolute;
  top: -7px;
  right: -8px;
}

.mobile-nav .v3-mobile-cart-link {
  display: flex;
}

.v3-account-subpage .product-grid {
  margin-top: 12px;
}

@media (max-width: 920px) {
  .v3-cart-layout {
    grid-template-columns: 1fr;
  }

  .v3-cart-summary {
    position: relative;
    top: auto;
  }

  .v3-address-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .v3-brand {
    width: auto !important;
  }

  .v3-brand .brand-mark {
    width: 155px;
  }

  .v3-cart-page, .v3-account-subpage {
    padding-top: 22px;
    padding-bottom: 115px;
  }

  .v3-cart-head, .v3-subpage-head {
    align-items: flex-start;
  }

  .v3-cart-head h1, .v3-subpage-head h1 {
    font-size: 27px;
  }

  .v3-cart-head > a, .v3-subpage-head > a {
    white-space: nowrap;
    font-size: 8px;
  }

  .v3-cart-item {
    grid-template-columns: 105px 1fr;
    gap: 10px;
    min-height: 142px;
    padding: 8px;
  }

  .v3-cart-image {
    min-height: 120px;
  }

  .v3-cart-line-price {
    display: none;
  }

  .v3-cart-mobile-price {
    color: #dbaf68;
    margin: 6px 0;
    font-size: 11px;
    display: block;
  }

  .v3-cart-info > div:first-child > a {
    font-size: 12px;
  }

  .v3-cart-item-bottom {
    margin-top: auto;
  }

  .v3-cart-summary {
    padding: 17px;
  }

  .v3-cart-trust {
    font-size: 7px;
  }

  .v3-address-grid {
    grid-template-columns: 1fr;
  }

  .v3-address-card {
    min-height: auto;
  }

  .v3-address-overlay {
    align-items: flex-end;
  }

  .v3-address-sheet {
    border-top: 1px solid #5a482d;
    border-left: 0;
    border-radius: 18px 18px 0 0;
    width: 100%;
    height: min(90dvh, 760px);
    padding: 20px 16px 95px;
  }

  .v3-address-form-grid {
    gap: 9px;
  }

  .v3-address-form-grid input, .v3-address-form-grid textarea {
    font-size: 16px;
  }

  .v3-address-toolbar .gold-button {
    min-height: 38px;
  }

  .v3-empty-cart, .v3-favorites-empty, .v3-address-empty {
    min-height: 330px;
  }

  .v2-mobile-purchase-bar {
    z-index: 115;
  }
}

@media (max-width: 430px) {
  .v3-cart-head, .v3-subpage-head {
    display: block;
  }

  .v3-cart-head > a, .v3-subpage-head > a {
    margin-top: 10px;
    display: inline-block;
  }

  .v3-cart-item {
    grid-template-columns: 92px 1fr;
  }

  .v3-cart-image {
    min-height: 105px;
  }

  .v3-cart-qty {
    grid-template-columns: 28px 28px 28px;
  }

  .v3-remove span {
    display: none;
  }

  .v3-address-form-grid {
    grid-template-columns: 1fr;
  }

  .v3-address-form-grid .wide {
    grid-column: auto;
  }

  .v3-default-check {
    grid-column: 1 / -1 !important;
  }
}

.brand-mark {
  align-items: center;
  gap: 10px;
  width: 210px;
  max-width: 100%;
  line-height: 1;
  display: inline-flex;
}

.brand-monogram {
  object-fit: contain;
  flex: none;
  width: 62px !important;
  height: 47px !important;
}

.brand-words {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.brand-words strong {
  letter-spacing: 2.2px;
  color: #d8c3a4;
  white-space: nowrap;
  font: 400 20px / 1 Georgia, Times New Roman, serif;
}

.brand-words small {
  letter-spacing: 5px;
  color: #b99055;
  white-space: nowrap;
  margin-top: 7px;
  font: 600 7px / 1.2 Arial, sans-serif;
}

.brand-mark.is-compact .brand-monogram {
  width: 60px !important;
  height: 44px !important;
}

.footer-brand .brand-mark {
  width: 190px;
}

.footer-brand .brand-words strong {
  font-size: 18px;
}

.rail-logo-wrap .brand-mark {
  justify-content: center;
  width: 210px;
}

.rail-logo-wrap .brand-monogram {
  width: 72px !important;
  height: 53px !important;
}

.rail-logo-wrap .brand-words strong {
  font-size: 21px;
}

@media (max-width: 760px) {
  .brand-mark {
    gap: 7px;
  }

  .brand-mark.is-compact .brand-monogram {
    width: 47px !important;
    height: 35px !important;
  }

  .brand-mark.is-compact .brand-words strong {
    letter-spacing: 1.6px;
    font-size: 15px;
  }

  .brand-mark.is-compact .brand-words small {
    letter-spacing: 3.4px;
    margin-top: 5px;
    font-size: 5px;
  }
}

.v4-checkout-page, .v4-orders-page, .v4-order-detail, .v4-admin-detail {
  padding-top: 34px;
  padding-bottom: 70px;
}

.v4-checkout-head, .v4-list-head, .v4-order-detail-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 24px;
  display: flex;
}

.v4-checkout-head h1, .v4-list-head h1, .v4-order-detail-head h1 {
  color: #eee5d7;
  margin: 5px 0 7px;
  font: 400 34px / 1.05 Georgia, serif;
}

.v4-checkout-head p, .v4-list-head p, .v4-order-detail-head p {
  color: #8f8b83;
  margin: 0;
  font-size: 12px;
}

.v4-checkout-head > div:last-child {
  color: #69665f;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  display: flex;
}

.v4-checkout-head > div:last-child strong {
  color: #d1a660;
}

.v4-checkout-grid {
  grid-template-columns: minmax(0, 1.5fr) minmax(310px, .65fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.v4-checkout-main {
  gap: 12px;
  display: grid;
}

.v4-checkout-card, .v4-detail-card, .v4-order-summary, .v4-detail-summary {
  background: linear-gradient(#121310, #0e0f0d);
  border: 1px solid #38352e;
  border-radius: 4px;
}

.v4-checkout-card {
  padding: 20px;
}

.v4-step-title {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.v4-step-title > span {
  color: #d2a963;
  border: 1px solid #8f6b35;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}

.v4-step-title h2, .v4-detail-card h2, .v4-order-summary h2, .v4-detail-summary h2 {
  margin: 0 0 3px;
  font: 400 17px Georgia, serif;
}

.v4-step-title p {
  color: #7f7b73;
  margin: 0;
  font-size: 9px;
}

.v4-address-grid {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.v4-address-option {
  text-align: left;
  color: #cbc4b9;
  cursor: pointer;
  background: #0d0e0c;
  border: 1px solid #302e28;
  border-radius: 3px;
  grid-template-columns: 24px 1fr;
  gap: 8px;
  min-height: 122px;
  padding: 13px;
  display: grid;
  position: relative;
}

.v4-address-option.active {
  border-color: #b88844;
  box-shadow: inset 0 0 0 1px #cb9b5229;
}

.v4-radio {
  border: 1px solid #4b473e;
  border-radius: 50%;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  display: grid;
}

.v4-radio svg {
  width: 11px;
}

.v4-address-option.active .v4-radio {
  color: #111;
  background: #c99a54;
  border-color: #c99a54;
}

.v4-address-option strong, .v4-address-option b {
  font-size: 10px;
  display: block;
}

.v4-address-option b {
  margin: 5px 0 3px;
  font-weight: 500;
}

.v4-address-option p {
  color: #807c74;
  margin: 0;
  font-size: 9px;
  line-height: 1.5;
}

.v4-address-option small {
  color: #9b8a70;
  font-size: 8px;
}

.v4-no-address {
  border: 1px dashed #4a4338;
  align-items: center;
  gap: 14px;
  padding: 17px;
  display: flex;
}

.v4-no-address svg {
  color: #b88c4c;
}

.v4-no-address div {
  flex: 1;
}

.v4-no-address strong {
  font-size: 11px;
}

.v4-no-address p {
  color: #817d75;
  margin: 4px 0 0;
  font-size: 9px;
}

.v4-no-address a {
  color: #d1a45e;
  align-items: center;
  font-size: 9px;
  display: flex;
}

.v4-no-address a svg {
  width: 13px;
}

.v4-shipping-options {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.v4-shipping-options button {
  color: #cfc8bd;
  text-align: left;
  cursor: pointer;
  background: #0d0e0c;
  border: 1px solid #302e28;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  min-height: 74px;
  padding: 12px;
  display: grid;
}

.v4-shipping-options button.active {
  border-color: #b88844;
}

.v4-shipping-options svg {
  color: #b88c4c;
  width: 22px;
}

.v4-shipping-options strong, .v4-shipping-options small {
  display: block;
}

.v4-shipping-options strong {
  font-size: 10px;
}

.v4-shipping-options small {
  color: #7d7971;
  margin-top: 4px;
  font-size: 8px;
}

.v4-shipping-options b {
  color: #d0a45d;
  font-size: 9px;
}

.v4-free-shipping-note {
  color: #8b867d;
  margin-top: 10px;
  font-size: 8px;
}

.v4-free-shipping-note b {
  color: #c89c58;
}

.v4-paytr-preview {
  background: #0d0e0c;
  border: 1px solid #302e28;
  align-items: center;
  gap: 13px;
  padding: 14px;
  display: flex;
}

.v4-paytr-preview > svg {
  color: #c69955;
}

.v4-paytr-preview div {
  flex: 1;
}

.v4-paytr-preview strong {
  font-size: 11px;
}

.v4-paytr-preview p {
  color: #817c74;
  margin: 3px 0 0;
  font-size: 8px;
  line-height: 1.5;
}

.v4-paytr-preview > span {
  color: #b98d4d;
  border: 1px solid #5b4527;
  padding: 4px 6px;
  font-size: 8px;
}

.v4-order-summary {
  padding: 19px;
  position: sticky;
  top: 95px;
}

.v4-summary-products {
  gap: 8px;
  max-height: 270px;
  margin: 12px 0 16px;
  display: grid;
  overflow: auto;
}

.v4-summary-products > div {
  border-bottom: 1px solid #27261f;
  grid-template-columns: 58px 1fr auto;
  align-items: center;
  gap: 9px;
  padding-bottom: 8px;
  display: grid;
}

.v4-summary-products img {
  object-fit: cover;
  border: 1px solid #302e28;
  width: 58px;
  height: 58px;
}

.v4-summary-products strong, .v4-summary-products small, .v4-summary-products span {
  display: block;
}

.v4-summary-products strong {
  font: 400 9px Georgia, serif;
}

.v4-summary-products small, .v4-summary-products span {
  color: #807b73;
  margin-top: 3px;
  font-size: 7px;
}

.v4-summary-products b {
  color: #d0a45e;
  font-size: 8px;
}

.v4-coupon label {
  color: #999184;
  align-items: center;
  gap: 5px;
  font-size: 8px;
  display: flex;
}

.v4-coupon label svg {
  width: 12px;
}

.v4-coupon > div {
  grid-template-columns: 1fr 67px;
  height: 30px;
  margin-top: 6px;
  display: grid;
}

.v4-coupon input {
  color: #ddd1c2;
  background: #0b0c0a;
  border: 1px solid #343129;
  min-width: 0;
  padding: 0 8px;
  font-size: 8px;
}

.v4-coupon button {
  color: #d3a65f;
  background: #1c1811;
  border: 1px solid #8c6938;
  font-size: 7px;
}

.v4-coupon > small {
  color: #c26d5e;
  font-size: 7px;
}

.v4-coupon > small.ok {
  color: #62ad6b;
}

.v4-totals {
  border-top: 1px solid #2a2822;
  margin-top: 15px;
  padding-top: 10px;
}

.v4-totals p {
  color: #8a857c;
  justify-content: space-between;
  margin: 7px 0;
  font-size: 8px;
  display: flex;
}

.v4-totals p b {
  color: #c3baac;
}

.v4-totals p.discount b {
  color: #63ad6b;
}

.v4-totals > div {
  border-top: 1px solid #302e28;
  justify-content: space-between;
  align-items: end;
  margin-top: 10px;
  padding-top: 12px;
  display: flex;
}

.v4-totals > div span {
  font: 400 12px Georgia, serif;
}

.v4-totals > div strong {
  color: #d4a65c;
  font-size: 18px;
}

.v4-create-order, .v4-checkout-link {
  width: 100%;
  margin-top: 14px;
}

.v4-checkout-link {
  display: flex;
}

.v4-payment-warning {
  align-items: flex-start;
  gap: 6px;
  display: flex;
  color: #6f6b64 !important;
  font-size: 7px !important;
  line-height: 1.45 !important;
}

.v4-payment-warning svg {
  color: #8f7042;
  flex: none;
  width: 13px;
}

.v4-checkout-error {
  color: #dc7564;
  background: #9637281a;
  border: 1px solid #b74f3c59;
  padding: 8px;
  font-size: 8px;
}

.v4-order-list {
  gap: 8px;
  display: grid;
}

.v4-order-row {
  background: #10110f;
  border: 1px solid #302e28;
  grid-template-columns: 155px 1fr 150px 115px 18px;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  transition: all .18s;
  display: grid;
}

.v4-order-row:hover {
  background: #12130f;
  border-color: #705632;
}

.v4-order-thumbs {
  display: flex;
}

.v4-order-thumbs img {
  object-fit: cover;
  border: 2px solid #11120f;
  width: 48px;
  height: 48px;
  margin-right: -9px;
}

.v4-order-meta small, .v4-order-meta strong, .v4-order-meta span, .v4-order-state small {
  display: block;
}

.v4-order-meta small {
  color: #77736b;
  font-size: 7px;
}

.v4-order-meta strong {
  margin: 3px 0;
  font: 400 11px Georgia, serif;
}

.v4-order-meta span {
  color: #8c877f;
  font-size: 7px;
}

.v4-order-state small {
  color: #77736c;
  margin-top: 4px;
  font-size: 7px;
}

.v4-order-row > b {
  color: #d2a65e;
  font-size: 10px;
}

.status {
  color: #bfae92;
  border: 1px solid #4b4437;
  width: max-content;
  padding: 4px 7px;
  font-size: 7px;
  display: inline-flex;
}

.status.pending_payment {
  color: #d1a85f;
  border-color: #6c532f;
}

.status.confirmed, .status.preparing, .status.packed {
  color: #d5ba87;
  border-color: #665638;
}

.status.shipped {
  color: #77a8d1;
  border-color: #39546a;
}

.status.delivered {
  color: #67b873;
  border-color: #355d3a;
}

.status.cancelled {
  color: #d27464;
  border-color: #6d3e37;
}

.v4-empty-orders {
  text-align: center;
  border: 1px dashed #38352e;
  padding: 70px 20px;
}

.v4-empty-orders svg {
  color: #a67d43;
  width: 42px;
  height: 42px;
}

.v4-empty-orders h2 {
  font: 400 20px Georgia, serif;
}

.v4-empty-orders p {
  color: #7f7a72;
  font-size: 9px;
}

.v4-order-detail-head > div:last-child {
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  display: flex;
}

.v4-order-detail-head > div:last-child small {
  color: #8b867e;
  font-size: 8px;
}

.v4-order-timeline {
  background: #0f100e;
  border: 1px solid #302e28;
  grid-template-columns: repeat(6, 1fr);
  margin: 5px 0 18px;
  padding: 16px 12px;
  display: grid;
}

.v4-order-timeline > div {
  text-align: center;
  color: #56534d;
  position: relative;
}

.v4-order-timeline > div:not(:last-child):after {
  content: "";
  background: #33312a;
  width: 88%;
  height: 1px;
  position: absolute;
  top: 12px;
  left: 56%;
}

.v4-order-timeline > div.done:not(:last-child):after {
  background: #8d6b3b;
}

.v4-order-timeline span {
  z-index: 1;
  background: #11120f;
  border: 1px solid #343129;
  border-radius: 50%;
  place-items: center;
  width: 25px;
  height: 25px;
  margin: 0 auto 7px;
  display: grid;
  position: relative;
}

.v4-order-timeline svg {
  width: 12px;
}

.v4-order-timeline .done {
  color: #c99d57;
}

.v4-order-timeline .done span {
  color: #111;
  background: #b98945;
  border-color: #b98945;
}

.v4-order-timeline small {
  font-size: 7px;
}

.v4-order-detail-grid {
  grid-template-columns: 1.45fr .55fr;
  align-items: start;
  gap: 13px;
  display: grid;
}

.v4-order-detail-grid > div {
  gap: 11px;
  display: grid;
}

.v4-detail-card {
  padding: 18px;
}

.v4-detail-card h2 {
  align-items: center;
  gap: 7px;
  margin-bottom: 13px;
  display: flex;
}

.v4-detail-card h2 svg {
  color: #aa8248;
  width: 17px;
}

.v4-order-product {
  border-top: 1px solid #292820;
  grid-template-columns: 82px 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 10px 0;
  display: grid;
}

.v4-order-product:first-of-type {
  border-top: 0;
}

.v4-order-product img {
  object-fit: cover;
  width: 82px;
  height: 72px;
}

.v4-order-product small, .v4-order-product a, .v4-order-product span, .v4-order-product p {
  display: block;
}

.v4-order-product small {
  color: #a17e49;
  font-size: 7px;
}

.v4-order-product a {
  margin: 3px 0;
  font: 400 11px Georgia, serif;
}

.v4-order-product span, .v4-order-product p {
  color: #817c74;
  margin: 2px 0;
  font-size: 7px;
}

.v4-order-product > strong {
  color: #d1a55d;
  font-size: 9px;
}

.v4-address-detail strong {
  font-size: 10px;
}

.v4-address-detail p, .v4-address-detail span {
  color: #8a857d;
  font-size: 8px;
  line-height: 1.6;
}

.v4-detail-summary {
  padding: 18px;
  position: sticky;
  top: 95px;
}

.v4-detail-summary > p {
  color: #817d75;
  justify-content: space-between;
  font-size: 8px;
  display: flex;
}

.v4-detail-summary > p b {
  color: #bbb2a4;
}

.v4-detail-summary > p.discount b {
  color: #69af71;
}

.v4-detail-summary > div:not(.v4-paytr-order-note) {
  border-top: 1px solid #302e28;
  justify-content: space-between;
  align-items: end;
  padding-top: 12px;
  display: flex;
}

.v4-detail-summary > div strong {
  color: #d0a45e;
  font-size: 17px;
}

.v4-detail-summary hr {
  border: 0;
  border-top: 1px solid #302e28;
  margin: 16px 0;
}

.v4-detail-summary h3 {
  align-items: center;
  gap: 6px;
  font: 400 11px Georgia, serif;
  display: flex;
}

.v4-detail-summary h3 svg {
  color: #a77c43;
  width: 15px;
}

.v4-paytr-order-note {
  color: #817b72;
  background: #0b0c0a;
  border: 1px solid #3a342a;
  margin: 14px 0;
  padding: 10px;
  font-size: 7px;
  line-height: 1.5;
}

.v4-detail-summary > a {
  color: #c59650;
  font-size: 8px;
}

.v4-cancelled-banner {
  color: #d47b6d;
  background: #742a1f1f;
  border: 1px solid #6a3c34;
  margin-bottom: 12px;
  padding: 10px;
  font-size: 9px;
}

.v4-admin-order-table {
  background: #17191d;
  border: 1px solid #30323a;
}

.v4-admin-order-table .head, .v4-admin-order-table .row {
  grid-template-columns: 1.2fr 1.2fr .8fr .6fr 20px;
  align-items: center;
  gap: 12px;
  display: grid;
}

.v4-admin-order-table .head {
  color: #777e88;
  text-transform: uppercase;
  border-bottom: 1px solid #30323a;
  padding: 11px 14px;
  font-size: 8px;
}

.v4-admin-order-table .row {
  border-bottom: 1px solid #272a30;
  padding: 12px 14px;
}

.v4-admin-order-table .row:hover {
  background: #1d2025;
}

.v4-admin-order-table .row > span strong, .v4-admin-order-table .row > span small {
  display: block;
}

.v4-admin-order-table .row > span strong {
  font-size: 9px;
}

.v4-admin-order-table .row > span small {
  color: #737a83;
  margin-top: 3px;
  font-size: 7px;
}

.v4-admin-order-table .row > b {
  font-size: 9px;
}

.v4-admin-detail-grid {
  grid-template-columns: 1.2fr .8fr;
  gap: 13px;
  display: grid;
}

.v4-admin-side {
  align-content: start;
  gap: 13px;
  display: grid;
}

.v4-admin-item {
  border-top: 1px solid #292820;
  justify-content: space-between;
  padding: 10px 0;
  display: flex;
}

.v4-admin-item strong, .v4-admin-item small {
  display: block;
}

.v4-admin-item strong {
  font-size: 10px;
}

.v4-admin-item small {
  color: #77736b;
  margin-top: 4px;
  font-size: 8px;
}

.v4-admin-item > b {
  color: #d1a45c;
  font-size: 9px;
}

.v4-admin-actions {
  gap: 8px;
  display: grid;
}

.v4-admin-actions label {
  color: #858b94;
  gap: 4px;
  font-size: 8px;
  display: grid;
}

.v4-admin-actions input, .v4-admin-actions select {
  color: #d9dce1;
  background: #121419;
  border: 1px solid #363a42;
  height: 34px;
  padding: 0 9px;
  font-size: 9px;
}

.v4-admin-actions button {
  color: #111;
  background: #b88c4b;
  border: 1px solid #9f7842;
  height: 35px;
  font-size: 8px;
  font-weight: 800;
}

.v4-admin-actions small {
  color: #66ad71;
  font-size: 8px;
}

@media (max-width: 920px) {
  .v4-checkout-grid, .v4-order-detail-grid, .v4-admin-detail-grid {
    grid-template-columns: 1fr;
  }

  .v4-order-summary, .v4-detail-summary {
    position: static;
  }

  .v4-order-row {
    grid-template-columns: 125px 1fr 130px 95px 15px;
  }

  .v4-admin-order-table .head, .v4-admin-order-table .row {
    grid-template-columns: 1.2fr 1fr .8fr .6fr 16px;
  }
}

@media (max-width: 760px) {
  .v4-checkout-page, .v4-orders-page, .v4-order-detail, .v4-admin-detail {
    padding: 20px 0 105px;
  }

  .v4-checkout-head, .v4-list-head, .v4-order-detail-head {
    margin-bottom: 16px;
    display: block;
  }

  .v4-checkout-head h1, .v4-list-head h1, .v4-order-detail-head h1 {
    font-size: 27px;
  }

  .v4-checkout-head > div:last-child {
    margin-top: 12px;
  }

  .v4-checkout-card {
    padding: 14px;
  }

  .v4-address-grid, .v4-shipping-options {
    grid-template-columns: 1fr;
  }

  .v4-address-option {
    min-height: 108px;
  }

  .v4-order-summary {
    padding: 15px;
  }

  .v4-summary-products {
    max-height: none;
  }

  .v4-create-order {
    z-index: 6;
    min-height: 48px;
    position: sticky;
    bottom: 76px;
    box-shadow: 0 -8px 25px #00000080;
  }

  .v4-order-row {
    grid-template-columns: 92px 1fr 18px;
    gap: 10px;
    padding: 11px;
  }

  .v4-order-row .v4-order-state, .v4-order-row > b {
    grid-column: 2;
  }

  .v4-order-thumbs img {
    width: 42px;
    height: 42px;
  }

  .v4-order-meta strong {
    font-size: 10px;
  }

  .v4-order-timeline {
    grid-template-columns: repeat(6, 92px);
    padding: 14px 8px;
    overflow-x: auto;
  }

  .v4-order-timeline > div:not(:last-child):after {
    width: 75%;
  }

  .v4-order-product {
    grid-template-columns: 68px 1fr;
  }

  .v4-order-product img {
    width: 68px;
    height: 64px;
  }

  .v4-order-product > strong {
    grid-column: 2;
  }

  .v4-admin-order-table {
    overflow-x: auto;
  }

  .v4-admin-order-table .head, .v4-admin-order-table .row {
    min-width: 650px;
  }
}

.v5-admin-shell {
  background: #0b0c0d;
  border-color: #292b30;
  grid-template-columns: 245px minmax(0, 1fr);
  width: min(1680px, 100% - 28px);
}

.v5-admin-shell .admin-main {
  background: linear-gradient(145deg, #0c0d0e, #101114);
  min-width: 0;
  padding: 26px;
}

.v5-admin-sidebar {
  background: #111318;
  border-right-color: #2b2e35;
}

.v5-admin-sidebar nav a, .v5-admin-sidebar nav > span {
  color: #8c929b;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 10px;
  font-size: 10px;
  display: flex;
}

.v5-admin-sidebar nav a:hover {
  color: #d9dce2;
  background: #171a1f;
}

.v5-admin-sidebar nav a.active {
  color: #ddb66f;
  background: linear-gradient(90deg, #c6975229, #c6975205);
  border-left: 2px solid #c89b58;
}

.v5-admin-sidebar nav svg {
  width: 16px;
}

.v5-admin-sidebar nav small {
  color: #666c75;
  margin-left: auto;
  font-size: 7px;
}

.v5-admin-nav-disabled {
  opacity: .48;
  cursor: not-allowed;
}

.v5-admin-top {
  align-items: flex-end;
}

.v5-admin-top p {
  color: #777e87;
  margin: 5px 0 0;
  font-size: 9px;
}

.v5-admin-top > a, .v5-admin-top-actions > a {
  color: #bd965c;
  font-size: 9px;
}

.v5-admin-top-actions {
  align-items: center;
  gap: 9px;
  display: flex;
}

.v5-admin-primary, .v5-admin-secondary, .v5-danger-button {
  color: #121313;
  cursor: pointer;
  background: #c19655;
  border: 1px solid #a77c42;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 14px;
  font-size: 8px;
  font-weight: 800;
  display: inline-flex;
}

.v5-admin-primary svg, .v5-admin-secondary svg, .v5-danger-button svg {
  width: 14px;
}

.v5-admin-secondary {
  color: #d3ad70;
  background: #181a1f;
  border-color: #5c472c;
}

.v5-danger-button {
  color: #d98272;
  background: #221311;
  border-color: #633b35;
}

.v5-admin-card {
  background: linear-gradient(150deg, #15171b, #111318);
  border: 1px solid #2c3037;
  padding: 18px;
}

.v5-admin-card-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 14px;
  display: flex;
}

.v5-admin-card-head small {
  letter-spacing: 1.2px;
  color: #9a7647;
  font-size: 7px;
  display: block;
}

.v5-admin-card-head h2, .v5-admin-card-head h3 {
  color: #e0d8cc;
  margin: 4px 0 0;
  font: 400 16px Georgia, serif;
}

.v5-admin-card-head h3 {
  font-size: 13px;
}

.v5-admin-card-head p {
  color: #727882;
  margin: 5px 0 0;
  font-size: 8px;
  line-height: 1.5;
}

.v5-admin-card-head > span, .v5-admin-card-head > a {
  color: #a38458;
  font-size: 8px;
}

.v5-dashboard-stats {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 10px;
  display: grid;
}

.v5-dashboard-stats > div {
  background: linear-gradient(145deg, #16181d, #101216);
  border: 1px solid #2d3037;
  min-height: 125px;
  padding: 17px;
  position: relative;
  overflow: hidden;
}

.v5-dashboard-stats > div > span {
  color: #c89b5a;
  border: 1px solid #57462f;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.v5-dashboard-stats > div > span svg {
  width: 15px;
}

.v5-dashboard-stats small, .v5-dashboard-stats strong, .v5-dashboard-stats em {
  display: block;
}

.v5-dashboard-stats small {
  color: #777d86;
  margin-top: 10px;
  font-size: 8px;
}

.v5-dashboard-stats strong {
  margin-top: 4px;
  font: 400 22px Georgia, serif;
}

.v5-dashboard-stats em {
  color: #6c727b;
  margin-top: 8px;
  font-size: 7px;
  font-style: normal;
}

.v5-dashboard-stats a {
  color: #b68e55;
  align-items: center;
  gap: 4px;
  font-size: 7px;
  display: flex;
  position: absolute;
  bottom: 12px;
  right: 13px;
}

.v5-dashboard-stats a svg {
  width: 11px;
}

.v5-dashboard-grid {
  grid-template-columns: 1.4fr .6fr;
  gap: 10px;
  margin-bottom: 10px;
  display: grid;
}

.v5-dashboard-lower {
  grid-template-columns: 1.35fr .65fr;
}

.v5-chart-bars {
  grid-template-columns: repeat(7, 1fr);
  align-items: end;
  gap: 12px;
  height: 230px;
  padding-top: 12px;
  display: grid;
}

.v5-chart-bars > div {
  text-align: center;
  grid-template-rows: 1fr auto auto;
  gap: 5px;
  height: 100%;
  display: grid;
}

.v5-chart-bars > div > span {
  border-bottom: 1px solid #292d34;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.v5-chart-bars i {
  background: linear-gradient(#d2a45e, #6f4e25);
  width: min(44px, 72%);
  min-height: 5px;
  display: block;
  box-shadow: 0 0 20px #c491461f;
}

.v5-chart-bars small {
  color: #707680;
  text-transform: capitalize;
  font-size: 7px;
}

.v5-chart-bars b {
  color: #9b814f;
  font-size: 6px;
  font-weight: 500;
}

.v5-action-list, .v5-dashboard-orders, .v5-low-stock-list {
  display: grid;
}

.v5-action-list a, .v5-dashboard-orders a, .v5-low-stock-list a {
  border-top: 1px solid #292c32;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  display: flex;
}

.v5-action-list a:first-child, .v5-dashboard-orders a:first-child, .v5-low-stock-list a:first-child {
  border-top: 0;
}

.v5-action-list > a > svg:first-child {
  color: #bd8e4f;
  width: 17px;
}

.v5-action-list > a > svg:last-child {
  color: #666d77;
  width: 13px;
  margin-left: auto;
}

.v5-action-list span, .v5-dashboard-orders span, .v5-low-stock-list span {
  flex: 1;
  min-width: 0;
}

.v5-action-list strong, .v5-action-list small, .v5-dashboard-orders strong, .v5-dashboard-orders small, .v5-low-stock-list strong, .v5-low-stock-list small {
  display: block;
}

.v5-action-list strong, .v5-dashboard-orders strong, .v5-low-stock-list strong {
  font-size: 9px;
}

.v5-action-list small, .v5-dashboard-orders small, .v5-low-stock-list small {
  color: #6f7680;
  margin-top: 3px;
  font-size: 7px;
}

.v5-dashboard-orders .status {
  margin-left: auto;
}

.v5-dashboard-orders > b {
  color: #c59a5a;
  text-align: right;
  min-width: 75px;
  font-size: 8px;
}

.v5-low-stock-list > b {
  color: #d0a15b;
  font-size: 9px;
}

.v5-low-stock-list > b.out {
  color: #d46f61;
}

.v5-admin-toolbar {
  grid-template-columns: minmax(260px, 1fr) 180px 180px 90px;
  gap: 8px;
  margin-bottom: 10px;
  display: grid;
}

.v5-admin-toolbar label {
  background: #121419;
  border: 1px solid #333740;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 10px;
  display: flex;
}

.v5-admin-toolbar label svg {
  color: #777e89;
  width: 13px;
}

.v5-admin-toolbar input, .v5-admin-toolbar select {
  color: #cdd0d5;
  background: #121419;
  border: 1px solid #333740;
  outline: none;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  font-size: 8px;
}

.v5-admin-toolbar label input {
  background: none;
  border: 0;
  height: auto;
  padding: 0;
}

.v5-admin-toolbar button {
  color: #111;
  background: #a97e47;
  border: 1px solid #977042;
  font-size: 7px;
  font-weight: 800;
}

.v5-admin-alert {
  background: #8357231f;
  border: 1px solid #5f492c;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 10px 12px;
  display: flex;
}

.v5-admin-alert svg {
  color: #d1a156;
  width: 16px;
}

.v5-admin-alert span {
  color: #9d9385;
  flex: 1;
  font-size: 8px;
}

.v5-admin-alert strong {
  color: #d9b36f;
}

.v5-admin-alert a {
  color: #d1a25b;
  font-size: 7px;
}

.v5-product-admin-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.v5-product-admin-card {
  background: #131519;
  border: 1px solid #2d3037;
  transition: all .18s;
  position: relative;
  overflow: hidden;
}

.v5-product-admin-card:hover {
  border-color: #655033;
  transform: translateY(-2px);
}

.v5-product-admin-image {
  background: #0b0c0e;
  height: 165px;
  position: relative;
}

.v5-product-admin-image img {
  object-fit: cover;
}

.v5-product-admin-image .v5-status-pill {
  position: absolute;
  top: 8px;
  left: 8px;
}

.v5-product-admin-card > div:nth-child(2) {
  padding: 12px;
}

.v5-product-admin-card > div:nth-child(2) > small {
  color: #8f7044;
  font-size: 6px;
}

.v5-product-admin-card h2 {
  color: #dfd7cc;
  margin: 4px 0;
  font: 400 11px / 1.35 Georgia, serif;
}

.v5-product-admin-card p {
  color: #737983;
  margin: 0;
  font-size: 7px;
}

.v5-product-admin-card > svg {
  color: #5f6670;
  width: 13px;
  position: absolute;
  bottom: 11px;
  right: 10px;
}

.v5-product-admin-metrics {
  border-top: 1px solid #292c32;
  gap: 15px;
  margin-top: 10px;
  padding-top: 9px;
  display: flex;
}

.v5-product-admin-metrics span {
  min-width: 0;
}

.v5-product-admin-metrics b, .v5-product-admin-metrics small {
  display: block;
}

.v5-product-admin-metrics b {
  color: #d0a25b;
  font-size: 8px;
}

.v5-product-admin-metrics small {
  color: #656b74;
  margin-top: 2px;
  font-size: 6px;
}

.v5-product-admin-metrics .danger b {
  color: #dd7867;
}

.v5-status-pill {
  color: #9da3ab;
  background: #191b20;
  border: 1px solid #4f555e;
  width: max-content;
  padding: 4px 7px;
  font-size: 6px;
  display: inline-flex;
}

.v5-status-pill.active {
  color: #72bb7b;
  border-color: #385e3d;
}

.v5-status-pill.draft {
  color: #d1a65d;
  border-color: #624f31;
}

.v5-status-pill.archived {
  color: #8d9299;
  border-color: #41454b;
}

.v5-admin-empty {
  text-align: center;
  color: #777d87;
  border: 1px dashed #3a3d44;
  grid-column: 1 / -1;
  align-content: center;
  place-items: center;
  min-height: 250px;
  display: grid;
}

.v5-admin-empty svg {
  width: 32px;
}

.v5-admin-empty h2 {
  margin: 9px 0 0;
  font: 400 16px Georgia, serif;
}

.v5-admin-empty p {
  font-size: 8px;
}

.v5-admin-form-grid {
  grid-template-columns: minmax(0, 1.6fr) minmax(250px, .55fr);
  gap: 10px;
  display: grid;
}

.v5-admin-form-side {
  align-content: start;
  gap: 10px;
  display: grid;
}

.v5-product-form label, .v5-settings-form label {
  color: #838a94;
  gap: 5px;
  margin-top: 11px;
  font-size: 8px;
  display: grid;
}

.v5-product-form input, .v5-product-form textarea, .v5-product-form select, .v5-settings-form input {
  color: #d5d7db;
  background: #0f1115;
  border: 1px solid #343841;
  outline: none;
  width: 100%;
  padding: 0 10px;
  font-size: 9px;
}

.v5-product-form input, .v5-product-form select, .v5-settings-form input {
  height: 36px;
}

.v5-product-form textarea {
  resize: vertical;
  padding: 10px;
}

.v5-form-two, .v5-form-three {
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
  display: grid;
}

.v5-form-three {
  grid-template-columns: repeat(3, 1fr);
}

.v5-switch-row {
  border-top: 1px solid #292c32;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  display: flex !important;
}

.v5-switch-row span, .v5-switch-row b, .v5-switch-row small {
  display: block;
}

.v5-switch-row b {
  color: #c7cbd0;
  font-size: 8px;
}

.v5-switch-row small {
  color: #6d737c;
  margin-top: 2px;
  font-size: 6px;
}

.v5-switch-row input {
  accent-color: #ba8b4b;
  width: 36px;
  height: 18px;
}

.v5-admin-image-preview {
  color: #5d626a;
  background: #0a0c0e;
  border: 1px solid #2e3239;
  place-items: center;
  height: 215px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.v5-admin-image-preview img {
  object-fit: cover;
}

.v5-admin-image-preview > svg {
  width: 28px;
}

.v5-upload-button {
  cursor: pointer;
  color: #cca35f !important;
  background: #191712 !important;
  border: 1px solid #5c472c !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  height: 34px !important;
  margin-top: 8px !important;
  font-size: 7px !important;
  display: flex !important;
}

.v5-upload-button svg {
  width: 13px;
}

.v5-upload-button input {
  display: none;
}

.v5-upload-button.compact {
  width: auto;
  padding: 0 12px;
  margin: 0 !important;
}

.v5-image-path {
  margin-top: 7px;
  color: #6d737c !important;
  height: 28px !important;
  font-size: 7px !important;
}

.v5-gallery-manager, .v5-variant-manager {
  margin-top: 10px;
}

.v5-gallery-grid {
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  display: grid;
}

.v5-gallery-grid > div {
  background: #0c0e11;
  border: 1px solid #333740;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.v5-gallery-grid img {
  object-fit: cover;
}

.v5-gallery-grid button {
  color: #d77a69;
  background: #1e0c0ad9;
  border: 1px solid #533b34;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
  position: absolute;
  top: 5px;
  right: 5px;
}

.v5-gallery-grid button svg {
  width: 12px;
}

.v5-variant-table, .v5-category-table, .v5-coupon-table, .v5-customer-table {
  overflow: auto;
}

.v5-variant-table .head, .v5-variant-table .row {
  grid-template-columns: 1fr 1fr 1.15fr 90px 120px 32px;
  align-items: center;
  gap: 7px;
  min-width: 760px;
  display: grid;
}

.v5-variant-table .head {
  color: #6d747e;
  text-transform: uppercase;
  border-bottom: 1px solid #2f333a;
  padding: 0 0 8px;
  font-size: 7px;
}

.v5-variant-table .row {
  border-bottom: 1px solid #272a30;
  padding: 7px 0;
}

.v5-variant-table input {
  height: 32px;
  margin: 0;
}

.v5-variant-table button {
  color: #d67667;
  background: #1d1110;
  border: 1px solid #5f3a35;
  height: 30px;
}

.v5-variant-table button svg {
  width: 13px;
}

.v5-admin-savebar {
  z-index: 15;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: #0d0e0ff5;
  border: 1px solid #39342a;
  justify-content: space-between;
  align-items: center;
  min-height: 58px;
  margin-top: 10px;
  padding: 10px 12px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.v5-admin-savebar span {
  color: #858b94;
  font-size: 8px;
}

.v5-admin-savebar button {
  gap: 7px;
}

.v5-admin-savebar button svg {
  width: 14px;
}

.v5-new-category {
  margin-bottom: 10px;
}

.v5-category-create, .v5-coupon-create {
  grid-template-columns: 1fr .9fr 1.5fr 80px 90px;
  gap: 7px;
  display: grid;
}

.v5-coupon-create {
  grid-template-columns: 1fr 120px 120px 130px 120px 100px;
}

.v5-category-create input, .v5-coupon-create input, .v5-coupon-create select, .v5-category-table input {
  color: #d3d6da;
  background: #101216;
  border: 1px solid #343841;
  height: 34px;
  padding: 0 9px;
  font-size: 8px;
}

.v5-category-create button, .v5-coupon-create button {
  color: #111;
  background: #ad824a;
  border: 1px solid #997041;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 7px;
  font-weight: 800;
  display: flex;
}

.v5-category-create button svg, .v5-coupon-create button svg {
  width: 13px;
}

.v5-category-table .head, .v5-category-table .row {
  grid-template-columns: 1.1fr 1.5fr 70px 90px 55px 75px;
  align-items: center;
  gap: 8px;
  min-width: 760px;
  display: grid;
}

.v5-category-table .head, .v5-coupon-table .head, .v5-customer-table .head {
  color: #6f7680;
  text-transform: uppercase;
  border-bottom: 1px solid #30343b;
  padding: 0 8px 8px;
  font-size: 7px;
}

.v5-category-table .row {
  border-bottom: 1px solid #292c32;
  padding: 8px;
}

.v5-category-table .row span:first-child small {
  color: #676e77;
  margin-top: 3px;
  font-size: 6px;
  display: block;
}

.v5-category-table .row b {
  font-size: 8px;
}

.v5-mini-toggle {
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  display: flex !important;
}

.v5-mini-toggle input {
  accent-color: #b98a4b;
  width: 15px !important;
  height: 15px !important;
}

.v5-mini-toggle span {
  font-size: 7px;
}

.v5-table-actions {
  gap: 5px;
  display: flex;
}

.v5-table-actions button {
  color: #b6bbc2;
  background: #17191e;
  border: 1px solid #3d424a;
  width: 30px;
  height: 30px;
}

.v5-table-actions button.danger {
  color: #d57365;
  border-color: #5b3934;
}

.v5-table-actions svg {
  width: 12px;
}

.v5-admin-toast {
  z-index: 60;
  color: #d7b375;
  background: #17140f;
  border: 1px solid #665034;
  padding: 10px 14px;
  font-size: 8px;
  position: fixed;
  bottom: 22px;
  right: 22px;
  box-shadow: 0 12px 40px #000;
}

.v5-coupon-table .head, .v5-coupon-table .row {
  grid-template-columns: 1fr .8fr 1fr .8fr .8fr 75px;
  align-items: center;
  gap: 8px;
  min-width: 700px;
  display: grid;
}

.v5-coupon-table .row {
  border-bottom: 1px solid #292d33;
  padding: 11px 8px;
  font-size: 8px;
}

.v5-coupon-table .row > strong {
  color: #d0a25d;
  letter-spacing: .5px;
}

.v5-settings-form {
  gap: 10px;
  display: grid;
}

.v5-customer-search {
  grid-template-columns: 1fr 90px;
}

.v5-customer-table {
  background: #131519;
  border: 1px solid #2d3037;
}

.v5-customer-table .head, .v5-customer-table .row {
  grid-template-columns: 1.5fr .5fr .85fr .5fr .5fr .75fr 20px;
  align-items: center;
  gap: 10px;
  min-width: 900px;
  display: grid;
}

.v5-customer-table .head {
  padding: 10px 12px;
}

.v5-customer-table .row {
  border-top: 1px solid #292c32;
  padding: 11px 12px;
}

.v5-customer-table .row:hover {
  background: #181b20;
}

.v5-customer-table .row > b, .v5-customer-table .row > strong, .v5-customer-table .row > span {
  font-size: 8px;
}

.v5-customer-table .row > strong {
  color: #cda15e;
}

.v5-customer-name {
  align-items: center;
  gap: 9px;
  display: flex;
}

.v5-customer-name i {
  color: #b48a4d;
  border: 1px solid #44413a;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.v5-customer-name i svg {
  width: 14px;
}

.v5-customer-name strong, .v5-customer-name small {
  display: block;
}

.v5-customer-name strong {
  font-size: 9px;
}

.v5-customer-name small {
  color: #6f7680;
  margin-top: 3px;
  font-size: 6px;
}

.v5-customer-stat-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-bottom: 10px;
  display: grid;
}

.v5-customer-stat-grid > div {
  background: #14161b;
  border: 1px solid #2e3239;
  align-items: center;
  gap: 10px;
  padding: 15px;
  display: flex;
}

.v5-customer-stat-grid > div > svg, .v5-stat-icon {
  color: #c89a56;
  border: 1px solid #57462f;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 7px;
  display: grid;
}

.v5-customer-stat-grid small, .v5-customer-stat-grid strong {
  display: block;
}

.v5-customer-stat-grid small {
  color: #707781;
  font-size: 7px;
}

.v5-customer-stat-grid strong {
  margin-top: 3px;
  font: 400 15px Georgia, serif;
}

.v5-customer-detail-grid {
  grid-template-columns: 1.45fr .55fr;
  gap: 10px;
  display: grid;
}

.v5-customer-side {
  align-content: start;
  gap: 10px;
  display: grid;
}

.v5-customer-orders > a {
  border-top: 1px solid #292c32;
  grid-template-columns: 1fr auto 90px;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  display: grid;
}

.v5-customer-orders > a:first-child {
  border-top: 0;
}

.v5-customer-orders strong, .v5-customer-orders small {
  display: block;
}

.v5-customer-orders strong {
  font-size: 9px;
}

.v5-customer-orders small {
  color: #6e747d;
  margin-top: 3px;
  font-size: 6px;
}

.v5-customer-orders > a > b {
  text-align: right;
  color: #cea15c;
  font-size: 8px;
}

.v5-customer-address {
  border-top: 1px solid #292c32;
  padding: 10px 0;
}

.v5-customer-address:first-of-type {
  border-top: 0;
}

.v5-customer-address strong {
  font-size: 9px;
}

.v5-customer-address em {
  color: #67ad72;
  border: 1px solid #36583c;
  margin-left: 5px;
  padding: 2px 4px;
  font-size: 6px;
  font-style: normal;
}

.v5-customer-address p {
  color: #737983;
  margin: 5px 0 0;
  font-size: 7px;
  line-height: 1.6;
}

.v5-customer-favorites {
  gap: 7px;
  display: grid;
}

.v5-customer-favorites a {
  grid-template-columns: 45px 1fr;
  align-items: center;
  gap: 8px;
  display: grid;
}

.v5-customer-favorites img {
  object-fit: cover;
  width: 45px;
  height: 45px;
}

.v5-customer-favorites span {
  font-size: 7px;
  line-height: 1.3;
}

.v5-empty-inline {
  color: #707781;
  margin: 0;
  padding: 12px 0;
  font-size: 8px;
}

.v5-order-table .head, .v5-order-table .row {
  grid-template-columns: 1.1fr 1.2fr .8fr .7fr .6fr 18px;
}

.v5-payment-pill {
  color: #c8a258;
  font-size: 7px;
}

.v5-payment-pill.paid {
  color: #68b674;
}

.v5-payment-pill.failed, .v5-payment-pill.refunded {
  color: #d47263;
}

.v5-product-gallery .v5-gallery-layout {
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 8px;
  display: grid;
}

.v5-gallery-thumbs {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.v5-gallery-thumbs button {
  cursor: pointer;
  background: #0b0c0a;
  border: 1px solid #302f29;
  height: 68px;
  padding: 0;
  overflow: hidden;
}

.v5-gallery-thumbs button.active {
  border-color: #c19350;
  box-shadow: 0 0 0 1px #c1935040;
}

.v5-gallery-thumbs img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.v5-main-product-image {
  position: relative;
}

.v5-zoom-button {
  color: #d0ab6e;
  cursor: pointer;
  background: #080908d1;
  border: 1px solid #4b4438;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.v5-zoom-button svg {
  width: 15px;
}

.v5-gallery-modal {
  z-index: 100;
  cursor: zoom-out;
  background: #020202f0;
  place-items: center;
  padding: 40px;
  display: grid;
  position: fixed;
  inset: 0;
}

.v5-gallery-modal img {
  object-fit: contain;
  width: auto;
  max-width: min(1200px, 94vw);
  height: auto;
  max-height: 90vh;
}

.v5-gallery-modal button {
  color: #ddd;
  background: #111;
  border: 1px solid #51483b;
  width: 42px;
  height: 42px;
  font-size: 25px;
  position: absolute;
  top: 18px;
  right: 24px;
}

@media (max-width: 1280px) {
  .v5-product-admin-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .v5-dashboard-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .v5-gallery-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1000px) {
  .v5-admin-shell {
    grid-template-columns: 190px minmax(0, 1fr);
    width: calc(100% - 16px);
  }

  .v5-admin-shell .admin-main {
    padding: 18px;
  }

  .v5-admin-sidebar nav a, .v5-admin-sidebar nav > span {
    padding: 0 7px;
    font-size: 8px;
  }

  .v5-product-admin-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .v5-dashboard-grid, .v5-dashboard-lower, .v5-customer-detail-grid, .v5-admin-form-grid {
    grid-template-columns: 1fr;
  }

  .v5-admin-form-side {
    grid-template-columns: 1fr 1fr;
  }

  .v5-admin-toolbar {
    grid-template-columns: 1fr 150px 150px 80px;
  }

  .v5-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 760px) {
  .v5-admin-shell {
    border: 0;
    width: 100%;
    min-height: 0;
    margin: 0 0 85px;
    display: block;
  }

  .v5-admin-shell .admin-main {
    padding: 14px 12px;
  }

  .v5-admin-sidebar {
    border: 0;
    border-bottom: 1px solid #2c3037;
    padding: 10px 12px;
    position: relative;
    overflow: auto;
  }

  .v5-admin-sidebar .admin-logo {
    display: none;
  }

  .v5-admin-sidebar nav {
    flex-direction: row;
    gap: 5px;
    min-width: max-content;
    padding: 0;
    display: flex;
  }

  .v5-admin-sidebar nav a, .v5-admin-sidebar nav > span {
    border: 1px solid #2b2f36;
    height: 38px;
    min-height: 38px;
    padding: 0 11px;
  }

  .v5-admin-sidebar nav a.active {
    border-color: #826239;
    border-left-style: solid;
    border-left-width: 1px;
  }

  .v5-admin-sidebar nav > span, .v5-admin-sidebar nav small {
    display: none;
  }

  .v5-admin-top {
    margin-bottom: 14px;
    display: block;
  }

  .v5-admin-top h1 {
    font-size: 22px;
  }

  .v5-admin-top > div:last-child, .v5-admin-top > a {
    margin-top: 9px;
    display: inline-flex;
  }

  .v5-admin-top-actions {
    flex-wrap: wrap;
  }

  .v5-dashboard-stats {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }

  .v5-dashboard-stats > div {
    min-height: 115px;
    padding: 13px;
  }

  .v5-dashboard-stats strong {
    font-size: 18px;
  }

  .v5-dashboard-grid, .v5-dashboard-lower {
    display: block;
  }

  .v5-dashboard-grid > article {
    margin-bottom: 8px;
  }

  .v5-chart-bars {
    gap: 5px;
    height: 180px;
  }

  .v5-chart-bars b {
    display: none;
  }

  .v5-admin-toolbar {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }

  .v5-admin-toolbar label {
    grid-column: 1 / -1;
  }

  .v5-admin-toolbar button {
    min-height: 38px;
  }

  .v5-product-admin-grid {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }

  .v5-product-admin-image {
    height: 130px;
  }

  .v5-product-admin-card > div:nth-child(2) {
    padding: 9px;
  }

  .v5-product-admin-card h2 {
    font-size: 9px;
  }

  .v5-product-admin-metrics {
    gap: 8px;
  }

  .v5-admin-form-side, .v5-form-two, .v5-form-three {
    grid-template-columns: 1fr;
  }

  .v5-admin-card {
    padding: 14px;
  }

  .v5-admin-savebar {
    bottom: 74px;
  }

  .v5-admin-savebar span {
    display: none;
  }

  .v5-admin-savebar button {
    width: 100%;
    min-height: 46px;
  }

  .v5-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .v5-gallery-grid > div {
    height: 140px;
  }

  .v5-category-create, .v5-coupon-create {
    grid-template-columns: 1fr 1fr;
  }

  .v5-category-create input:nth-child(3), .v5-coupon-create input:nth-child(4) {
    grid-column: 1 / -1;
  }

  .v5-category-create button, .v5-coupon-create button {
    min-height: 36px;
  }

  .v5-customer-stat-grid {
    grid-template-columns: 1fr 1fr;
  }

  .v5-customer-table, .v5-category-table, .v5-coupon-table, .v5-variant-table, .v5-order-table {
    margin: 0 -2px;
  }

  .v5-customer-orders > a {
    grid-template-columns: 1fr auto;
  }

  .v5-customer-orders > a > b {
    text-align: left;
    grid-column: 1 / -1;
  }

  .v5-product-gallery .v5-gallery-layout {
    grid-template-columns: 1fr;
  }

  .v5-gallery-thumbs {
    flex-direction: row;
    order: 2;
    padding-bottom: 3px;
    overflow-x: auto;
  }

  .v5-gallery-thumbs button {
    min-width: 64px;
    height: 64px;
  }

  .v5-gallery-modal {
    padding: 16px;
  }

  .v5-gallery-modal button {
    top: 10px;
    right: 10px;
  }

  .v5-customer-search {
    grid-template-columns: 1fr 80px;
  }
}

@media (max-width: 430px) {
  .v5-dashboard-stats, .v5-product-admin-grid, .v5-customer-stat-grid {
    grid-template-columns: 1fr;
  }

  .v5-product-admin-image {
    height: 190px;
  }

  .v5-admin-toolbar {
    grid-template-columns: 1fr;
  }

  .v5-admin-toolbar label {
    grid-column: auto;
  }

  .v5-category-create, .v5-coupon-create {
    grid-template-columns: 1fr;
  }

  .v5-category-create input:nth-child(3), .v5-coupon-create input:nth-child(4) {
    grid-column: auto;
  }

  .v5-gallery-grid {
    grid-template-columns: 1fr 1fr;
  }

  .v5-admin-image-preview {
    height: 250px;
  }
}

.v6-header-bell {
  position: relative;
}

.v6-header-bell > b {
  color: #090a08;
  background: #c79a54;
  border-radius: 999px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  font-size: 8px;
  display: grid;
  position: absolute;
  top: -8px;
  right: -7px;
}

.v6-page-hero {
  max-width: 760px;
  padding: 46px 0 24px;
}

.v6-page-hero h1, .v6-page-head h1 {
  color: #eee6da;
  margin: 6px 0 10px;
  font: 400 38px / 1.08 Georgia, serif;
}

.v6-page-hero p, .v6-page-head p {
  color: #8c877e;
  margin: 0;
  font-size: 10px;
  line-height: 1.65;
}

.v6-support-page, .v6-account-page, .v6-ticket-page {
  padding-bottom: 90px;
}

.v6-faq-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 12px;
  display: grid;
}

.v6-faq-grid article {
  background: linear-gradient(145deg, #141510, #0d0e0c);
  border: 1px solid #302d26;
  min-height: 126px;
  padding: 18px;
}

.v6-faq-grid svg {
  color: #c49855;
  width: 24px;
}

.v6-faq-grid h3 {
  margin: 9px 0 5px;
  font: 400 15px Georgia, serif;
}

.v6-faq-grid p {
  color: #77736b;
  margin: 0;
  font-size: 8px;
  line-height: 1.55;
}

.v6-support-form, .v6-return-form {
  background: linear-gradient(145deg, #14140f, #0d0e0c);
  border: 1px solid #373128;
  margin: 14px 0;
  padding: 22px;
}

.v6-support-form-title {
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 18px;
  display: flex;
}

.v6-support-form-title > svg {
  color: #c49754;
  border: 1px solid #5b482f;
  width: 34px;
  height: 34px;
  padding: 8px;
}

.v6-support-form-title small, .v6-return-form > div:first-child small {
  letter-spacing: 1.2px;
  color: #a57d43;
  font-size: 7px;
}

.v6-support-form-title h2, .v6-return-form h2 {
  margin: 3px 0 5px;
  font: 400 21px Georgia, serif;
}

.v6-support-form-title p {
  color: #77736b;
  margin: 0;
  font-size: 8px;
}

.v6-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.v6-form-grid label {
  color: #9d978e;
  flex-direction: column;
  gap: 6px;
  font-size: 8px;
  display: flex;
}

.v6-form-grid .wide {
  grid-column: 1 / -1;
}

.v6-form-grid input, .v6-form-grid select, .v6-form-grid textarea, .v6-review-form input, .v6-review-form textarea {
  color: #d6d0c7;
  background: #0a0b09;
  border: 1px solid #37342c;
  border-radius: 2px;
  outline: none;
  padding: 10px;
  font-size: 9px;
}

.v6-form-grid input, .v6-form-grid select {
  height: 40px;
}

.v6-form-grid textarea, .v6-review-form textarea {
  resize: vertical;
  line-height: 1.55;
}

.v6-form-grid input:focus, .v6-form-grid select:focus, .v6-form-grid textarea:focus, .v6-review-form input:focus, .v6-review-form textarea:focus {
  border-color: #806039;
}

.v6-support-form > .gold-button, .v6-return-form > .gold-button {
  gap: 7px;
  margin-top: 12px;
}

.v6-support-form > .gold-button svg, .v6-return-form > .gold-button svg {
  width: 14px;
}

.v6-form-message {
  color: #c9a364;
  margin: 10px 0 0;
  font-size: 8px;
}

.v6-login-gate {
  text-align: center;
  background: #11120f;
  border: 1px solid #373128;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 260px;
  margin: 14px 0;
  padding: 30px;
  display: flex;
}

.v6-login-gate > svg {
  color: #c49754;
  width: 38px;
  height: 38px;
}

.v6-login-gate h2 {
  margin: 12px 0 6px;
  font: 400 22px Georgia, serif;
}

.v6-login-gate p {
  color: #817d75;
  max-width: 520px;
  font-size: 9px;
  line-height: 1.6;
}

.v6-login-gate > div {
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  display: flex;
}

.v6-login-gate > div > a:last-child {
  color: #b99763;
  font-size: 9px;
}

.v6-support-faq {
  border-top: 1px solid #2d2b25;
  margin-top: 18px;
  padding-top: 20px;
}

.v6-support-faq > div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.v6-support-faq > div svg {
  color: #b98c4d;
}

.v6-support-faq h2 {
  font: 400 20px Georgia, serif;
}

.v6-support-faq details {
  background: #0f100e;
  border: 1px solid #2d2c27;
  margin: 7px 0;
  padding: 0 14px;
}

.v6-support-faq summary {
  cursor: pointer;
  color: #d0c7ba;
  align-items: center;
  min-height: 46px;
  font-size: 9px;
  display: flex;
}

.v6-support-faq details p {
  color: #817d75;
  margin: 0;
  padding: 0 0 13px;
  font-size: 8px;
  line-height: 1.65;
}

.v6-page-head {
  border-bottom: 1px solid #2d2b25;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 12px;
  padding: 36px 0 18px;
  display: flex;
}

.v6-page-head > div:last-child {
  align-items: center;
  gap: 12px;
  display: flex;
}

.v6-page-head > div:last-child > a:not(.gold-button), .v6-page-head > a {
  color: #a18357;
  font-size: 8px;
}

.v6-page-head .gold-button {
  min-height: 34px;
  font-size: 7px;
}

.v6-ticket-list {
  gap: 7px;
  display: grid;
}

.v6-ticket-list > a {
  background: #11120f;
  border: 1px solid #302e28;
  grid-template-columns: 46px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  transition: all .18s;
  display: grid;
}

.v6-ticket-list > a:hover {
  background: #14140f;
  border-color: #705432;
}

.v6-ticket-icon {
  color: #c49655;
  border: 1px solid #4f412e;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.v6-ticket-icon svg {
  width: 18px;
}

.v6-ticket-list strong, .v6-ticket-list small, .v6-ticket-list p, .v6-ticket-list em {
  display: block;
}

.v6-ticket-list small {
  color: #736f68;
  font-size: 7px;
}

.v6-ticket-list strong {
  margin-top: 3px;
  font: 400 13px Georgia, serif;
}

.v6-ticket-list p {
  color: #8d887f;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 720px;
  margin: 4px 0 0;
  font-size: 8px;
  overflow: hidden;
}

.v6-ticket-list em {
  color: #a7834c;
  margin-top: 4px;
  font-size: 7px;
  font-style: normal;
}

.v6-state {
  color: #a9a299;
  white-space: nowrap;
  border: 1px solid #49443a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  font-size: 7px;
  display: inline-flex;
}

.v6-state.waiting_staff, .v6-state.requested, .v6-state.pending {
  color: #d0a25d;
  background: #1b160f;
  border-color: #6e5330;
}

.v6-state.waiting_customer, .v6-state.reviewing {
  color: #87aaca;
  background: #111820;
  border-color: #44576a;
}

.v6-state.resolved, .v6-state.approved, .v6-state.completed, .v6-state.received {
  color: #72b87b;
  background: #101812;
  border-color: #38573d;
}

.v6-state.rejected {
  color: #d6796c;
  background: #1c1110;
  border-color: #673d37;
}

.v6-chat-card, .v6-admin-chat {
  background: #0f100e;
  border: 1px solid #302e28;
}

.v6-chat-meta {
  border-bottom: 1px solid #2c2a25;
  align-items: center;
  gap: 9px;
  height: 58px;
  padding: 0 14px;
  display: flex;
}

.v6-chat-meta svg {
  color: #c49553;
  width: 18px;
}

.v6-chat-meta span {
  font: 400 12px Georgia, serif;
}

.v6-chat-meta small {
  color: #68655f;
  margin-left: auto;
  font-size: 7px;
}

.v6-chat-messages {
  flex-direction: column;
  gap: 11px;
  max-height: 600px;
  padding: 18px;
  display: flex;
  overflow: auto;
}

.v6-chat-messages article {
  background: #151613;
  border: 1px solid #34312b;
  max-width: 76%;
  padding: 11px 13px;
}

.v6-chat-messages article.customer {
  background: #17150f;
  border-color: #5b472e;
  align-self: flex-end;
}

.v6-chat-messages article.staff {
  align-self: flex-start;
}

.v6-chat-messages article > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.v6-chat-messages article strong {
  color: #d5cabc;
  font-size: 8px;
}

.v6-chat-messages article small {
  color: #68645e;
  font-size: 6px;
}

.v6-chat-messages article p {
  color: #a49e94;
  white-space: pre-wrap;
  margin: 6px 0 0;
  font-size: 9px;
  line-height: 1.6;
}

.v6-chat-compose {
  border-top: 1px solid #2d2b25;
  grid-template-columns: 1fr 110px;
  gap: 8px;
  padding: 12px;
  display: grid;
}

.v6-chat-compose textarea, .v6-admin-support-actions textarea {
  color: #d4cec4;
  resize: vertical;
  background: #090a09;
  border: 1px solid #34312b;
  outline: none;
  padding: 10px;
  font-size: 9px;
}

.v6-chat-compose button, .v6-admin-support-actions button {
  color: #0c0c0a;
  background: #b98b4c;
  border: 1px solid #a67c43;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}

.v6-chat-compose button svg {
  width: 14px;
}

.v6-chat-compose small {
  color: #d37468;
  grid-column: 1 / -1;
  font-size: 7px;
}

.v6-ticket-closed {
  color: #8a857c;
  text-align: center;
  border-top: 1px solid #2c2a25;
  padding: 15px;
  font-size: 8px;
}

.v6-empty-state {
  text-align: center;
  background: #10110f;
  border: 1px solid #302e28;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 260px;
  padding: 28px;
  display: flex;
}

.v6-empty-state > svg {
  color: #a9824a;
  width: 34px;
  height: 34px;
}

.v6-empty-state h2 {
  margin: 10px 0 6px;
  font: 400 20px Georgia, serif;
}

.v6-empty-state p {
  color: #7c7871;
  max-width: 500px;
  font-size: 8px;
  line-height: 1.6;
}

.v6-empty-state .gold-button {
  margin-top: 8px;
}

.v6-notification-toolbar {
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.v6-notification-toolbar span {
  color: #817c73;
  font-size: 8px;
}

.v6-notification-toolbar button {
  color: #b38b52;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  font-size: 8px;
  display: flex;
}

.v6-notification-toolbar svg {
  width: 13px;
}

.v6-notification-list {
  border: 1px solid #2e2c26;
}

.v6-notification-list article {
  background: #10110f;
  border-top: 1px solid #292823;
  grid-template-columns: 42px 1fr;
  gap: 11px;
  padding: 13px;
  display: grid;
  position: relative;
}

.v6-notification-list article:first-child {
  border-top: 0;
}

.v6-notification-list article.unread {
  background: linear-gradient(90deg, #b4854817, #10110f 35%);
}

.v6-notification-icon {
  color: #c09454;
  border: 1px solid #494136;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.v6-notification-icon svg {
  width: 16px;
}

.v6-notification-list small {
  color: #66635d;
  font-size: 6px;
}

.v6-notification-list h3 {
  margin: 3px 0;
  font: 400 13px Georgia, serif;
}

.v6-notification-list p {
  color: #858077;
  margin: 0;
  font-size: 8px;
  line-height: 1.5;
}

.v6-notification-list a {
  color: #c29656;
  margin-top: 6px;
  font-size: 7px;
  display: inline-block;
}

.v6-mark-read {
  color: #a88958;
  cursor: pointer;
  background: #151612;
  border: 1px solid #3e3a32;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.v6-return-form {
  margin: 0 0 16px;
}

.v6-return-history > h2 {
  font: 400 20px Georgia, serif;
}

.v6-return-history > article {
  background: #11120f;
  border: 1px solid #302e28;
  border-top: 0;
  grid-template-columns: 1fr 1.4fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: grid;
}

.v6-return-history > article:first-of-type {
  border-top: 1px solid #302e28;
}

.v6-return-history small, .v6-return-history strong, .v6-return-history p {
  display: block;
}

.v6-return-history small {
  color: #6f6b64;
  font-size: 6px;
}

.v6-return-history strong {
  margin: 3px 0;
  font: 400 12px Georgia, serif;
}

.v6-return-history p {
  color: #9a8b75;
  margin: 0;
  font-size: 7px;
}

.v6-return-products {
  gap: 3px;
  display: grid;
}

.v6-return-products span {
  color: #918c83;
  font-size: 8px;
}

.v6-admin-note {
  max-width: 260px;
  margin-top: 5px;
  color: #a9987d !important;
}

.v6-review-history {
  gap: 8px;
  display: grid;
}

.v6-review-history article {
  background: #11120f;
  border: 1px solid #302e28;
  grid-template-columns: 220px 1fr auto;
  gap: 14px;
  padding: 14px;
  display: grid;
}

.v6-review-history article > div:first-child > * {
  display: block;
}

.v6-review-history article a {
  margin: 4px 0;
  font: 400 12px Georgia, serif;
}

.v6-review-history article strong {
  font-size: 9px;
}

.v6-review-history article p {
  color: #8e8981;
  margin: 5px 0;
  font-size: 8px;
  line-height: 1.55;
}

.v6-review-history blockquote {
  color: #a79c8b;
  background: #17140f;
  border-left: 2px solid #987042;
  margin: 8px 0 0;
  padding: 6px 9px;
  font-size: 7px;
}

.v6-stars {
  align-items: center;
  gap: 2px;
  display: flex;
}

.v6-stars svg {
  fill: #0000;
  color: #555048;
  width: 13px;
  height: 13px;
}

.v6-stars svg.on {
  fill: #d0a150;
  color: #d0a150;
}

.v6-rating-summary {
  align-items: center;
  gap: 7px;
  margin: -3px 0 10px;
  display: flex;
}

.v6-rating-summary > span {
  color: #d2aa67;
  font: 400 13px Georgia, serif;
}

.v6-rating-summary a {
  color: #8d867c;
  border-bottom: 1px solid #4b4438;
  font-size: 7px;
}

.v6-product-reviews {
  background: #0e0f0d;
  border: 1px solid #302e28;
  margin: 18px 0;
  padding: 20px;
}

.v6-review-head {
  border-bottom: 1px solid #292823;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  padding-bottom: 14px;
  display: flex;
}

.v6-review-head h2 {
  margin: 4px 0 5px;
  font: 400 24px Georgia, serif;
}

.v6-review-head p {
  color: #77736b;
  margin: 0;
  font-size: 8px;
}

.v6-review-head > div:last-child {
  justify-items: end;
  display: grid;
}

.v6-review-head > div:last-child > strong {
  color: #d0a45f;
  font: 400 26px Georgia, serif;
}

.v6-review-head > div:last-child > small {
  color: #716d66;
  font-size: 7px;
}

.v6-review-form {
  background: #13140f;
  border: 1px solid #3b342a;
  gap: 8px;
  margin: 14px 0;
  padding: 15px;
  display: grid;
}

.v6-review-form h3 {
  margin: 3px 0;
  font: 400 17px Georgia, serif;
}

.v6-review-form > div:first-child small {
  color: #ae854b;
  font-size: 6px;
}

.v6-review-form .gold-button {
  justify-self: start;
}

.v6-star-picker {
  gap: 3px;
  display: flex;
}

.v6-star-picker button {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.v6-star-picker svg {
  color: #5c554a;
  width: 22px;
  height: 22px;
}

.v6-star-picker button.on svg {
  fill: #d0a150;
  color: #d0a150;
}

.v6-own-review {
  color: #a89e90;
  background: #17140f;
  border: 1px solid #4a3f31;
  margin: 12px 0;
  padding: 9px;
  font-size: 8px;
}

.v6-review-list article {
  border-top: 1px solid #292823;
  grid-template-columns: 38px 1fr;
  gap: 11px;
  padding: 14px 0;
  display: grid;
}

.v6-review-avatar {
  color: #d0a45f;
  border: 1px solid #5a4830;
  border-radius: 50%;
  place-items: center;
  width: 36px;
  height: 36px;
  font: 400 10px Georgia, serif;
  display: grid;
}

.v6-review-list header {
  align-items: center;
  gap: 8px;
  display: flex;
}

.v6-review-list header strong {
  font-size: 8px;
}

.v6-review-list header span {
  color: #70ad78;
  border: 1px solid #35523a;
  padding: 2px 5px;
  font-size: 6px;
}

.v6-review-list header small {
  color: #66625b;
  margin-left: auto;
  font-size: 6px;
}

.v6-review-list h3 {
  margin: 6px 0 2px;
  font: 400 12px Georgia, serif;
}

.v6-review-list p {
  color: #908a80;
  margin: 4px 0;
  font-size: 8px;
  line-height: 1.6;
}

.v6-review-list blockquote {
  color: #9f9689;
  background: #14130f;
  border-left: 2px solid #a17a43;
  margin: 8px 0 0;
  padding: 8px 10px;
  font-size: 7px;
}

.v6-review-list blockquote b {
  color: #cda15e;
  margin-bottom: 3px;
  display: block;
}

.v6-no-review {
  color: #77736c;
  text-align: center;
  padding: 24px;
  font-size: 8px;
}

.v6-stock-alert {
  margin-top: 8px;
}

.v6-stock-alert button {
  color: #d1a45e;
  cursor: pointer;
  background: #17130e;
  border: 1px solid #70512d;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 42px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}

.v6-stock-alert button.active {
  color: #74b77c;
  background: #101710;
  border-color: #416044;
}

.v6-stock-alert svg {
  width: 15px;
}

.v6-stock-alert small {
  color: #89837a;
  margin-top: 5px;
  font-size: 7px;
  display: block;
}

.v6-account-service-grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 18px 0;
  display: grid;
}

.v6-account-service-grid > a {
  background: #11120f;
  border: 1px solid #302e28;
  align-items: center;
  gap: 10px;
  padding: 13px;
  display: flex;
}

.v6-account-service-grid > a > svg {
  color: #c49754;
  border: 1px solid #51422e;
  width: 30px;
  height: 30px;
  padding: 7px;
}

.v6-account-service-grid strong, .v6-account-service-grid small {
  display: block;
}

.v6-account-service-grid strong {
  font: 400 11px Georgia, serif;
}

.v6-account-service-grid small {
  color: #77736c;
  margin-top: 3px;
  font-size: 7px;
}

.v6-admin-ticket-list {
  background: #131519;
  border: 1px solid #2d3037;
}

.v6-admin-ticket-list > a {
  border-top: 1px solid #292c32;
  grid-template-columns: 34px minmax(0, 1fr) auto 120px;
  align-items: center;
  gap: 10px;
  padding: 11px;
  display: grid;
}

.v6-admin-ticket-list > a:first-child {
  border-top: 0;
}

.v6-admin-ticket-list > a:hover {
  background: #181b20;
}

.v6-admin-ticket-list > a > svg {
  color: #c29451;
  border: 1px solid #55442e;
  width: 27px;
  height: 27px;
  padding: 6px;
}

.v6-admin-ticket-list small {
  color: #747a82;
  font-size: 6px;
}

.v6-admin-ticket-list strong {
  margin: 3px 0;
  font: 400 10px Georgia, serif;
  display: block;
}

.v6-admin-ticket-list p {
  color: #7b8188;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 7px;
  overflow: hidden;
}

.v6-admin-ticket-list time {
  color: #676d75;
  text-align: right;
  font-size: 6px;
}

.v6-admin-chat {
  background: #121419;
}

.v6-admin-support-actions {
  border-top: 1px solid #2c3036;
  padding: 12px;
}

.v6-admin-support-actions > div {
  gap: 7px;
  margin-bottom: 8px;
  display: flex;
}

.v6-admin-support-actions select, .v6-admin-support-actions input, .v6-admin-inline-actions select, .v6-admin-inline-actions input, .v6-admin-return-actions select, .v6-admin-return-actions textarea {
  color: #c8ccd2;
  background: #0f1115;
  border: 1px solid #363a42;
  padding: 8px;
  font-size: 8px;
}

.v6-admin-support-actions select {
  min-width: 220px;
  height: 36px;
}

.v6-admin-support-actions > div button {
  padding: 0 13px;
}

.v6-admin-support-actions form {
  grid-template-columns: 1fr 110px;
  gap: 7px;
  display: grid;
}

.v6-admin-support-actions small {
  color: #c4a068;
  margin-top: 7px;
  font-size: 7px;
  display: block;
}

.v6-admin-return-list, .v6-admin-review-list {
  gap: 8px;
  display: grid;
}

.v6-admin-return-list > article, .v6-admin-review-list > article {
  background: #131519;
  border: 1px solid #2d3037;
  padding: 13px;
}

.v6-admin-return-list header, .v6-admin-review-list header {
  border-bottom: 1px solid #292d33;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 9px;
  display: flex;
}

.v6-admin-return-list header small, .v6-admin-review-list header small {
  color: #747a82;
  font-size: 6px;
}

.v6-admin-return-list h2, .v6-admin-review-list h2 {
  margin: 3px 0;
  font: 400 14px Georgia, serif;
}

.v6-admin-return-list header p {
  color: #737981;
  margin: 0;
  font-size: 7px;
}

.v6-admin-return-body {
  grid-template-columns: 1fr 360px;
  gap: 18px;
  display: grid;
}

.v6-admin-return-body > div:first-child b, .v6-admin-return-body > div:first-child strong, .v6-admin-return-body > div:first-child span {
  display: block;
}

.v6-admin-return-body > div:first-child b {
  color: #c49451;
  font-size: 7px;
}

.v6-admin-return-body > div:first-child strong {
  margin: 6px 0;
  font-size: 9px;
}

.v6-admin-return-body > div:first-child p, .v6-admin-review-list > article > p {
  color: #858b92;
  font-size: 8px;
  line-height: 1.55;
}

.v6-admin-return-body > div:first-child span {
  color: #989da3;
  margin-top: 4px;
  font-size: 7px;
}

.v6-admin-return-actions {
  gap: 6px;
  display: grid;
}

.v6-admin-return-actions button, .v6-admin-inline-actions button {
  color: #101114;
  background: #ad824a;
  border: 1px solid #9a7040;
  font-size: 7px;
  font-weight: 800;
}

.v6-admin-return-actions button {
  min-height: 34px;
}

.v6-admin-review-list > article > strong {
  margin-top: 7px;
  font-size: 9px;
  display: block;
}

.v6-admin-inline-actions {
  grid-template-columns: 120px 1fr 75px;
  gap: 6px;
  margin-top: 10px;
  display: grid;
}

.v6-admin-inline-actions button {
  min-height: 34px;
}

@media (max-width: 920px) {
  .v6-faq-grid {
    grid-template-columns: 1fr 1fr;
  }

  .v6-admin-return-body {
    grid-template-columns: 1fr;
  }

  .v6-review-history article {
    grid-template-columns: 170px 1fr;
  }

  .v6-review-history article > .v6-state {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width: 760px) {
  .v6-support-page, .v6-account-page, .v6-ticket-page {
    padding-bottom: 105px;
  }

  .v6-page-hero {
    padding: 28px 0 16px;
  }

  .v6-page-hero h1, .v6-page-head h1 {
    font-size: 27px;
  }

  .v6-page-head {
    align-items: flex-start;
    padding: 24px 0 14px;
  }

  .v6-page-head, .v6-page-head > div:last-child {
    flex-direction: column;
  }

  .v6-page-head > div:last-child {
    align-items: flex-start;
    gap: 8px;
  }

  .v6-faq-grid {
    gap: 6px;
  }

  .v6-faq-grid article {
    min-height: 104px;
    padding: 13px;
  }

  .v6-faq-grid h3 {
    font-size: 13px;
  }

  .v6-support-form, .v6-return-form {
    margin: 9px 0;
    padding: 14px;
  }

  .v6-form-grid {
    grid-template-columns: 1fr;
  }

  .v6-form-grid .wide {
    grid-column: auto;
  }

  .v6-form-grid input, .v6-form-grid select {
    height: 46px;
    font-size: 11px;
  }

  .v6-form-grid textarea, .v6-review-form input, .v6-review-form textarea {
    font-size: 11px;
  }

  .v6-support-form > .gold-button, .v6-return-form > .gold-button {
    width: 100%;
    min-height: 46px;
  }

  .v6-ticket-list > a {
    grid-template-columns: 38px 1fr;
    gap: 9px;
  }

  .v6-ticket-icon {
    width: 36px;
    height: 36px;
  }

  .v6-ticket-list > a > .v6-state {
    grid-column: 2;
    justify-self: start;
  }

  .v6-ticket-list p {
    max-width: 70vw;
  }

  .v6-chat-meta small {
    display: none;
  }

  .v6-chat-messages {
    max-height: none;
    padding: 10px;
  }

  .v6-chat-messages article {
    max-width: 91%;
    padding: 10px;
  }

  .v6-chat-messages article p {
    font-size: 10px;
  }

  .v6-chat-compose {
    grid-template-columns: 1fr;
    padding: 9px;
  }

  .v6-chat-compose textarea {
    min-height: 92px;
    font-size: 11px;
  }

  .v6-chat-compose button {
    min-height: 44px;
  }

  .v6-notification-toolbar {
    align-items: flex-start;
    gap: 8px;
  }

  .v6-notification-list article {
    grid-template-columns: 34px 1fr;
    padding: 11px;
  }

  .v6-notification-icon {
    width: 32px;
    height: 32px;
  }

  .v6-notification-list h3 {
    font-size: 12px;
  }

  .v6-notification-list p {
    font-size: 9px;
  }

  .v6-return-history > article {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 11px;
  }

  .v6-return-history > article > div:last-child {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .v6-review-history article {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .v6-product-reviews {
    margin: 12px 0;
    padding: 13px;
  }

  .v6-review-head {
    align-items: flex-start;
  }

  .v6-review-head h2 {
    font-size: 19px;
  }

  .v6-review-head > div:last-child > strong {
    font-size: 20px;
  }

  .v6-review-form {
    padding: 11px;
  }

  .v6-review-form .gold-button {
    width: 100%;
    min-height: 44px;
  }

  .v6-review-list article {
    grid-template-columns: 31px 1fr;
  }

  .v6-review-avatar {
    width: 30px;
    height: 30px;
  }

  .v6-review-list header {
    flex-wrap: wrap;
  }

  .v6-review-list header small {
    width: 100%;
    margin-left: 0;
  }

  .v6-account-service-grid {
    grid-template-columns: 1fr;
  }

  .v6-account-service-grid > a {
    min-height: 62px;
  }

  .v6-admin-ticket-list > a {
    grid-template-columns: 30px 1fr;
  }

  .v6-admin-ticket-list > a > .v6-state, .v6-admin-ticket-list > a > time {
    grid-column: 2;
    justify-self: start;
  }

  .v6-admin-ticket-list > a > time {
    text-align: left;
  }

  .v6-admin-support-actions > div, .v6-admin-support-actions form {
    grid-template-columns: 1fr;
    display: grid;
  }

  .v6-admin-support-actions select {
    min-width: 0;
    height: 42px;
  }

  .v6-admin-support-actions button {
    min-height: 42px;
  }

  .v6-admin-inline-actions {
    grid-template-columns: 1fr;
  }

  .v6-admin-inline-actions select, .v6-admin-inline-actions input {
    min-height: 40px;
  }

  .v6-admin-return-list > article, .v6-admin-review-list > article {
    padding: 10px;
  }

  .v6-admin-return-list header, .v6-admin-review-list header {
    display: grid;
  }

  .v6-admin-return-actions select {
    min-height: 42px;
  }

  .v6-header-bell {
    display: grid !important;
  }
}

@media (max-width: 430px) {
  .v6-faq-grid {
    grid-template-columns: 1fr;
  }

  .v6-faq-grid article {
    min-height: 92px;
  }

  .v6-review-head {
    display: block;
  }

  .v6-review-head > div:last-child {
    justify-items: start;
    margin-top: 10px;
  }

  .v6-notification-toolbar {
    display: grid;
  }

  .v6-support-form-title {
    display: block;
  }

  .v6-support-form-title > svg {
    margin-bottom: 9px;
  }
}

.v6-order-return-link {
  color: #cda15e !important;
  text-align: center !important;
  background: #17140f !important;
  border: 1px solid #5a472f !important;
  margin: 10px 0 !important;
  padding: 9px 10px !important;
  font-size: 8px !important;
  display: block !important;
}

.v7-admin-stack {
  gap: 16px;
  display: grid;
}

.v7-campaign-form {
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr .8fr .9fr 1fr auto;
  gap: 8px;
  display: grid;
}

.v7-campaign-form input, .v7-campaign-form select, .v7-bundle-form input, .v7-bundle-form textarea {
  color: #ddd5c9;
  background: #0d0e0c;
  border: 1px solid #353229;
  border-radius: 5px;
  min-height: 42px;
  padding: 0 11px;
}

.v7-campaign-form button, .v7-bundle-form > button {
  color: #14120e;
  background: #c99e5c;
  border: 1px solid #b58a4a;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 15px;
  font-weight: 800;
  display: flex;
}

.v7-campaign-form button svg, .v7-bundle-form button svg {
  width: 15px;
}

.v7-campaign-list {
  display: grid;
}

.v7-campaign-list > div {
  border-top: 1px solid #2b2923;
  grid-template-columns: 1.5fr .7fr .6fr 36px 36px;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 9px 0;
  display: grid;
}

.v7-campaign-list strong, .v7-campaign-list small {
  display: block;
}

.v7-campaign-list small {
  color: #77736b;
  margin-top: 4px;
}

.v7-campaign-list button {
  color: #b9a17c;
  background: #121310;
  border: 1px solid #37332b;
  border-radius: 5px;
  width: 34px;
  height: 34px;
}

.v7-bundle-form {
  grid-template-columns: 1fr 1fr .7fr;
  gap: 10px;
  display: grid;
}

.v7-bundle-form textarea {
  resize: vertical;
  grid-column: 1 / -1;
  min-height: 80px;
  padding: 10px;
}

.v7-product-picks {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  display: grid;
}

.v7-product-picks label {
  background: #10110f;
  border: 1px solid #302e27;
  border-radius: 5px;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-size: 11px;
  display: flex;
}

.v7-bundle-form > button {
  min-height: 42px;
}

.v7-bundle-admin-list > div {
  border-top: 1px solid #292720;
  grid-template-columns: 1fr auto auto 38px;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: grid;
}

.v7-bundle-admin-list strong, .v7-bundle-admin-list small {
  display: block;
}

.v7-bundle-admin-list small {
  color: #7e7970;
  margin-top: 4px;
}

.v7-bundle-admin-list button {
  color: #bca67f;
  background: #141512;
  border: 1px solid #3b372f;
  border-radius: 4px;
  min-height: 32px;
  padding: 0 10px;
}

.v7-bundle-admin-list button.danger {
  color: #d97a68;
}

.v7-public-page, .v7-loyalty-page, .v7-bundle-detail {
  padding-top: 48px;
  padding-bottom: 70px;
}

.v7-public-head {
  max-width: 760px;
  margin-bottom: 26px;
}

.v7-public-head h1 {
  color: #eee5d7;
  margin: 8px 0 12px;
  font: 400 clamp(34px, 5vw, 62px) / 1 Georgia, serif;
}

.v7-public-head p {
  color: #918c83;
  line-height: 1.7;
}

.v7-bundle-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  display: grid;
}

.v7-bundle-grid > a {
  background: #11120f;
  border: 1px solid #37342c;
  padding: 10px;
  display: block;
}

.v7-bundle-image {
  background: #090a08;
  height: 260px;
  position: relative;
  overflow: hidden;
}

.v7-bundle-image img {
  object-fit: cover;
}

.v7-bundle-grid small {
  color: #b18a50;
  letter-spacing: 1.2px;
  margin-top: 12px;
  font-size: 9px;
  display: block;
}

.v7-bundle-grid h2 {
  margin: 7px 0;
  font: 400 20px Georgia, serif;
}

.v7-bundle-grid p {
  color: #88837b;
  min-height: 35px;
  font-size: 11px;
  line-height: 1.6;
}

.v7-bundle-grid strong {
  color: #d8ad6a;
  margin-right: 8px;
}

.v7-bundle-grid del {
  color: #6e6a62;
}

.v7-bundle-grid > a > span {
  color: #b68e52;
  margin-top: 12px;
  font-size: 10px;
  display: block;
}

.v7-bundle-detail-grid {
  grid-template-columns: 1fr 330px;
  gap: 18px;
  display: grid;
}

.v7-bundle-products {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  display: grid;
}

.v7-bundle-products > a {
  background: #11120f;
  border: 1px solid #343129;
  padding: 9px;
}

.v7-bundle-products img {
  object-fit: cover;
  width: 100%;
  height: 260px;
}

.v7-bundle-products span, .v7-bundle-products strong, .v7-bundle-products small {
  display: block;
}

.v7-bundle-products span {
  color: #b88e50;
  margin-top: 8px;
  font-size: 9px;
}

.v7-bundle-products strong {
  margin: 5px 0;
  font: 400 15px Georgia, serif;
}

.v7-bundle-products small {
  color: #827e76;
}

.v7-bundle-detail-grid > aside {
  background: #11120f;
  border: 1px solid #3a362d;
  align-self: start;
  padding: 24px;
  position: sticky;
  top: 95px;
}

.v7-bundle-detail-grid > aside h2 {
  color: #ddb36f;
  margin: 10px 0 2px;
  font: 400 34px Georgia, serif;
}

.v7-bundle-detail-grid > aside del {
  color: #6e6961;
}

.v7-bundle-detail-grid > aside p {
  color: #938e85;
  font-size: 12px;
  line-height: 1.7;
}

.v7-bundle-detail-grid > aside > a {
  color: #a98754;
  margin-top: 15px;
  font-size: 10px;
  display: block;
}

.v7-bundle-add button {
  gap: 8px;
  width: 100%;
}

.v7-bundle-add button svg {
  width: 16px;
}

.v7-bundle-add small {
  color: #9d8b70;
  margin-top: 8px;
  display: block;
}

.v7-campaign-public-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}

.v7-campaign-public-grid article {
  background: linear-gradient(145deg, #151610, #0d0e0c);
  border: 1px solid #39352d;
  min-height: 210px;
  padding: 22px;
}

.v7-campaign-public-grid article > span {
  color: #d1a560;
  border: 1px solid #6d5633;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.v7-campaign-public-grid article > span svg {
  width: 19px;
}

.v7-campaign-public-grid small {
  color: #ab8750;
  letter-spacing: 1px;
  margin: 18px 0 5px;
  font-size: 9px;
  display: block;
}

.v7-campaign-public-grid h2 {
  margin: 0 0 8px;
  font: 400 20px Georgia, serif;
}

.v7-campaign-public-grid p {
  color: #89847c;
  font-size: 11px;
  line-height: 1.6;
}

.v7-campaign-public-grid strong {
  color: #d9af6d;
}

.v7-public-actions {
  align-items: center;
  gap: 18px;
  margin-top: 22px;
  display: flex;
}

.v7-public-actions > a:last-child {
  color: #aa8b5d;
  font-size: 11px;
}

.v7-empty-state {
  color: #8d887f;
  border: 1px dashed #3b372f;
  align-items: center;
  gap: 10px;
  padding: 28px;
  display: flex;
}

.v7-fbt {
  background: #11120f;
  border: 1px solid #39352d;
  margin: 14px 0 18px;
  padding: 18px;
}

.v7-fbt > div:first-child h2 {
  margin: 5px 0 14px;
  font: 400 22px Georgia, serif;
}

.v7-fbt-products {
  align-items: center;
  gap: 10px;
  display: flex;
}

.v7-fbt-products > div {
  flex: 1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.v7-fbt-products > div > b {
  color: #8c7048;
  font: 400 23px Georgia, serif;
}

.v7-fbt-products a {
  grid-template-rows: auto auto;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 3px 10px;
  width: 100%;
  display: grid;
}

.v7-fbt-products img {
  object-fit: cover;
  grid-row: 1 / 3;
  width: 80px;
  height: 64px;
}

.v7-fbt-products strong {
  font: 400 12px Georgia, serif;
}

.v7-fbt-products small {
  color: #c69a58;
}

.v7-fbt > button {
  gap: 8px;
  margin-top: 14px;
}

.v7-fbt > button svg {
  width: 15px;
}

.v7-fbt > small {
  color: #a89473;
  margin-left: 10px;
}

.v7-loyalty-hero {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}

.v7-loyalty-hero > div {
  background: linear-gradient(145deg, #151610, #0e0f0c);
  border: 1px solid #39352d;
  align-items: center;
  gap: 15px;
  min-height: 135px;
  padding: 20px;
  display: flex;
}

.v7-loyalty-hero svg {
  color: #d0a25d;
  width: 32px;
  height: 32px;
}

.v7-loyalty-hero small, .v7-loyalty-hero strong, .v7-loyalty-hero em {
  display: block;
}

.v7-loyalty-hero small {
  letter-spacing: 1.2px;
  color: #8c857b;
  font-size: 8px;
}

.v7-loyalty-hero strong {
  color: #e0c18c;
  margin: 5px 0;
  font: 400 21px Georgia, serif;
}

.v7-loyalty-hero em {
  color: #8d887e;
  font-size: 9px;
  font-style: normal;
}

.v7-loyalty-rules, .v7-loyalty-history {
  background: #11120f;
  border: 1px solid #353229;
  margin-top: 12px;
  padding: 20px;
}

.v7-loyalty-rules h2, .v7-loyalty-history h2 {
  margin: 0 0 14px;
  font: 400 19px Georgia, serif;
}

.v7-loyalty-rules > div {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.v7-loyalty-rules > div span {
  text-align: center;
  border: 1px solid #2d2b25;
  padding: 13px;
}

.v7-loyalty-rules b, .v7-loyalty-rules small {
  display: block;
}

.v7-loyalty-rules b {
  color: #d2a45f;
}

.v7-loyalty-rules small {
  color: #88827a;
  margin-top: 3px;
  font-size: 9px;
}

.v7-loyalty-rules p {
  color: #7f7a72;
  font-size: 10px;
  line-height: 1.6;
}

.v7-loyalty-history > div:first-child {
  align-items: center;
  gap: 8px;
  display: flex;
}

.v7-loyalty-history > div:first-child svg {
  color: #c99c59;
}

.v7-loyalty-history article {
  border-top: 1px solid #292720;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0;
  display: flex;
}

.v7-loyalty-history article strong, .v7-loyalty-history article small {
  display: block;
}

.v7-loyalty-history article small {
  color: #77726b;
  margin-top: 3px;
}

.v7-loyalty-history article b.plus {
  color: #75b477;
}

.v7-loyalty-history article b.minus {
  color: #d77b69;
}

.v7-loyalty-checkout > button {
  color: #d9d1c4;
  text-align: left;
  background: #10110f;
  border: 1px solid #3a362e;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px;
  display: grid;
}

.v7-loyalty-checkout > button.active {
  background: #18150f;
  border-color: #b78d4c;
}

.v7-loyalty-checkout > button svg {
  color: #c79a54;
}

.v7-loyalty-checkout > button strong, .v7-loyalty-checkout > button small {
  display: block;
}

.v7-loyalty-checkout > button small {
  color: #858078;
  margin-top: 3px;
}

.v7-loyalty-checkout > button i {
  color: #c89d5b;
  font-size: 10px;
  font-style: normal;
}

.v7-auto-campaign-note {
  color: #cba361;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 10px;
  display: flex;
}

.v7-auto-campaign-note svg {
  width: 14px;
}

.v7-abandoned-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.v7-abandoned-user {
  align-items: center;
  gap: 10px;
  display: flex;
}

.v7-abandoned-user > svg {
  color: #c89c5b;
}

.v7-abandoned-user span {
  flex: 1;
}

.v7-abandoned-user strong, .v7-abandoned-user small {
  display: block;
}

.v7-abandoned-user small {
  color: #7d7971;
  margin-top: 3px;
}

.v7-abandoned-user > b {
  color: #d6ad6b;
}

.v7-abandoned-meta {
  color: #8c867e;
  gap: 18px;
  margin: 12px 0;
  font-size: 10px;
  display: flex;
}

.v7-abandoned-meta span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.v7-abandoned-meta svg {
  width: 13px;
}

.v7-abandoned-products {
  color: #9c968c;
  border-top: 1px solid #2d2a24;
  gap: 4px;
  padding-top: 10px;
  font-size: 10px;
  display: grid;
}

.v7-remind {
  margin-top: 12px;
}

.v7-remind button {
  color: #d1a45e;
  background: #16130e;
  border: 1px solid #765b34;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 38px;
  display: flex;
}

.v7-remind button svg {
  width: 14px;
}

.v7-remind small {
  color: #8f897f;
  margin-top: 6px;
  display: block;
}

@media (max-width: 1100px) {
  .v7-campaign-form {
    grid-template-columns: repeat(2, 1fr);
  }

  .v7-campaign-form button {
    min-height: 42px;
  }

  .v7-product-picks {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .v7-public-page, .v7-loyalty-page, .v7-bundle-detail {
    padding-top: 28px;
    padding-bottom: 90px;
  }

  .v7-bundle-grid, .v7-campaign-public-grid, .v7-loyalty-hero, .v7-abandoned-list {
    grid-template-columns: 1fr;
  }

  .v7-bundle-image {
    height: 220px;
  }

  .v7-bundle-detail-grid {
    grid-template-columns: 1fr;
  }

  .v7-bundle-detail-grid > aside {
    position: static;
  }

  .v7-bundle-products {
    grid-template-columns: 1fr 1fr;
  }

  .v7-bundle-products img {
    height: 170px;
  }

  .v7-fbt {
    padding: 13px;
  }

  .v7-fbt-products {
    gap: 7px;
    display: grid;
  }

  .v7-fbt-products > div > b {
    display: none;
  }

  .v7-fbt-products a {
    grid-template-columns: 72px 1fr;
  }

  .v7-fbt-products img {
    width: 72px;
    height: 58px;
  }

  .v7-fbt > button {
    width: 100%;
  }

  .v7-loyalty-rules > div, .v7-campaign-form, .v7-bundle-form {
    grid-template-columns: 1fr;
  }

  .v7-campaign-list > div {
    grid-template-columns: 1fr auto 60px 34px 34px;
  }

  .v7-product-picks {
    grid-template-columns: 1fr;
  }

  .v7-bundle-admin-list > div {
    grid-template-columns: 1fr auto;
  }

  .v7-bundle-admin-list > div button {
    width: 100%;
  }

  .v7-public-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .v7-public-actions .gold-button {
    width: 100%;
  }

  .v7-loyalty-checkout > button {
    grid-template-columns: 26px 1fr;
  }

  .v7-loyalty-checkout > button i {
    grid-column: 2;
  }

  .v7-abandoned-list .v5-admin-card {
    padding: 14px;
  }

  .v7-remind button {
    min-height: 44px;
  }
}

@media (max-width: 430px) {
  .v7-bundle-products {
    grid-template-columns: 1fr;
  }

  .v7-bundle-products img {
    height: 220px;
  }

  .v7-campaign-list > div {
    grid-template-columns: 1fr auto;
  }

  .v7-campaign-list > div label, .v7-campaign-list > div button {
    min-height: 38px;
  }

  .v7-loyalty-hero > div {
    min-height: 108px;
  }

  .v7-public-head h1 {
    font-size: 36px;
  }
}

.v5-product-gallery .v5-gallery-layout.is-single {
  grid-template-columns: minmax(0, 1fr) !important;
}

.v5-product-gallery .v5-gallery-layout.is-single .v5-main-product-image {
  grid-column: 1 / -1;
  width: 100%;
}

.v7-nav-dropdown {
  align-items: center;
  display: flex;
  position: relative;
}

.v7-nav-dropdown-trigger {
  color: #c6c1b7;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  padding: 0;
  transition: all .2s;
  display: inline-flex;
}

.v7-nav-dropdown-trigger:hover, .v7-nav-dropdown.is-open .v7-nav-dropdown-trigger {
  color: var(--gold-2);
}

.v7-nav-dropdown-trigger svg {
  transition: transform .2s;
}

.v7-nav-dropdown.is-open .v7-nav-dropdown-trigger svg {
  transform: rotate(180deg);
}

.v7-nav-dropdown-menu {
  flex-direction: column;
  display: flex !important;
}

@media (max-width: 760px) {
  .v5-product-gallery .v5-gallery-layout.is-single {
    display: block !important;
  }
}

.v72-support-page {
  padding-top: 42px;
  padding-bottom: 80px;
}

.v72-support-hero {
  background: radial-gradient(circle at 85% 20%, #c28b3b29, #0000 32%), linear-gradient(135deg, #151610, #0c0d0b);
  border: 1px solid #363229;
  grid-template-columns: 1.35fr .65fr;
  align-items: center;
  gap: 28px;
  min-height: 360px;
  padding: 44px;
  display: grid;
  overflow: hidden;
}

.v72-support-hero h1 {
  color: #eee5d7;
  margin: 9px 0 18px;
  font: 400 clamp(38px, 5vw, 64px) / .98 Georgia, serif;
}

.v72-support-hero > div:first-child > p {
  color: #918b82;
  max-width: 650px;
  font-size: 12px;
  line-height: 1.75;
}

.v72-support-hero-actions {
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  display: flex;
}

.v72-support-hero-actions > a:last-child {
  color: #b8945e;
  font-size: 10px;
}

.v72-support-hero-actions b {
  color: #0d0d0b;
  background: #c99b56;
  border-radius: 99px;
  place-items: center;
  min-width: 18px;
  height: 18px;
  margin-left: 5px;
  padding: 0 5px;
  display: inline-grid;
}

.v72-support-promise {
  background: #0a0b09ad;
  border: 1px solid #4b402e;
  align-items: flex-start;
  gap: 14px;
  padding: 22px;
  display: flex;
}

.v72-support-promise > span {
  color: #d2a35d;
  border: 1px solid #70562f;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 46px;
  height: 46px;
  display: grid;
}

.v72-support-promise svg {
  width: 20px;
}

.v72-support-promise small, .v72-support-promise strong {
  display: block;
}

.v72-support-promise small {
  color: #a7824c;
  letter-spacing: 1.3px;
  font-size: 8px;
}

.v72-support-promise strong {
  margin: 6px 0;
  font: 400 16px Georgia, serif;
}

.v72-support-promise p {
  color: #817c74;
  margin: 0;
  font-size: 9px;
  line-height: 1.6;
}

.v72-support-categories {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 12px 0;
  display: grid;
}

.v72-support-categories article {
  background: #10110f;
  border: 1px solid #343129;
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 16px;
  display: flex;
}

.v72-support-categories svg {
  color: #c4954e;
  flex: none;
  width: 24px;
}

.v72-support-categories h3 {
  margin: 0 0 5px;
  font: 400 13px Georgia, serif;
}

.v72-support-categories p {
  color: #807b73;
  margin: 0;
  font-size: 8px;
  line-height: 1.45;
}

.v72-support-flow {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 12px 0 18px;
  display: grid;
}

.v72-support-flow > div {
  background: #0e0f0d;
  border: 1px solid #2f2d27;
  min-height: 96px;
  padding: 18px 18px 18px 54px;
  position: relative;
}

.v72-support-flow > div > span {
  color: #5d513f;
  font: 400 20px Georgia, serif;
  position: absolute;
  top: 14px;
  left: 14px;
}

.v72-support-flow svg {
  color: #b88d4d;
  width: 18px;
  margin-bottom: 5px;
}

.v72-support-flow strong, .v72-support-flow small {
  display: block;
}

.v72-support-flow strong {
  font: 400 12px Georgia, serif;
}

.v72-support-flow small {
  color: #7d7870;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.5;
}

.v72-support-form {
  background: linear-gradient(#141510, #0f100e);
  border: 1px solid #3b372e;
  margin-top: 14px;
  padding: 28px;
}

.v72-support-form-title {
  border-bottom: 1px solid #2d2b25;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 22px;
  display: flex;
}

.v72-support-form-title > span {
  color: #c89b55;
  border: 1px solid #66502f;
  place-items: center;
  width: 46px;
  height: 46px;
  display: grid;
}

.v72-support-form-title svg {
  width: 21px;
}

.v72-support-form-title small {
  color: #a88049;
  letter-spacing: 1.3px;
  font-size: 8px;
}

.v72-support-form-title h2 {
  margin: 5px 0 7px;
  font: 400 25px Georgia, serif;
}

.v72-support-form-title p {
  color: #817d76;
  margin: 0;
  font-size: 9px;
}

.v72-support-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  margin-top: 20px;
  display: grid;
}

.v72-support-form-grid label {
  color: #aaa296;
  gap: 6px;
  font-size: 8px;
  display: grid;
  position: relative;
}

.v72-support-form-grid .wide {
  grid-column: 1 / -1;
}

.v72-support-form-grid input, .v72-support-form-grid select, .v72-support-form-grid textarea {
  color: #e0d7ca;
  background: #0a0b09;
  border: 1px solid #37342c;
  outline: none;
  width: 100%;
  padding: 11px;
  font-size: 10px;
}

.v72-support-form-grid select, .v72-support-form-grid input {
  min-height: 42px;
}

.v72-support-form-grid input:focus, .v72-support-form-grid select:focus, .v72-support-form-grid textarea:focus {
  border-color: #866438;
}

.v72-field-help {
  line-height: 1.4;
  color: #706b64 !important;
  font-size: 7px !important;
}

.v72-char-count {
  color: #5f5b55;
  font-size: 7px;
  position: absolute;
  bottom: 9px;
  right: 10px;
}

.v72-response-promise {
  background: #11110e;
  border: 1px solid #332f27;
  align-items: center;
  gap: 9px;
  padding: 12px;
  display: flex;
}

.v72-response-promise svg {
  color: #b58b4f;
  width: 18px;
}

.v72-response-promise strong, .v72-response-promise small {
  display: block;
}

.v72-response-promise strong {
  font-size: 9px;
}

.v72-response-promise small {
  color: #757069;
  margin-top: 3px;
  font-size: 7px;
}

.v72-submit-ticket {
  gap: 7px;
  margin-top: 18px;
}

.v72-submit-ticket svg {
  width: 14px;
}

.form-error {
  color: #d47d69;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  font-size: 9px;
  display: flex;
}

.form-error svg {
  width: 15px;
}

.v72-login-gate, .v72-empty-support {
  text-align: center;
  background: #10110f;
  border: 1px dashed #3d382f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 260px;
  padding: 30px;
  display: flex;
}

.v72-login-gate > svg, .v72-empty-support > svg {
  color: #b58a4d;
  stroke-width: 1.3px;
  width: 40px;
  height: 40px;
}

.v72-login-gate h2, .v72-empty-support h2 {
  margin: 13px 0 7px;
  font: 400 23px Georgia, serif;
}

.v72-login-gate p, .v72-empty-support p {
  color: #817c74;
  max-width: 480px;
  font-size: 9px;
  line-height: 1.6;
}

.v72-login-gate > div {
  align-items: center;
  gap: 15px;
  margin-top: 12px;
  display: flex;
}

.v72-login-gate > div > a:last-child {
  color: #ae8a57;
  font-size: 9px;
}

.v72-support-faq {
  border-top: 1px solid #292720;
  grid-template-columns: 300px 1fr;
  gap: 18px;
  margin-top: 20px;
  padding-top: 20px;
  display: grid;
}

.v72-faq-head {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.v72-faq-head svg {
  color: #be914f;
}

.v72-faq-head small {
  color: #987543;
  letter-spacing: 1.2px;
  font-size: 8px;
}

.v72-faq-head h2 {
  margin: 5px 0;
  font: 400 22px Georgia, serif;
}

.v72-support-faq details {
  border-bottom: 1px solid #2b2923;
  padding: 13px 0;
}

.v72-support-faq summary {
  cursor: pointer;
  font: 400 12px Georgia, serif;
}

.v72-support-faq details p {
  color: #837e76;
  margin: 9px 0 2px;
  font-size: 9px;
  line-height: 1.65;
}

.v72-account-support, .v72-ticket-page {
  padding-top: 38px;
  padding-bottom: 90px;
}

.v72-account-support-head, .v72-ticket-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 20px;
  display: flex;
}

.v72-account-support-head h1, .v72-ticket-head h1 {
  margin: 6px 0;
  font: 400 34px Georgia, serif;
}

.v72-account-support-head p, .v72-ticket-head p {
  color: #817c74;
  margin: 0;
  font-size: 9px;
}

.v72-account-support-head > div:last-child, .v72-ticket-head > div:last-child {
  flex-direction: column;
  align-items: flex-end;
  gap: 9px;
  display: flex;
}

.v72-account-support-head > div:last-child > a:last-child, .v72-ticket-head > div:last-child > a {
  color: #a68350;
  font-size: 8px;
}

.v72-account-support-head .gold-button {
  gap: 6px;
}

.v72-account-support-head .gold-button svg {
  width: 13px;
}

.v72-ticket-stats {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 11px;
  display: grid;
}

.v72-ticket-stats > div {
  background: #11120f;
  border: 1px solid #343129;
  padding: 15px;
}

.v72-ticket-stats small, .v72-ticket-stats strong {
  display: block;
}

.v72-ticket-stats small {
  letter-spacing: 1px;
  color: #7d7870;
  font-size: 7px;
}

.v72-ticket-stats strong {
  color: #d1a35e;
  margin-top: 5px;
  font: 400 22px Georgia, serif;
}

.v72-ticket-list {
  gap: 7px;
  display: grid;
}

.v72-ticket-list > a {
  background: #10110f;
  border: 1px solid #343129;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  transition: all .2s;
  display: grid;
}

.v72-ticket-list > a:hover {
  background: #13140f;
  border-color: #6e5633;
}

.v72-ticket-icon, .v72-admin-ticket-icon {
  color: #b98f50;
  border: 1px solid #473b2b;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.v72-ticket-icon svg, .v72-admin-ticket-icon svg {
  width: 17px;
}

.v72-ticket-copy {
  min-width: 0;
}

.v72-ticket-copy > div, .v72-admin-ticket-copy > div {
  align-items: center;
  gap: 7px;
  display: flex;
}

.v72-ticket-copy > div > small, .v72-admin-ticket-copy > div > small {
  color: #937449;
  text-transform: uppercase;
  letter-spacing: .7px;
  font-size: 7px;
}

.v72-ticket-copy > strong, .v72-admin-ticket-copy > strong {
  margin: 5px 0;
  font: 400 13px Georgia, serif;
  display: block;
}

.v72-ticket-copy > p, .v72-admin-ticket-copy > p {
  color: #7c7770;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 8px;
  overflow: hidden;
}

.v72-ticket-copy footer, .v72-admin-ticket-copy footer {
  color: #64615b;
  align-items: center;
  gap: 9px;
  margin-top: 7px;
  font-size: 7px;
  display: flex;
}

.v72-ticket-copy footer b, .v72-admin-ticket-copy footer b {
  color: #9b835d;
}

.v72-ticket-copy footer em {
  color: #857b6c;
  font-style: normal;
}

.v72-ticket-copy footer time, .v72-admin-ticket-copy footer time {
  margin-left: auto;
}

.v72-priority {
  text-transform: uppercase;
  letter-spacing: .6px;
  border: 1px solid #444039;
  border-radius: 99px;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  display: inline-flex;
  font-size: 6px !important;
}

.v72-priority.low {
  color: #8b8982;
}

.v72-priority.normal {
  color: #c4aa7e;
  border-color: #5d4b32;
}

.v72-priority.high {
  color: #df9c67;
  background: #1a110d;
  border-color: #7d4f34;
}

.v72-priority.urgent {
  color: #f07c67;
  background: #24100d;
  border-color: #8b3e33;
}

.v72-state {
  white-space: nowrap;
  border: 1px solid #444039;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  font-size: 7px;
  display: inline-flex;
}

.v72-state.waiting_staff {
  color: #d7a65d;
  border-color: #6a512f;
}

.v72-state.waiting_customer {
  color: #77a8cf;
  border-color: #37556b;
}

.v72-state.resolved {
  color: #70b67b;
  border-color: #325438;
}

.v72-state.open {
  color: #d4c3a8;
}

.v72-ticket-info-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 10px;
  display: grid;
}

.v72-ticket-info-grid > div {
  background: #10110f;
  border: 1px solid #343129;
  align-items: center;
  gap: 9px;
  min-height: 68px;
  padding: 12px;
  display: flex;
}

.v72-ticket-info-grid svg {
  color: #b68b4d;
  width: 18px;
}

.v72-ticket-info-grid small, .v72-ticket-info-grid strong {
  display: block;
}

.v72-ticket-info-grid small {
  color: #756f67;
  letter-spacing: .8px;
  font-size: 6px;
}

.v72-ticket-info-grid strong {
  color: #c7b8a3;
  margin-top: 3px;
  font-size: 8px;
}

.v72-chat-card, .v72-admin-chat-card {
  background: #0f100e;
  border: 1px solid #38342b;
}

.v72-chat-meta {
  border-bottom: 1px solid #2d2a24;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  padding: 0 15px;
  display: flex;
}

.v72-chat-meta > div {
  align-items: center;
  gap: 8px;
  font: 400 11px Georgia, serif;
  display: flex;
}

.v72-chat-meta svg {
  color: #c3944e;
  width: 16px;
}

.v72-chat-meta > small {
  color: #716d66;
  font-size: 7px;
}

.v72-chat-messages, .v72-admin-chat-messages {
  flex-direction: column;
  gap: 10px;
  min-height: 280px;
  max-height: 620px;
  padding: 18px;
  display: flex;
  overflow: auto;
}

.v72-chat-messages article, .v72-admin-chat-messages article {
  background: #151612;
  border: 1px solid #37342d;
  max-width: 74%;
  padding: 11px 13px;
}

.v72-chat-messages article.customer, .v72-admin-chat-messages article.customer {
  background: #18140f;
  border-color: #5a452c;
  align-self: flex-end;
}

.v72-chat-messages article.staff, .v72-admin-chat-messages article.staff {
  align-self: flex-start;
}

.v72-chat-messages article > div, .v72-admin-chat-messages article > div {
  justify-content: space-between;
  gap: 15px;
  display: flex;
}

.v72-chat-messages article strong, .v72-admin-chat-messages article strong {
  color: #caa25e;
  font-size: 8px;
}

.v72-chat-messages article small, .v72-admin-chat-messages article small {
  color: #6e6a63;
  font-size: 6px;
}

.v72-chat-messages article p, .v72-admin-chat-messages article p {
  color: #b1a99f;
  white-space: pre-wrap;
  margin: 7px 0 0;
  font-size: 9px;
  line-height: 1.65;
}

.v72-chat-compose {
  border-top: 1px solid #302d26;
  grid-template-columns: 1fr 120px;
  align-items: stretch;
  gap: 9px;
  padding: 12px;
  display: grid;
}

.v72-chat-compose > div {
  position: relative;
}

.v72-chat-compose textarea {
  resize: vertical;
  color: #e0d8cd;
  background: #090a08;
  border: 1px solid #38352e;
  outline: none;
  width: 100%;
  height: 82px;
  padding: 11px 11px 22px;
  font-size: 9px;
}

.v72-chat-compose textarea:focus {
  border-color: #806039;
}

.v72-chat-compose > div small {
  color: #5f5b55;
  font-size: 6px;
  position: absolute;
  bottom: 7px;
  right: 8px;
}

.v72-chat-compose > button {
  color: #12110d;
  cursor: pointer;
  background: linear-gradient(135deg, #d3aa68, #b5833e);
  border: 1px solid #ae8245;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}

.v72-chat-compose > button svg {
  width: 14px;
}

.v72-chat-compose > p {
  color: #cf7c68;
  grid-column: 1 / -1;
  margin: 0;
  font-size: 8px;
}

.v72-resolved-actions {
  border-top: 1px solid #302d26;
  padding: 14px;
}

.v72-rating-box {
  background: #12130f;
  border: 1px solid #39352d;
  padding: 16px;
}

.v72-rating-box > div:first-child strong, .v72-rating-box > div:first-child small {
  display: block;
}

.v72-rating-box > div:first-child strong {
  font: 400 13px Georgia, serif;
}

.v72-rating-box > div:first-child small {
  color: #78736b;
  margin-top: 4px;
  font-size: 7px;
}

.v72-stars {
  gap: 4px;
  margin: 10px 0;
  display: flex;
}

.v72-stars button {
  cursor: pointer;
  color: #51483a;
  background: none;
  border: 0;
  padding: 0;
}

.v72-stars button.active {
  color: #d5a452;
}

.v72-stars svg {
  fill: currentColor;
  width: 22px;
}

.v72-rating-box textarea {
  color: #d8d0c5;
  background: #0a0b09;
  border: 1px solid #343129;
  width: 100%;
  min-height: 65px;
  margin-bottom: 9px;
  padding: 9px;
  font-size: 8px;
}

.v72-rating-box .gold-button {
  min-height: 34px;
  font-size: 7px;
}

.v72-reopen-box {
  background: #10110f;
  border: 1px solid #343129;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 9px;
  margin-top: 8px;
  padding: 12px;
  display: grid;
}

.v72-reopen-box > svg {
  color: #ae8750;
}

.v72-reopen-box strong, .v72-reopen-box small {
  display: block;
}

.v72-reopen-box strong {
  font-size: 9px;
}

.v72-reopen-box small {
  color: #767169;
  margin-top: 3px;
  font-size: 7px;
}

.v72-reopen-box button {
  color: #c89d59;
  background: #15130f;
  border: 1px solid #5f4a30;
  height: 30px;
  padding: 0 10px;
  font-size: 7px;
}

.v72-action-message {
  color: #b79c74;
  margin-top: 8px;
  font-size: 7px;
  display: block;
}

.v72-admin-support-page, .v72-admin-ticket-page {
  padding-bottom: 50px;
}

.v72-admin-support-stats {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 12px;
  display: grid;
}

.v72-admin-support-stats > div {
  background: #11120f;
  border: 1px solid #343129;
  align-items: center;
  gap: 10px;
  min-height: 80px;
  padding: 14px;
  display: flex;
}

.v72-admin-support-stats svg {
  color: #b78d4e;
  width: 22px;
}

.v72-admin-support-stats > div.urgent {
  border-color: #62382f;
}

.v72-admin-support-stats > div.urgent svg, .v72-admin-support-stats > div.urgent strong {
  color: #dd7f69;
}

.v72-admin-support-stats small, .v72-admin-support-stats strong {
  display: block;
}

.v72-admin-support-stats small {
  color: #777169;
  letter-spacing: .7px;
  font-size: 6px;
}

.v72-admin-support-stats strong {
  color: #d7ae6b;
  margin-top: 4px;
  font: 400 22px Georgia, serif;
}

.v72-admin-ticket-filters {
  grid-template-columns: minmax(220px, 1fr) 155px 140px 150px 80px auto;
  gap: 7px;
  margin-bottom: 10px;
  display: grid;
}

.v72-admin-ticket-filters input, .v72-admin-ticket-filters select {
  color: #c8c0b5;
  background: #0d0e0c;
  border: 1px solid #38342d;
  height: 38px;
  padding: 0 9px;
  font-size: 8px;
}

.v72-admin-ticket-filters .search {
  position: relative;
}

.v72-admin-ticket-filters .search svg {
  color: #6f6a62;
  width: 15px;
  position: absolute;
  top: 11px;
  left: 9px;
}

.v72-admin-ticket-filters .search input {
  width: 100%;
  padding-left: 31px;
}

.v72-admin-ticket-filters > button {
  color: #c79b59;
  background: #17140f;
  border: 1px solid #745a35;
  font-size: 7px;
}

.v72-admin-ticket-filters > a {
  color: #9c8057;
  align-self: center;
  font-size: 7px;
}

.v72-admin-ticket-list {
  gap: 6px;
  display: grid;
}

.v72-admin-ticket-list > a {
  background: #10110f;
  border: 1px solid #343129;
  grid-template-columns: 44px minmax(0, 1fr) 160px;
  align-items: center;
  gap: 11px;
  padding: 12px;
  display: grid;
}

.v72-admin-ticket-list > a.sla-breached {
  border-color: #60382e;
  box-shadow: inset 3px 0 #a7503d;
}

.v72-admin-ticket-side {
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  display: flex;
}

.v72-admin-ticket-side > small {
  color: #928068;
  font-size: 7px;
}

.v72-admin-ticket-side > small.breached {
  color: #dc7662;
}

.v72-admin-ticket-head {
  margin-bottom: 11px;
}

.v72-admin-ticket-head > div:last-child {
  align-items: center;
  gap: 9px;
  display: flex;
}

.v72-admin-ticket-head > div:last-child > a {
  color: #9d8054;
  font-size: 8px;
}

.v72-admin-ticket-layout {
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: start;
  gap: 10px;
  display: grid;
}

.v72-admin-chat-top {
  border-bottom: 1px solid #2e2b25;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 10px 13px;
  display: flex;
}

.v72-admin-chat-top > div {
  align-items: center;
  gap: 7px;
  display: flex;
}

.v72-admin-chat-top b {
  color: #b39467;
  font-size: 7px;
}

.v72-admin-chat-top b.breached {
  color: #dc7662;
}

.v72-admin-chat-top > small {
  color: #6f6b64;
  font-size: 7px;
}

.v72-admin-chat-messages article.internal {
  background: #17150f;
  border-style: dashed;
  border-color: #65522f;
  align-self: stretch;
  max-width: 100%;
}

.v72-admin-chat-messages article.internal em {
  color: #8d724a;
  margin-top: 6px;
  font-size: 6px;
  font-style: normal;
  display: block;
}

.v72-admin-support-actions {
  border-top: 1px solid #2f2c26;
  padding: 12px;
}

.v72-ticket-controls {
  grid-template-columns: 1fr 1fr 80px;
  gap: 7px;
  display: grid;
}

.v72-ticket-controls label {
  color: #837e76;
  gap: 4px;
  font-size: 7px;
  display: grid;
}

.v72-ticket-controls select {
  color: #cfc6b9;
  background: #0b0c0a;
  border: 1px solid #38342d;
  height: 34px;
  padding: 0 8px;
  font-size: 8px;
}

.v72-ticket-controls > button {
  color: #c99c59;
  background: #17140e;
  border: 1px solid #755934;
  align-self: end;
  height: 34px;
  font-size: 7px;
}

.v72-quick-replies {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: 10px 0;
  display: flex;
}

.v72-quick-replies > span {
  color: #8c714a;
  align-items: center;
  gap: 4px;
  margin-right: 3px;
  font-size: 7px;
  display: flex;
}

.v72-quick-replies svg {
  width: 12px;
}

.v72-quick-replies button {
  color: #998c79;
  background: #11120f;
  border: 1px solid #353129;
  height: 25px;
  padding: 0 8px;
  font-size: 6px;
}

.v72-admin-support-actions form {
  background: #11120f;
  border: 1px solid #343129;
  padding: 9px;
}

.v72-admin-support-actions form.is-internal {
  background: #17150f;
  border-color: #69542f;
}

.v72-admin-compose-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
  display: flex;
}

.v72-admin-compose-head label {
  color: #a88a5e;
  align-items: center;
  gap: 5px;
  font-size: 7px;
  display: flex;
}

.v72-admin-compose-head label svg {
  width: 12px;
}

.v72-admin-compose-head small {
  color: #6f6a62;
  font-size: 6px;
}

.v72-admin-support-actions textarea {
  color: #dcd4c9;
  background: #090a08;
  border: 1px solid #38342d;
  width: 100%;
  padding: 9px;
  font-size: 8px;
}

.v72-admin-support-actions form > button {
  color: #0d0c09;
  background: #c99b57;
  border: 1px solid #a77c40;
  align-items: center;
  gap: 5px;
  height: 34px;
  margin-top: 7px;
  padding: 0 12px;
  font-size: 7px;
  font-weight: 800;
  display: flex;
}

.v72-admin-support-actions form > button svg {
  width: 13px;
}

.v72-admin-action-msg {
  color: #a58c67;
  margin-top: 7px;
  font-size: 7px;
  display: block;
}

.v72-admin-ticket-context {
  gap: 8px;
  display: grid;
}

.v72-admin-ticket-context > section {
  background: #10110f;
  border: 1px solid #343129;
  padding: 14px;
}

.v72-admin-ticket-context h3 {
  color: #c9af88;
  margin: 0 0 10px;
  font: 400 12px Georgia, serif;
}

.v72-admin-ticket-context section > div, .v72-admin-ticket-context section > a {
  border-top: 1px solid #292720;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  display: flex;
}

.v72-admin-ticket-context section > div:first-of-type {
  border-top: 0;
}

.v72-admin-ticket-context svg {
  color: #ac834a;
  width: 15px;
}

.v72-admin-ticket-context strong, .v72-admin-ticket-context small {
  display: block;
}

.v72-admin-ticket-context strong {
  font-size: 8px;
}

.v72-admin-ticket-context small {
  color: #716d66;
  margin-top: 3px;
  font-size: 6px;
}

.v72-admin-ticket-context dl {
  margin: 0;
}

.v72-admin-ticket-context dl > div {
  border-top: 1px solid #292720;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
  font-size: 7px;
  display: flex;
}

.v72-admin-ticket-context dt {
  color: #747068;
}

.v72-admin-ticket-context dd {
  color: #b5aa9b;
  text-align: right;
  margin: 0;
}

.v72-admin-ticket-context > section > p {
  color: #78736b;
  font-size: 8px;
  line-height: 1.5;
}

.v72-admin-rating {
  display: block !important;
}

.v72-admin-rating strong {
  color: #d2a253;
  font-size: 13px;
}

.v72-admin-rating p {
  color: #817b72;
  font-size: 7px;
  line-height: 1.5;
}

.v72-security-note {
  align-items: flex-start !important;
  gap: 8px !important;
  display: flex !important;
}

.v72-security-note p {
  margin: 0 !important;
}

@media (max-width: 1050px) {
  .v72-support-hero {
    grid-template-columns: 1fr;
  }

  .v72-support-categories {
    grid-template-columns: 1fr 1fr;
  }

  .v72-admin-ticket-filters {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .v72-admin-ticket-filters .search {
    grid-column: 1 / -1;
  }

  .v72-admin-ticket-layout {
    grid-template-columns: 1fr;
  }

  .v72-admin-ticket-context {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .v72-support-page {
    padding-top: 18px;
    padding-bottom: 105px;
  }

  .v72-support-hero {
    min-height: auto;
    padding: 24px 16px;
  }

  .v72-support-hero h1 {
    font-size: 40px;
  }

  .v72-support-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .v72-support-hero-actions .gold-button {
    width: 100%;
  }

  .v72-support-promise {
    padding: 15px;
  }

  .v72-support-categories {
    scroll-snap-type: x mandatory;
    margin-left: -14px;
    margin-right: -14px;
    padding: 0 14px 5px;
    display: flex;
    overflow-x: auto;
  }

  .v72-support-categories article {
    scroll-snap-align: start;
    min-width: 235px;
  }

  .v72-support-flow {
    grid-template-columns: 1fr;
  }

  .v72-support-form {
    padding: 18px 14px;
  }

  .v72-support-form-title h2 {
    font-size: 21px;
  }

  .v72-support-form-grid {
    grid-template-columns: 1fr;
  }

  .v72-support-form-grid .wide {
    grid-column: auto;
  }

  .v72-support-form-grid input, .v72-support-form-grid select {
    min-height: 48px;
    font-size: 10px;
  }

  .v72-support-form-grid textarea {
    font-size: 10px;
  }

  .v72-submit-ticket {
    width: 100%;
    min-height: 46px;
  }

  .v72-support-faq {
    grid-template-columns: 1fr;
  }

  .v72-account-support, .v72-ticket-page {
    padding-top: 22px;
    padding-bottom: 110px;
  }

  .v72-account-support-head, .v72-ticket-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .v72-account-support-head > div:last-child, .v72-ticket-head > div:last-child {
    align-items: stretch;
    width: 100%;
  }

  .v72-account-support-head > div:last-child .gold-button {
    width: 100%;
  }

  .v72-ticket-stats {
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
  }

  .v72-ticket-stats > div {
    padding: 11px 8px;
  }

  .v72-ticket-stats small {
    font-size: 5px;
  }

  .v72-ticket-list > a {
    grid-template-columns: 38px 1fr;
    padding: 10px;
  }

  .v72-ticket-icon {
    width: 36px;
    height: 36px;
  }

  .v72-ticket-list > a > .v72-state {
    grid-column: 2;
    justify-self: start;
  }

  .v72-ticket-copy footer {
    flex-wrap: wrap;
  }

  .v72-ticket-copy footer time {
    width: 100%;
    margin-left: 0;
  }

  .v72-ticket-info-grid {
    grid-template-columns: 1fr 1fr;
  }

  .v72-chat-messages, .v72-admin-chat-messages {
    min-height: 250px;
    padding: 10px;
  }

  .v72-chat-messages article, .v72-admin-chat-messages article {
    max-width: 90%;
    padding: 10px;
  }

  .v72-chat-compose {
    grid-template-columns: 1fr;
    padding: 9px;
  }

  .v72-chat-compose > button {
    min-height: 44px;
  }

  .v72-reopen-box {
    grid-template-columns: 26px 1fr;
  }

  .v72-reopen-box button {
    grid-column: 1 / -1;
    height: 40px;
  }

  .v72-admin-support-stats {
    grid-template-columns: 1fr 1fr;
  }

  .v72-admin-ticket-filters {
    grid-template-columns: 1fr;
  }

  .v72-admin-ticket-filters .search {
    grid-column: auto;
  }

  .v72-admin-ticket-filters input, .v72-admin-ticket-filters select, .v72-admin-ticket-filters > button {
    min-height: 44px;
  }

  .v72-admin-ticket-list > a {
    grid-template-columns: 38px 1fr;
    padding: 10px;
  }

  .v72-admin-ticket-side {
    grid-column: 2;
    align-items: flex-start;
  }

  .v72-admin-ticket-context {
    grid-template-columns: 1fr;
  }

  .v72-ticket-controls {
    grid-template-columns: 1fr 1fr;
  }

  .v72-ticket-controls > button {
    grid-column: 1 / -1;
    min-height: 40px;
  }

  .v72-admin-compose-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .v72-admin-support-actions textarea {
    min-height: 120px;
    font-size: 10px;
  }

  .v72-admin-support-actions form > button {
    justify-content: center;
    width: 100%;
    min-height: 42px;
  }

  .v72-quick-replies {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .v72-quick-replies button {
    white-space: nowrap;
    min-height: 34px;
  }

  .v72-admin-chat-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }

  .v72-admin-chat-messages article {
    max-width: 92%;
  }
}

@media (max-width: 430px) {
  .v72-support-hero h1 {
    font-size: 35px;
  }

  .v72-support-categories article {
    min-width: 210px;
  }

  .v72-ticket-stats, .v72-ticket-info-grid {
    grid-template-columns: 1fr;
  }

  .v72-admin-support-stats {
    grid-template-columns: 1fr 1fr;
  }

  .v72-admin-ticket-list > a {
    grid-template-columns: 1fr;
  }

  .v72-admin-ticket-icon {
    display: none;
  }

  .v72-admin-ticket-side {
    grid-column: auto;
  }

  .v72-ticket-controls {
    grid-template-columns: 1fr;
  }
}

.global-search {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  position: relative;
}

.global-search-header {
  flex: 0 0 265px;
  width: 265px;
}

.global-search-input-wrap {
  background: #0a0b09eb;
  border: 1px solid #302e28;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 10px;
  transition: border-color .18s, box-shadow .18s, background .18s;
  display: flex;
}

.global-search.is-open .global-search-input-wrap, .global-search-input-wrap:focus-within {
  background: #0d0e0c;
  border-color: #6d5431;
  box-shadow: 0 0 0 3px #c79a540f;
}

.global-search-icon {
  color: #79756d;
  flex: none;
  width: 15px;
  height: 15px;
}

.global-search-input-wrap input {
  color: #ddd5ca;
  outline: 0;
  flex: 1;
  min-width: 0;
  height: 100%;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 9px !important;
}

.global-search-input-wrap input::placeholder {
  color: #65625c;
}

.global-search-input-wrap kbd {
  color: #69645d;
  white-space: nowrap;
  background: #11120f;
  border: 1px solid #302e28;
  border-radius: 4px;
  flex: none;
  padding: 2px 5px;
  font: 600 6px / 1.2 Inter, sans-serif;
}

.global-search-loader {
  color: #b78949;
  width: 14px;
  height: 14px;
  animation: .75s linear infinite global-search-spin;
}

.global-search-clear {
  color: #746f67;
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  display: grid;
}

.global-search-clear:hover {
  color: #caa05e;
}

.global-search-clear svg {
  width: 14px;
  height: 14px;
}

@keyframes global-search-spin {
  to {
    transform: rotate(360deg);
  }
}

.global-search-results {
  z-index: 120;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  scrollbar-width: thin;
  scrollbar-color: #5b472d #11120f;
  background: #0b0c0afa;
  border: 1px solid #3b352b;
  border-radius: 8px;
  width: min(440px, 100vw - 28px);
  max-height: min(590px, 100vh - 125px);
  padding: 7px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  overflow: auto;
  box-shadow: 0 28px 80px #00000094;
}

.global-search-results-head {
  color: #8c857b;
  letter-spacing: .25px;
  border-bottom: 1px solid #27251f;
  justify-content: space-between;
  align-items: center;
  min-height: 35px;
  padding: 0 8px;
  font-size: 7px;
  display: flex;
}

.global-search-results-head small {
  color: #a78451;
  font-size: 6px;
}

.global-search-group {
  padding: 7px 0 2px;
}

.global-search-group h3 {
  color: #a78149;
  letter-spacing: 1.05px;
  text-transform: uppercase;
  margin: 0 0 4px;
  padding: 0 8px;
  font-size: 6px;
  font-weight: 700;
}

.global-search-result {
  color: #d9d1c6;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  grid-template-columns: 42px minmax(0, 1fr) auto 15px;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 54px;
  padding: 6px 8px;
  transition: all .15s;
  display: grid;
}

.global-search-result:hover, .global-search-result.is-active {
  background: linear-gradient(90deg, #c79a541f, #c79a5406);
  box-shadow: inset 2px 0 #b88a49;
}

.global-search-result-icon {
  color: #b18a50;
  background: #12130f;
  border: 1px solid #343028;
  border-radius: 5px;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.global-search-result-icon svg {
  stroke-width: 1.5px;
  width: 17px;
  height: 17px;
}

.global-search-result-icon.has-image img {
  object-fit: cover;
}

.global-search-result-copy {
  min-width: 0;
  display: block;
}

.global-search-result-copy strong, .global-search-result-copy small {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.global-search-result-copy strong {
  color: #ddd4c7;
  font: 400 10px / 1.3 Georgia, serif;
}

.global-search-result-copy small {
  color: #716c65;
  margin-top: 4px;
  font-size: 7px;
}

.global-search-result em {
  color: #b8935c;
  white-space: nowrap;
  background: #17140f;
  border: 1px solid #4b3c29;
  border-radius: 999px;
  padding: 4px 6px;
  font-size: 6px;
  font-style: normal;
}

.global-search-arrow {
  color: #5e5952;
  width: 12px;
  height: 12px;
}

.global-search-empty {
  text-align: center;
  color: #716c64;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 160px;
  padding: 20px;
  display: flex;
}

.global-search-empty svg {
  color: #9e7944;
  width: 25px;
}

.global-search-empty strong {
  color: #c6bbaa;
  margin: 8px 0 5px;
  font: 400 14px Georgia, serif;
}

.global-search-empty span {
  max-width: 300px;
  font-size: 7px;
  line-height: 1.6;
}

.global-search-footer {
  color: #625e57;
  border-top: 1px solid #27251f;
  align-items: center;
  gap: 12px;
  height: 31px;
  margin-top: 6px;
  padding: 0 8px;
  font-size: 6px;
  display: flex;
}

.site-search-page {
  min-height: 70vh;
  padding-top: 48px;
  padding-bottom: 120px;
}

.site-search-page-head {
  max-width: 760px;
  margin-bottom: 24px;
}

.site-search-page-head h1 {
  color: #eee7dd;
  margin: 7px 0 13px;
  font: 400 clamp(36px, 4vw, 58px) / 1.02 Georgia, serif;
}

.site-search-page-head p {
  color: #88837b;
  max-width: 670px;
  font-size: 10px;
  line-height: 1.75;
}

.global-search-page {
  width: min(820px, 100%);
}

.global-search-page .global-search-input-wrap {
  background: #0e0f0d;
  border-radius: 6px;
  height: 58px;
  padding: 0 16px;
}

.global-search-page .global-search-icon {
  width: 20px;
  height: 20px;
}

.global-search-page .global-search-input-wrap input {
  font-size: 13px !important;
}

.global-search-page .global-search-clear {
  width: 34px;
  height: 34px;
}

.global-search-page .global-search-results {
  width: 100%;
  max-height: none;
  box-shadow: none;
  background: #0d0e0c;
  border-radius: 6px;
  margin-top: 8px;
  position: relative;
  top: auto;
  right: auto;
}

.global-search-page .global-search-result {
  grid-template-columns: 48px minmax(0, 1fr) auto 16px;
  min-height: 64px;
}

.global-search-page .global-search-result-icon {
  width: 46px;
  height: 46px;
}

.global-search-page .global-search-result-copy strong {
  font-size: 12px;
}

.global-search-page .global-search-result-copy small {
  font-size: 8px;
}

.site-search-tips {
  color: #756f67;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
  margin-top: 18px;
  font-size: 8px;
  display: flex;
}

.site-search-tips > span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.site-search-tips > span svg {
  color: #a27c46;
  width: 13px;
}

.site-search-tips > div {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.site-search-tips a {
  color: #998c7a;
  background: #10110f;
  border: 1px solid #302d27;
  border-radius: 999px;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  font-size: 7px;
  display: inline-flex;
}

.site-search-tips a:hover {
  color: #c8a56d;
  border-color: #765a34;
}

.site-search-note {
  color: #777169;
  background: #10110f;
  border: 1px solid #2f2c26;
  align-items: center;
  gap: 8px;
  max-width: 820px;
  margin-top: 18px;
  padding: 12px 14px;
  font-size: 7px;
  display: flex;
}

.site-search-note svg {
  color: #ac8348;
  flex: none;
  width: 15px;
}

@media (max-width: 1180px) {
  .global-search-header {
    flex-basis: 220px;
    width: 220px;
  }

  .global-search-input-wrap kbd {
    display: none;
  }
}

@media (max-width: 920px) {
  .header-actions > .global-search-header {
    display: none;
  }

  .site-search-page {
    padding-top: 28px;
  }

  .global-search-page {
    width: 100%;
  }

  .global-search-page .global-search-results {
    padding: 5px;
  }
}

@media (max-width: 760px) {
  .site-search-page {
    padding-top: 20px;
    padding-bottom: 115px;
  }

  .site-search-page-head {
    margin-bottom: 16px;
  }

  .site-search-page-head h1 {
    font-size: 37px;
  }

  .site-search-page-head p {
    font-size: 9px;
  }

  .global-search-page .global-search-input-wrap {
    height: 52px;
    padding: 0 12px;
  }

  .global-search-page .global-search-input-wrap input {
    font-size: 11px !important;
  }

  .global-search-page .global-search-results {
    margin-top: 7px;
  }

  .global-search-results-head {
    min-height: 38px;
    font-size: 7px;
  }

  .global-search-group h3 {
    margin-top: 3px;
    font-size: 7px;
  }

  .global-search-page .global-search-result {
    grid-template-columns: 45px minmax(0, 1fr) auto 14px;
    min-height: 62px;
    padding: 7px;
  }

  .global-search-page .global-search-result-icon {
    width: 43px;
    height: 43px;
  }

  .global-search-page .global-search-result-copy strong {
    font-size: 11px;
  }

  .global-search-page .global-search-result-copy small {
    font-size: 7px;
  }

  .global-search-result em {
    font-size: 6px;
  }

  .site-search-tips {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .site-search-tips > div {
    scrollbar-width: none;
    flex-wrap: nowrap;
    width: 100%;
    padding-bottom: 4px;
    overflow-x: auto;
  }

  .site-search-tips a {
    flex: none;
    min-height: 34px;
    font-size: 8px;
  }

  .site-search-note {
    font-size: 8px;
    line-height: 1.55;
  }
}

@media (max-width: 430px) {
  .site-search-page-head h1 {
    font-size: 32px;
  }

  .global-search-page .global-search-result {
    grid-template-columns: 43px minmax(0, 1fr) 12px;
  }

  .global-search-page .global-search-result em {
    display: none;
  }

  .global-search-arrow {
    width: 11px;
  }

  .global-search-page .global-search-result-copy strong {
    font-size: 10px;
  }
}

.v2-filter-actions {
  justify-content: flex-end;
}

.v2-filter-sheet .v2-filter-actions {
  justify-content: flex-end;
  display: flex;
}

.v2-filter-sheet .v2-clear-filter {
  justify-content: center;
  min-width: 110px;
}

.home-editorial-zone {
  align-items: stretch;
}

.review-spotlight-card {
  min-height: 240px;
  box-shadow: var(--shadow);
  background: radial-gradient(circle at 100% 0, #c79a5429, #0000 34%), linear-gradient(135deg, #171711, #10110f);
  border: 1px solid #3a3428;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px 28px;
  display: flex;
}

.review-spotlight-head {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.review-spotlight-badge {
  color: #d9bc8d;
  letter-spacing: .4px;
  background: #c79a5414;
  border: 1px solid #c79a5459;
  border-radius: 999px;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  font-size: 10px;
  display: inline-flex;
}

.review-spotlight-body {
  align-items: flex-start;
  gap: 16px;
  margin-top: 14px;
  display: flex;
}

.review-spotlight-body .avatar {
  color: #fff3df;
  background: linear-gradient(135deg, #c89b57, #33281a);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 54px;
  height: 54px;
  font: 700 14px Georgia, serif;
  display: grid;
}

.review-spotlight-card h3 {
  margin: 0 0 9px;
  font: 400 28px Georgia, serif;
}

.review-spotlight-card h3 b {
  color: #dcad57;
  letter-spacing: 1px;
  margin-left: 8px;
  font-size: 14px;
}

.review-spotlight-card blockquote {
  color: #f1e8db;
  margin: 0 0 10px;
  font: italic 18px / 1.55 Georgia, serif;
}

.review-spotlight-card p {
  color: #a49f95;
  max-width: 560px;
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
}

.review-spotlight-meta {
  color: #8c867d;
  border-top: 1px solid #2f2d25;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  font-size: 11px;
  display: flex;
}

.review-spotlight-meta a {
  color: #cfab6c;
}

.story-showcase-card {
  box-shadow: var(--shadow);
  background: linear-gradient(135deg, #151612, #10110f);
  border: 1px solid #352f24;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 26px;
  display: grid;
}

.story-showcase-copy h2 {
  color: #f0e7da;
  margin: 0 0 14px;
  font: 400 36px Georgia, serif;
}

.story-showcase-copy p {
  color: #a09b91;
  max-width: 520px;
  font-size: 13px;
  line-height: 1.8;
}

.story-showcase-copy ul {
  gap: 10px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.story-showcase-copy li {
  color: #c8c1b5;
  padding-left: 18px;
  font-size: 12px;
  position: relative;
}

.story-showcase-copy li:before {
  content: "";
  background: var(--gold);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 7px;
  left: 0;
  box-shadow: 0 0 0 4px #c79a541f;
}

.story-open-button {
  gap: 8px;
  margin-top: 10px;
}

.story-open-button svg {
  width: 15px;
}

.story-showcase-preview {
  background: #0b0b09;
  border: 1px solid #3b3529;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

.story-showcase-preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.story-showcase-overlay {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(#090a0926, #090a09d1);
  border: 1px solid #e2bd7d38;
  padding: 16px 18px;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.story-showcase-overlay strong, .story-showcase-overlay span {
  display: block;
}

.story-showcase-overlay strong {
  color: #f5eee3;
  font: 400 22px Georgia, serif;
}

.story-showcase-overlay span {
  color: #c7b89f;
  margin-top: 5px;
  font-size: 11px;
}

.story-modal {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 140;
  background: #050505e0;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

.story-modal-frame {
  background: #0a0a08;
  border: 1px solid #4b3b24;
  width: min(92vw, 1320px);
  height: min(88vh, 1320px);
  overflow: auto;
  box-shadow: 0 28px 80px #00000073;
}

.story-modal-frame img {
  width: 100%;
  height: auto;
  display: block;
}

.story-modal-close {
  color: #ebddc4;
  cursor: pointer;
  z-index: 145;
  background: #12110ef0;
  border: 1px solid #6f5833;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 14px;
  font-size: 11px;
  display: inline-flex;
  position: fixed;
  top: 24px;
  right: 28px;
}

.footer-feedback-shell {
  padding: 26px 0 6px;
}

.homepage-comment-wrap {
  box-shadow: var(--shadow);
  background: linear-gradient(135deg, #141511, #0f100d);
  border: 1px solid #342f26;
  grid-template-columns: .86fr 1.14fr;
  gap: 24px;
  padding: 24px;
  display: grid;
}

.homepage-comment-copy h3 {
  margin: 0 0 12px;
  font: 400 28px Georgia, serif;
}

.homepage-comment-copy p {
  color: #9b968d;
  max-width: 460px;
  font-size: 12px;
  line-height: 1.75;
}

.homepage-comment-hint {
  color: #ccb892;
  background: #11120f;
  border: 1px solid #353026;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 10px 12px;
  font-size: 11px;
  display: inline-flex;
}

.homepage-comment-hint svg {
  color: #d2a45d;
}

.homepage-comment-form {
  gap: 10px;
  display: grid;
}

.homepage-comment-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.homepage-comment-form input, .homepage-comment-form textarea {
  color: #eadfcf;
  background: #0d0e0c;
  border: 1px solid #37342c;
  outline: none;
  width: 100%;
  padding: 12px 13px;
  font-size: 12px;
}

.homepage-comment-form input:focus, .homepage-comment-form textarea:focus {
  border-color: #7b6139;
}

.homepage-comment-form textarea {
  resize: vertical;
  min-height: 110px;
}

.homepage-rating-row {
  background: #10110f;
  border: 1px solid #353129;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.homepage-rating-row span {
  color: #c6b9a4;
  font-size: 11px;
}

.homepage-stars {
  gap: 5px;
  display: flex;
}

.homepage-stars button {
  color: #594b38;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.homepage-stars button.on {
  color: #d8a95e;
}

.homepage-stars svg {
  fill: currentColor;
}

.homepage-comment-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.homepage-comment-actions p {
  color: #bfa77c;
  margin: 0;
  font-size: 11px;
}

@media (max-width: 980px) {
  .story-showcase-card, .homepage-comment-wrap {
    grid-template-columns: 1fr;
  }

  .story-showcase-preview {
    min-height: 460px;
  }
}

@media (max-width: 760px) {
  .review-spotlight-head, .review-spotlight-meta, .homepage-rating-row, .homepage-comment-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .review-spotlight-card h3 {
    font-size: 24px;
  }

  .review-spotlight-card blockquote {
    font-size: 17px;
  }

  .story-showcase-card {
    padding: 18px;
  }

  .story-showcase-copy h2 {
    font-size: 30px;
  }

  .story-showcase-preview {
    min-height: 330px;
  }

  .story-modal {
    padding: 14px;
  }

  .story-modal-frame {
    width: 100%;
    height: auto;
    max-height: 82vh;
  }

  .story-modal-close {
    height: 40px;
    top: 14px;
    right: 14px;
  }

  .homepage-comment-wrap {
    padding: 18px;
  }

  .homepage-comment-copy h3 {
    font-size: 24px;
  }

  .homepage-comment-grid {
    grid-template-columns: 1fr;
  }
}

.hero-visual {
  min-height: 285px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.hero-visual:before {
  content: "";
  z-index: 2;
  background: linear-gradient(90deg, #090a08 8%, #090a08d1 42%, #0000);
  width: 150px;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: -90px;
}

.hero-visual > img {
  filter: saturate(.98) contrast(1.05);
  object-fit: cover !important;
  object-position: center !important;
}

.reference-categories {
  z-index: 3;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  gap: 5px;
  margin-top: -38px;
  display: grid;
  position: relative;
}

.reference-categories .category-card {
  height: 61px;
  box-shadow: none;
  background: linear-gradient(135deg, #141512, #0d0e0c);
  border: 1px solid #3e3a32;
  border-radius: 3px;
  grid-template-columns: minmax(0, 1fr) 165px;
  align-items: stretch;
  display: grid;
  position: relative;
  padding: 0 0 0 12px !important;
  overflow: hidden !important;
}

.reference-categories .category-card .category-copy {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-right: 8px;
  display: flex;
  position: relative;
}

.reference-categories .category-card .category-copy span {
  color: #d6c7b4;
  margin: 0;
  font: 400 10px Georgia, serif;
}

.reference-categories .category-card .category-copy small {
  color: #a77c40;
  max-width: 135px;
  margin-top: 6px;
  font-size: 6px;
}

.reference-categories .category-card .category-thumb {
  z-index: 1;
  min-width: 120px;
  height: 100%;
  position: relative;
}

.reference-categories .category-card .category-thumb img {
  object-fit: cover !important;
  object-position: center !important;
  opacity: .9 !important;
  filter: brightness(.92) saturate(1.03) !important;
  mix-blend-mode: normal !important;
  width: 100% !important;
  height: 100% !important;
}

.reference-categories .category-card:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(90deg, #0d0e0cfa 0%, #0d0e0ced 42%, #0d0e0c73 72%, #0d0e0c14 100%);
  position: absolute;
  inset: 0;
}

.reference-categories .tespih-card .category-thumb img {
  object-position: center 48% !important;
}

.reference-categories .kolye-card .category-thumb img {
  object-position: center 35% !important;
}

.reference-categories .new-arrivals-card .category-thumb img {
  object-position: center 40% !important;
}

.review-live-card {
  min-height: 240px;
  box-shadow: var(--shadow);
  background: radial-gradient(circle at 95% 0, #c79a5429, #0000 36%), linear-gradient(135deg, #171711, #10110f);
  border: 1px solid #3a3428;
  flex-direction: column;
  padding: 24px 26px;
  display: flex;
  overflow: hidden;
}

.review-live-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.review-live-head > div:first-child {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.review-live-head .eyebrow {
  margin: 0;
}

.review-live-head small {
  color: #8f8a80;
  letter-spacing: .7px;
  align-items: center;
  gap: 6px;
  font-size: 8px;
  display: inline-flex;
}

.review-live-dot {
  background: #62be74;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.8s ease-in-out infinite review-live-pulse;
  box-shadow: 0 0 0 4px #62be7414, 0 0 14px #62be7459;
}

@keyframes review-live-pulse {
  50% {
    opacity: .42;
    transform: scale(.8);
  }
}

.review-live-count {
  color: #c9a66e;
  background: #17130e;
  border: 1px solid #4c3e2a;
  border-radius: 999px;
  place-items: center;
  min-width: 52px;
  height: 26px;
  font-size: 8px;
  display: grid;
}

.review-live-viewport {
  flex: 1;
  align-items: center;
  min-height: 150px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.review-live-slide {
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  width: 100%;
  animation: 1.05s cubic-bezier(.22, .76, .24, 1) review-slide-in;
  display: grid;
}

@keyframes review-slide-in {
  0% {
    opacity: 0;
    transform: translateX(46px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.review-live-avatar {
  color: #fff3df;
  background: linear-gradient(135deg, #c99a54, #342719);
  border-radius: 50%;
  place-items: center;
  width: 58px;
  height: 58px;
  font: 700 14px Georgia, serif;
  display: grid;
  box-shadow: inset 0 0 0 1px #ffda992e;
}

.review-live-copy {
  min-width: 0;
}

.review-live-title-row {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.review-live-title-row h3 {
  color: #f0e6d8;
  margin: 0;
  font: 400 25px Georgia, serif;
}

.review-live-stars {
  color: #dba64f;
  letter-spacing: 1px;
  font-size: 13px;
}

.review-live-copy > strong {
  color: #c9ad82;
  letter-spacing: .3px;
  margin-top: 5px;
  font-size: 9px;
  display: block;
}

.review-live-copy blockquote {
  color: #eee3d3;
  margin: 10px 0 8px;
  font: italic 16px / 1.55 Georgia, serif;
}

.review-live-meta {
  color: #817c73;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  font-size: 8px;
  display: flex;
}

.review-live-meta svg {
  color: #c99954;
}

.review-live-meta a {
  color: #cfa75f;
  margin-left: auto;
}

.review-live-footer {
  border-top: 1px solid #2f2c25;
  align-items: center;
  gap: 14px;
  padding-top: 12px;
  display: flex;
}

.review-live-progress {
  background: #25231e;
  flex: 1;
  height: 2px;
  overflow: hidden;
}

.review-live-progress i {
  background: linear-gradient(90deg, #8f6a35, #d7a654);
  height: 100%;
  transition: width .7s;
  display: block;
}

.review-live-controls {
  gap: 6px;
  display: flex;
}

.review-live-controls button {
  color: #c49a5c;
  cursor: pointer;
  background: #15130f;
  border: 1px solid #4b3d2a;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.review-live-controls button:hover {
  color: #edc77f;
  background: #1a160f;
  border-color: #8a6738;
}

@media (max-width: 920px) {
  .reference-categories {
    grid-template-columns: 1fr 1fr;
    margin-top: -16px;
  }

  .reference-categories .category-card {
    height: 76px;
  }
}

@media (max-width: 760px) {
  .hero-visual:before {
    background: linear-gradient(#090a08, #0000);
    width: auto;
    height: 80px;
    top: -35px;
    left: 0;
    right: 0;
  }

  .reference-categories {
    gap: 7px;
    margin-top: -28px;
  }

  .reference-categories .category-card {
    grid-template-columns: minmax(0, 1fr) 110px;
    height: 76px;
    padding-left: 10px !important;
  }

  .review-live-card {
    min-height: 260px;
    padding: 19px 16px;
  }

  .review-live-head {
    flex-direction: column;
    gap: 8px;
  }

  .review-live-slide {
    grid-template-columns: 46px 1fr;
    gap: 12px;
  }

  .review-live-avatar {
    width: 46px;
    height: 46px;
    font-size: 11px;
  }

  .review-live-title-row h3 {
    font-size: 20px;
  }

  .review-live-copy blockquote {
    font-size: 15px;
  }

  .review-live-meta a {
    width: 100%;
    margin-left: 0;
  }

  .review-live-footer {
    margin-top: 10px;
  }
}

@media (max-width: 430px) {
  .reference-categories {
    grid-template-columns: 1fr 1fr;
  }

  .reference-categories .category-card {
    height: 68px;
  }

  .reference-categories .category-card .category-copy small {
    font-size: 6px;
  }

  .review-live-slide {
    grid-template-columns: 1fr;
  }

  .review-live-avatar {
    display: none;
  }
}

.otp-card {
  text-align: left;
}

.otp-card > h1 {
  margin-bottom: 10px;
}

.otp-card > p b {
  color: #d7b275;
  font-weight: 600;
}

.otp-icon {
  color: #d5a763;
  background: linear-gradient(135deg, #1c1811, #0d0e0b);
  border: 1px solid #6d5330;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 15px;
  display: grid;
  box-shadow: 0 12px 30px #00000038;
}

.otp-icon svg {
  width: 24px;
  height: 24px;
}

.otp-code-label {
  margin-top: 12px;
}

.otp-code-input {
  text-align: center !important;
  letter-spacing: 12px !important;
  color: #e5c88f !important;
  background: #0a0b09 !important;
  border-color: #5c472c !important;
  height: 68px !important;
  padding-left: 24px !important;
  font-size: 30px !important;
  font-weight: 700 !important;
}

.otp-code-input:focus {
  box-shadow: 0 0 0 3px #c79a5414;
  border-color: #c79a54 !important;
}

.otp-security-note {
  color: #817b72;
  background: #10110f;
  border: 1px solid #302d26;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0 4px;
  padding: 11px;
  font-size: 9px;
  line-height: 1.55;
  display: flex;
}

.otp-security-note svg {
  color: #b98e4e;
  flex: none;
}

.otp-success {
  color: #79b57e;
  background: #0e1710;
  border: 1px solid #365139;
  margin-top: 10px;
  padding: 10px 11px;
  font-size: 9px;
}

.otp-resend, .otp-back {
  color: #a59b8d;
  cursor: pointer;
  background: #10110f;
  border: 1px solid #343129;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 38px;
  margin-top: 8px;
  font-size: 9px;
  display: flex;
}

.otp-resend:hover:not(:disabled), .otp-back:hover {
  color: #d0b47f;
  border-color: #6e5532;
}

.otp-resend:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.otp-back {
  color: #777169;
  background: none;
  border: 0;
  min-height: 32px;
}

.otp-back:hover {
  color: #bda476;
  border: 0;
}

.auth-card .gold-button:disabled {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}

.auth-card .form-error {
  color: #dd8872;
  background: #1c100d;
  border: 1px solid #60392f;
  margin: 10px 0;
  padding: 10px 11px;
}

.auth-card > p {
  line-height: 1.65;
}

@media (max-width: 760px) {
  .otp-code-input {
    letter-spacing: 10px !important;
    height: 64px !important;
    font-size: 28px !important;
  }

  .otp-security-note {
    font-size: 8px;
  }

  .otp-resend {
    min-height: 44px;
  }
}

/* [project]/components/NovaDevelopmentPromo.module.css [app-client] (css) */
.NovaDevelopmentPromo-module__xSEtUW__novaPromo {
  isolation: isolate;
  background: radial-gradient(circle at 0%, #c79a5412, #0000 27%), linear-gradient(135deg, #0b0c0a 0%, #0e0f0c 48%, #090a09 100%);
  border: 1px solid #c79a5447;
  grid-template-columns: 1.08fr .9fr .9fr;
  align-items: stretch;
  gap: 18px;
  min-height: 312px;
  margin-top: 24px;
  margin-bottom: 18px;
  padding: 30px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 70px #00000061, inset 0 1px #ffffff05;
}

.NovaDevelopmentPromo-module__xSEtUW__novaPromo:before {
  content: "";
  z-index: -2;
  opacity: .28;
  background-image: linear-gradient(#c79a5409 1px, #0000 1px), linear-gradient(90deg, #c79a5409 1px, #0000 1px);
  background-size: 42px 42px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #000, #0000 78%);
  mask-image: linear-gradient(90deg, #000, #0000 78%);
}

.NovaDevelopmentPromo-module__xSEtUW__novaPromo:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #c79a5414, #0000 30% 72%, #c79a5409), linear-gradient(#ffffff04, #0000 28%);
  position: absolute;
  inset: 0;
}

.NovaDevelopmentPromo-module__xSEtUW__goldGlow, .NovaDevelopmentPromo-module__xSEtUW__blueGlow {
  filter: blur(76px);
  pointer-events: none;
  z-index: -1;
  border-radius: 50%;
  position: absolute;
}

.NovaDevelopmentPromo-module__xSEtUW__goldGlow {
  background: #c79a5424;
  width: 260px;
  height: 260px;
  bottom: -130px;
  left: -90px;
}

.NovaDevelopmentPromo-module__xSEtUW__blueGlow {
  background: #2067ff12;
  width: 180px;
  height: 180px;
  top: 30px;
  left: 80px;
}

.NovaDevelopmentPromo-module__xSEtUW__brandSide {
  border-right: 1px solid #c79a5421;
  flex-direction: column;
  justify-content: center;
  padding: 4px 22px 4px 4px;
  display: flex;
}

.NovaDevelopmentPromo-module__xSEtUW__brandTop {
  align-items: center;
  gap: 19px;
  display: flex;
}

.NovaDevelopmentPromo-module__xSEtUW__animatedLogo {
  filter: drop-shadow(0 0 18px #1d63ff3b);
  border-radius: 50%;
  flex: 0 0 116px;
  place-items: center;
  width: 116px;
  height: 116px;
  display: grid;
  position: relative;
}

.NovaDevelopmentPromo-module__xSEtUW__logoRingOne, .NovaDevelopmentPromo-module__xSEtUW__logoRingTwo, .NovaDevelopmentPromo-module__xSEtUW__logoRingThree {
  border: 1px solid #357cff6b;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.NovaDevelopmentPromo-module__xSEtUW__logoRingOne {
  border-top-color: #357cff;
  border-right-color: #357cff1f;
  animation: 12s linear infinite NovaDevelopmentPromo-module__xSEtUW__novaSpin;
  inset: 3px;
}

.NovaDevelopmentPromo-module__xSEtUW__logoRingTwo {
  border-color: #357cff40 #357cff40 #357cff40 #1f66ff;
  animation: 8s linear infinite NovaDevelopmentPromo-module__xSEtUW__novaSpinReverse;
  inset: 18px;
}

.NovaDevelopmentPromo-module__xSEtUW__logoRingThree {
  border-color: #3f7aff38;
  animation: 2.7s ease-in-out infinite NovaDevelopmentPromo-module__xSEtUW__novaPulse;
  inset: 34px;
  box-shadow: inset 0 0 20px #1957ff14;
}

.NovaDevelopmentPromo-module__xSEtUW__logoN {
  filter: drop-shadow(0 0 10px #2064ff6b);
  width: 52px;
  height: 54px;
  animation: 3.4s ease-in-out infinite NovaDevelopmentPromo-module__xSEtUW__novaFloat;
  position: relative;
  transform: skewX(-8deg);
}

.NovaDevelopmentPromo-module__xSEtUW__logoN i {
  background: linear-gradient(#2d8cff, #0759ef 72%, #0046cf);
  display: block;
  position: absolute;
  box-shadow: inset 0 0 8px #ffffff1f;
}

.NovaDevelopmentPromo-module__xSEtUW__nLeft {
  width: 13px;
  height: 42px;
  top: 7px;
  left: 4px;
  transform: skewX(-7deg);
}

.NovaDevelopmentPromo-module__xSEtUW__nRight {
  width: 13px;
  height: 42px;
  top: 2px;
  right: 4px;
  transform: skewX(-7deg);
}

.NovaDevelopmentPromo-module__xSEtUW__nMiddle {
  transform-origin: center;
  width: 14px;
  height: 47px;
  top: 5px;
  left: 18px;
  transform: rotate(-34deg)skewX(-7deg);
}

.NovaDevelopmentPromo-module__xSEtUW__brandText {
  min-width: 0;
}

.NovaDevelopmentPromo-module__xSEtUW__kicker {
  color: #a98956;
  letter-spacing: 1.75px;
  margin-bottom: 6px;
  font-size: 8px;
  font-weight: 700;
  display: block;
}

.NovaDevelopmentPromo-module__xSEtUW__brandTop h2 {
  color: #f0e6d8;
  letter-spacing: 1px;
  margin: 0;
  font: 400 28px / 1 Georgia, serif;
}

.NovaDevelopmentPromo-module__xSEtUW__brandTop h2 strong {
  color: #d3ab68;
  font-weight: 400;
}

.NovaDevelopmentPromo-module__xSEtUW__microBrand {
  color: #5f79a4;
  letter-spacing: 3.3px;
  margin-top: 8px;
  font-size: 6px;
  font-weight: 700;
  display: block;
}

.NovaDevelopmentPromo-module__xSEtUW__lead {
  color: #918d85;
  max-width: 455px;
  margin: 20px 0 17px;
  font-size: 11px;
  line-height: 1.8;
}

.NovaDevelopmentPromo-module__xSEtUW__domainLine {
  color: #d4c19e;
  letter-spacing: .55px;
  background: #11120fc2;
  border: 1px solid #c79a5440;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  min-height: 35px;
  padding: 0 12px;
  font-size: 9px;
  transition: all .22s;
  display: inline-flex;
}

.NovaDevelopmentPromo-module__xSEtUW__domainLine:hover {
  background: #15150f;
  border-color: #e1bd7d8c;
  transform: translateY(-1px);
}

.NovaDevelopmentPromo-module__xSEtUW__domainLine svg {
  color: #c79a54;
}

.NovaDevelopmentPromo-module__xSEtUW__capabilities {
  align-content: center;
  gap: 8px;
  display: grid;
}

.NovaDevelopmentPromo-module__xSEtUW__capabilities article {
  background: linear-gradient(90deg, #141511e6, #0d0e0cb8);
  border: 1px solid #c79a5426;
  grid-template-columns: 38px 1fr;
  align-items: center;
  gap: 11px;
  min-height: 70px;
  padding: 11px 13px;
  transition: all .22s;
  display: grid;
}

.NovaDevelopmentPromo-module__xSEtUW__capabilities article:hover {
  background: linear-gradient(90deg, #191711eb, #0e0f0cc7);
  border-color: #c79a5461;
  transform: translateX(3px);
}

.NovaDevelopmentPromo-module__xSEtUW__capabilities svg {
  color: #c79a54;
  width: 19px;
}

.NovaDevelopmentPromo-module__xSEtUW__capabilities strong, .NovaDevelopmentPromo-module__xSEtUW__capabilities span {
  display: block;
}

.NovaDevelopmentPromo-module__xSEtUW__capabilities strong {
  color: #e8dece;
  letter-spacing: .3px;
  font-size: 10px;
}

.NovaDevelopmentPromo-module__xSEtUW__capabilities span {
  color: #77746d;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.45;
}

.NovaDevelopmentPromo-module__xSEtUW__ctaSide {
  border-left: 1px solid #c79a5421;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 22px 10px 22px 20px;
  display: flex;
}

.NovaDevelopmentPromo-module__xSEtUW__ctaSide > span {
  color: #b9945c;
  letter-spacing: 1.55px;
  font-size: 8px;
  font-weight: 700;
}

.NovaDevelopmentPromo-module__xSEtUW__ctaSide h3 {
  color: #f0e6d8;
  margin: 9px 0 18px;
  font: 400 26px / 1.18 Georgia, serif;
}

.NovaDevelopmentPromo-module__xSEtUW__ctaSide > a {
  color: #14120e;
  letter-spacing: .75px;
  background: linear-gradient(135deg, #d4ad6d, #b7843f);
  border: 1px solid #d4aa66;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 46px;
  padding: 0 15px;
  font-size: 9px;
  font-weight: 800;
  transition: all .22s;
  display: flex;
  box-shadow: 0 12px 28px #99652329, inset 0 1px #ffffff38;
}

.NovaDevelopmentPromo-module__xSEtUW__ctaSide > a:hover {
  filter: brightness(1.06);
  transform: translateY(-2px);
  box-shadow: 0 16px 34px #99652338;
}

.NovaDevelopmentPromo-module__xSEtUW__ctaSide small {
  color: #68645e;
  text-align: center;
  margin-top: 11px;
  font-size: 7px;
  line-height: 1.5;
  display: block;
}

.NovaDevelopmentPromo-module__xSEtUW__bottomLine {
  color: #62615d;
  border-top: 1px solid #24241f;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 46px;
  font-size: 8px;
  display: flex;
}

.NovaDevelopmentPromo-module__xSEtUW__bottomLine a {
  color: #7c7870;
}

.NovaDevelopmentPromo-module__xSEtUW__bottomLine b {
  color: #b9945c;
  font-weight: 600;
}

@keyframes NovaDevelopmentPromo-module__xSEtUW__novaSpin {
  from {
    transform: rotate(0);
  }

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

@keyframes NovaDevelopmentPromo-module__xSEtUW__novaSpinReverse {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0);
  }
}

@keyframes NovaDevelopmentPromo-module__xSEtUW__novaPulse {
  0%, 100% {
    opacity: .48;
    transform: scale(.97);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

@keyframes NovaDevelopmentPromo-module__xSEtUW__novaFloat {
  0%, 100% {
    transform: skewX(-8deg)translateY(0);
  }

  50% {
    transform: skewX(-8deg)translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .NovaDevelopmentPromo-module__xSEtUW__logoRingOne, .NovaDevelopmentPromo-module__xSEtUW__logoRingTwo, .NovaDevelopmentPromo-module__xSEtUW__logoRingThree, .NovaDevelopmentPromo-module__xSEtUW__logoN {
    animation: none !important;
  }
}

@media (max-width: 980px) {
  .NovaDevelopmentPromo-module__xSEtUW__novaPromo {
    grid-template-columns: 1fr 1fr;
    padding: 24px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__brandSide {
    border-bottom: 1px solid #c79a5421;
    border-right: 0;
    grid-column: 1 / -1;
    padding: 4px 0 22px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__ctaSide {
    border-left: 1px solid #c79a5421;
  }
}

@media (max-width: 760px) {
  .NovaDevelopmentPromo-module__xSEtUW__novaPromo {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 18px;
    padding: 18px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__brandSide {
    grid-column: auto;
    padding: 4px 0 18px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__brandTop {
    align-items: flex-start;
    gap: 13px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__animatedLogo {
    flex-basis: 90px;
    width: 90px;
    height: 90px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__logoRingTwo {
    inset: 14px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__logoRingThree {
    inset: 27px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__logoN {
    width: 42px;
    height: 44px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__nLeft, .NovaDevelopmentPromo-module__xSEtUW__nRight {
    width: 11px;
    height: 35px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__nMiddle {
    width: 12px;
    height: 39px;
    left: 15px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__brandTop h2 {
    font-size: 22px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__lead {
    margin: 15px 0;
    font-size: 10px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__capabilities article {
    min-height: 64px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__ctaSide {
    border-top: 1px solid #c79a5421;
    border-left: 0;
    padding: 20px 0 2px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__ctaSide h3 {
    font-size: 23px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__ctaSide > a {
    min-height: 48px;
    font-size: 9px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__bottomLine {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    padding: 13px 0;
  }
}

@media (max-width: 430px) {
  .NovaDevelopmentPromo-module__xSEtUW__novaPromo {
    padding: 15px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__animatedLogo {
    flex-basis: 78px;
    width: 78px;
    height: 78px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__brandTop h2 {
    font-size: 19px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__kicker {
    font-size: 6px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__microBrand {
    letter-spacing: 2.4px;
    font-size: 5px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__domainLine {
    justify-content: center;
    width: 100%;
  }

  .NovaDevelopmentPromo-module__xSEtUW__capabilities article {
    grid-template-columns: 32px 1fr;
    padding: 10px;
  }

  .NovaDevelopmentPromo-module__xSEtUW__ctaSide h3 {
    font-size: 21px;
  }
}

/*# sourceMappingURL=_0k34d-g._.css.map*/