/* ==========================================================================
   PREMIUM FURNITURE SHOP - CORE DESIGN SYSTEM
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------------
     DESIGN TOKENS (PALETTE & BASE METRICS)
     ------------------------------------------------------------------------ */
  /* Light Theme Reference Colors */
  --fur-ref-beige-50: hsl(36, 30%, 98%);
  --fur-ref-beige-100: hsl(36, 24%, 94%);
  --fur-ref-beige-200: hsl(36, 18%, 88%);
  --fur-ref-beige-300: hsl(36, 12%, 80%);
  --fur-ref-green-900: hsl(88, 38%, 21%);
  --fur-ref-green-800: hsl(88, 38%, 26%);
  --fur-ref-green-700: hsl(88, 38%, 32%);
  --fur-ref-green-100: hsl(88, 20%, 90%);
  --fur-ref-charcoal: hsl(0, 0%, 11%);
  --fur-ref-grey-500: hsl(0, 0%, 45%);
  --fur-ref-grey-200: hsl(0, 0%, 85%);
  --fur-ref-white: hsl(0, 0%, 100%);
  --fur-ref-overlay-light: hsla(0, 0%, 0%, 0.12);

  /* Forest Dark Theme Reference Colors */
  --fur-ref-forest-950: hsl(126, 34%, 5%);
  --fur-ref-forest-900: hsl(126, 34%, 8%);
  --fur-ref-forest-800: hsl(125, 22%, 12%);
  --fur-ref-forest-700: hsl(125, 18%, 18%);
  --fur-ref-forest-600: hsl(125, 15%, 25%);
  --fur-ref-olive-500: hsl(88, 36%, 31%);
  --fur-ref-lime-400: hsl(88, 44%, 50%);
  --fur-ref-lime-500: hsl(88, 44%, 44%);
  --fur-ref-beige-dark: hsl(36, 20%, 90%);
  --fur-ref-beige-dark-muted: hsl(38, 10%, 74%);
  --fur-ref-overlay-dark: hsla(0, 0%, 0%, 0.45);

  /* Fonts */
  --fur-font-serif: 'Playfair Display', Georgia, serif;
  --fur-font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --fur-font-script: 'Alex Brush', cursive;

  /* Border Radii */
  --fur-radius-sm: 8px;
  --fur-radius-md: 16px;
  --fur-radius-lg: 24px;
  --fur-radius-xl: 32px;
  --fur-radius-full: 9999px;

  /* Transitions */
  --fur-transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --fur-transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --fur-transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* ------------------------------------------------------------------------
     DYNAMIC PROPERTY MAPPINGS (DEFAULT: BEIGE LIGHT)
     ------------------------------------------------------------------------ */
  --fur-bg: var(--fur-ref-beige-100);
  --fur-bg-secondary: var(--fur-ref-beige-50);
  --fur-surface: var(--fur-ref-white);
  --fur-surface-secondary: var(--fur-ref-beige-50);
  --fur-text: var(--fur-ref-charcoal);
  --fur-text-muted: var(--fur-ref-grey-500);
  --fur-primary: var(--fur-ref-green-900);
  --fur-primary-hover: var(--fur-ref-green-700);
  --fur-accent: var(--fur-ref-green-900);
  --fur-border: var(--fur-ref-beige-200);
  --fur-border-light: var(--fur-ref-beige-300);
  
  --fur-sidebar-bg: var(--fur-ref-white);
  --fur-sidebar-text: var(--fur-ref-charcoal);
  --fur-sidebar-active: var(--fur-ref-green-100);
  --fur-sidebar-card-bg: var(--fur-ref-beige-100);
  
  --fur-hero-overlay: var(--fur-ref-overlay-light);
  --fur-shadow: hsla(0, 0%, 0%, 0.04);
  --fur-shadow-lg: hsla(0, 0%, 0%, 0.12);
  
  --fur-card-bg: var(--fur-ref-white);
  --fur-button-text: var(--fur-ref-white);
  --fur-badge-bg: var(--fur-ref-green-900);
  --fur-badge-text: var(--fur-ref-white);
  --fur-card-hover-bg: var(--fur-ref-beige-50);
  
  --fur-ticker-bg: var(--fur-ref-beige-100);
  --fur-ticker-text: var(--fur-ref-green-900);
  
  --fur-scrollbar-thumb: var(--fur-ref-beige-300);
  --fur-scrollbar-track: var(--fur-ref-beige-100);
  
  /* Fluid Typography & Margins */
  --fur-fs-h1: clamp(2.4rem, 4vw, 4.4rem);
  --fur-fs-h2: clamp(1.8rem, 2.5vw, 2.6rem);
  --fur-fs-h3: clamp(1.25rem, 1.8vw, 1.75rem);
  --fur-fs-body: clamp(0.9rem, 1.1vw, 1.05rem);
  --fur-fs-small: clamp(0.75rem, 0.9vw, 0.85rem);
  
  --fur-margin-block-lg: clamp(2rem, 3.5vw, 4.5rem);
  --fur-margin-block-md: clamp(1rem, 2vw, 2.5rem);
}

/* ==========================================================================
   CSS RESET & WORDPRESS-READY BASE STYLES
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-family: var(--fur-font-sans);
  background-color: var(--fur-bg);
  color: var(--fur-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: var(--fur-fs-body);
  line-height: 1.6;
  background-color: var(--fur-bg);
  color: var(--fur-text);
  overflow: hidden;
  transition: background-color var(--fur-transition-normal), color var(--fur-transition-normal);
}

/* WP-Native Standard resets & Hooks */
.sticky {
  position: sticky;
  inset-block-start: 0;
  z-index: 90;
}
.alignwide {
  max-width: 1200px;
  margin-inline: auto;
}
.alignfull {
  width: 100%;
  max-width: 100%;
}
.bypostauthor {
  border: 1px solid var(--fur-primary);
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}

button {
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  color: inherit;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

ul, ol {
  list-style: none;
}

/* Custom Scrollbar for App elements */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--fur-scrollbar-track);
}
::-webkit-scrollbar-thumb {
  background: var(--fur-scrollbar-thumb);
  border-radius: var(--fur-radius-full);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--fur-primary);
}

/* Inline SVG structure */
.fur-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

/* ==========================================================================
   APP CONTAINER & LAYOUT SPLIT (3-COLUMN SYSTEM)
   ========================================================================== */
.fur-app-layout {
  display: flex;
  flex-direction: row;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}

/* ==========================================================================
   1. LEFT SIDEBAR (fur-sidebar)
   ========================================================================== */
.fur-sidebar {
  width: 280px;
  height: 100%;
  background-color: var(--fur-sidebar-bg);
  border-inline-end: 1px solid var(--fur-border);
  display: flex;
  flex-direction: column;
  padding-block: var(--fur-margin-block-md);
  padding-inline: var(--fur-margin-block-md);
  flex-shrink: 0;
  z-index: 10;
  transition: background-color var(--fur-transition-normal), border-color var(--fur-transition-normal);
}

.fur-sidebar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-sidebar__logo {
  font-family: var(--fur-font-sans);
  font-weight: 800;
  font-size: 2.2rem;
  letter-spacing: -2px;
  color: var(--fur-sidebar-text);
  line-height: 1;
}

.fur-sidebar__logo-dot {
  color: hsl(88, 38%, 31%);
}

.fur-sidebar__toggle {
  display: none;
}

.fur-sidebar__nav {
  flex-grow: 1;
  overflow-y: auto;
  margin-block-end: var(--fur-margin-block-md);
}

.fur-sidebar__nav-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fur-sidebar__nav-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-inline: 16px;
  padding-block: 12px;
  border-radius: var(--fur-radius-md);
  color: var(--fur-text-muted);
  font-weight: 500;
  font-size: var(--fur-fs-small);
  transition: all var(--fur-transition-normal);
}

.fur-sidebar__nav-link .fur-icon {
  transition: transform var(--fur-transition-normal);
}

.fur-sidebar__nav-link:hover {
  color: var(--fur-text);
  background-color: var(--fur-bg-secondary);
}

.fur-sidebar__nav-link:hover .fur-icon {
  transform: translateX(3px);
}

[dir="rtl"] .fur-sidebar__nav-link:hover .fur-icon {
  transform: translateX(-3px);
}

.fur-sidebar__nav-item--active .fur-sidebar__nav-link {
  color: var(--fur-primary);
  background-color: var(--fur-sidebar-active);
  font-weight: 600;
}

.fur-sidebar__widgets {
  margin-block-end: var(--fur-margin-block-md);
}

.fur-sidebar__card {
  background-color: var(--fur-sidebar-card-bg);
  border-radius: var(--fur-radius-lg);
  padding-inline: 20px;
  padding-block: 20px;
  position: relative;
  overflow: hidden;
  transition: background-color var(--fur-transition-normal);
}

.fur-sidebar__card-content {
  position: relative;
  z-index: 2;
}

.fur-sidebar__card-title {
  font-family: var(--fur-font-sans);
  font-weight: 700;
  font-size: var(--fur-fs-body);
  margin-block-end: 8px;
}

.fur-sidebar__card-text {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  margin-block-end: 16px;
}

.fur-sidebar__card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: var(--fur-fs-small);
  color: var(--fur-primary);
}

.fur-sidebar__card-link:hover .fur-icon {
  transform: translateX(4px);
}

[dir="rtl"] .fur-sidebar__card-link:hover .fur-icon {
  transform: translateX(-4px);
}

.fur-sidebar__card-leaf {
  position: absolute;
  inset-inline-end: -8px;
  inset-block-end: -8px;
  color: var(--fur-primary);
  opacity: 0.15;
  pointer-events: none;
  transform: rotate(-15deg);
}

.fur-sidebar__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-block-start: 1px solid var(--fur-border);
  padding-block-start: 16px;
}

.fur-sidebar__action-btn {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--fur-radius-full);
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-normal);
  position: relative;
}

.fur-sidebar__action-btn:hover {
  color: var(--fur-text);
  background-color: var(--fur-bg-secondary);
}

.fur-sidebar__cart-count {
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 4px;
  background-color: var(--fur-badge-bg);
  color: var(--fur-badge-text);
  font-size: 0.65rem;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  border-radius: var(--fur-radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 4px;
}

/* ==========================================================================
   2. CENTRAL HERO PANE (fur-hero)
   ========================================================================== */
.fur-hero {
  flex: 0 0 38vw;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-block: var(--fur-margin-block-lg);
  padding-inline: var(--fur-margin-block-lg);
  color: var(--fur-ref-white);
  border-inline-end: 1px solid var(--fur-border);
}

.fur-hero__background-slider {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.fur-hero__bg-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.08);
  transition: opacity var(--fur-transition-slow), transform var(--fur-transition-slow);
}

.fur-hero__bg-slide--active {
  opacity: 1;
  transform: scale(1);
}

.fur-hero__overlay {
  position: absolute;
  inset: 0;
  background: var(--fur-hero-overlay);
  z-index: 2;
  transition: background var(--fur-transition-normal);
}

.fur-hero__content {
  position: relative;
  z-index: 3;
  margin-block-start: auto;
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-hero__subtitle {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 2px;
  display: block;
  margin-block-end: 16px;
  color: hsla(0, 0%, 100%, 0.85);
  animation: fadeInUp 0.8s ease;
}

.fur-hero__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  line-height: 1.15;
  margin-block-end: 20px;
  letter-spacing: -1px;
}

.fur-hero__title-italic {
  font-family: var(--fur-font-script);
  font-size: 1.25em;
  font-style: italic;
  font-weight: 400;
  color: hsl(88, 44%, 50%);
  display: inline-block;
  transform: translateY(4px);
  margin-inline-start: 4px;
}

.fur-hero__description {
  font-size: var(--fur-fs-body);
  color: hsla(0, 0%, 100%, 0.85);
  max-width: 90%;
  margin-block-end: 32px;
}

.fur-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-inline: 28px;
  padding-block: 16px;
  border-radius: var(--fur-radius-full);
  font-weight: 600;
  font-size: var(--fur-fs-small);
  transition: all var(--fur-transition-normal);
}

.fur-hero__btn--primary {
  background-color: var(--fur-ref-green-900);
  color: var(--fur-ref-white);
  border: 1px solid var(--fur-ref-green-900);
}

.fur-hero__btn--primary:hover {
  background-color: var(--fur-ref-green-700);
  border-color: var(--fur-ref-green-700);
  transform: translateY(-2px);
}

.fur-hero__btn--outline {
  background-color: transparent;
  color: var(--fur-ref-white);
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  backdrop-filter: blur(10px);
}

.fur-hero__btn--outline:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-color: hsla(0, 0%, 100%, 1);
  transform: translateY(-2px);
}

.fur-hero__social-proof {
  display: flex;
  align-items: center;
  gap: 16px;
}

.fur-hero__avatars {
  display: flex;
}

.fur-hero__avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  border: 2px solid var(--fur-ref-green-900);
  background-color: var(--fur-ref-beige-200);
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  margin-inline-start: -10px;
  background-size: cover;
  background-position: center;
}

.fur-hero__avatars .fur-hero__avatar:first-child {
  margin-inline-start: 0;
  background-image: url('../img/fur_room_living.png');
}
.fur-hero__avatars .fur-hero__avatar:nth-child(2) {
  background-image: url('../img/fur_room_bedroom.png');
}
.fur-hero__avatars .fur-hero__avatar:nth-child(3) {
  background-image: url('../img/fur_room_dining.png');
}

.fur-hero__proof-text {
  font-size: var(--fur-fs-small);
  color: hsla(0, 0%, 100%, 0.9);
}

.fur-hero__trust-strip {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-inline: 24px;
  padding-block: 24px;
  background: hsla(0, 0%, 0%, 0.25);
  backdrop-filter: blur(20px);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: var(--fur-radius-lg);
}

.fur-hero__trust-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.fur-hero__trust-item .fur-icon {
  color: hsl(88, 44%, 50%);
  width: 24px;
  height: 24px;
}

.fur-hero__trust-item div {
  display: flex;
  flex-direction: column;
}

.fur-hero__trust-item strong {
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-ref-white);
}

.fur-hero__trust-item span {
  font-size: 0.75rem;
  color: hsla(0, 0%, 100%, 0.7);
}

/* ==========================================================================
   3. RIGHT CONTENT FEED (fur-main)
   ========================================================================== */
.fur-main {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-block: 0;
  padding-inline: 0;
  background-color: var(--fur-bg);
  transition: background-color var(--fur-transition-normal);
}

/* STICKY HEADER WITH THEME SWITCHER */
.fur-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 20;
  background-color: hsla(36, 24%, 94%, 0.8);
  backdrop-filter: blur(20px);
  border-block-end: 1px solid var(--fur-border);
  padding-inline: var(--fur-margin-block-md);
  padding-block: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all var(--fur-transition-normal);
}

body[data-theme="dark"] .fur-header {
  background-color: hsla(126, 34%, 8%, 0.8);
}

.fur-header__ticker {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  max-width: 60%;
}

.fur-header__tag {
  background-color: var(--fur-ticker-bg);
  color: var(--fur-ticker-text);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-inline: 8px;
  padding-block: 4px;
  border-radius: var(--fur-radius-sm);
  white-space: nowrap;
}

.fur-header__ticker-wrap {
  overflow: hidden;
  white-space: nowrap;
}

.fur-header__ticker-text {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  font-weight: 500;
}

.fur-header__actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* THEME SWITCHER TOGGLE */
.fur-theme-switcher {
  display: flex;
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  padding-inline: 4px;
  padding-block: 4px;
}

.fur-theme-switcher__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-inline: 12px;
  padding-block: 6px;
  border-radius: var(--fur-radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-normal);
}

.fur-theme-switcher__btn--active {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.fur-header__user-nav {
  display: none; /* Only visible on smaller screens when sidebar footer is hidden */
  gap: 8px;
}

.fur-header__nav-btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--fur-radius-full);
  color: var(--fur-text-muted);
  position: relative;
  transition: all var(--fur-transition-normal);
}

.fur-header__nav-btn:hover {
  color: var(--fur-text);
  background-color: var(--fur-bg-secondary);
}

.fur-header__cart-count {
  position: absolute;
  inset-block-start: 2px;
  inset-inline-end: 2px;
  background-color: var(--fur-badge-bg);
  color: var(--fur-badge-text);
  font-size: 0.6rem;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  border-radius: var(--fur-radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* CATEGORY SCROLLER STRIP */
.fur-categories {
  padding-inline: var(--fur-margin-block-md);
  padding-block: var(--fur-margin-block-md);
  border-block-end: 1px solid var(--fur-border);
}

.fur-categories__scroller {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none; /* Hide default scrollbar */
}

.fur-categories__scroller::-webkit-scrollbar {
  display: none;
}

.fur-categories__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-inline: 20px;
  padding-block: 12px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  font-weight: 600;
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  white-space: nowrap;
  scroll-snap-align: start;
  transition: all var(--fur-transition-normal);
}

.fur-categories__btn:hover {
  border-color: var(--fur-primary);
  color: var(--fur-text);
}

.fur-categories__btn--active {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border-color: var(--fur-primary);
}

/* MAIN PROMO SLIDER */
.fur-promo {
  padding-inline: var(--fur-margin-block-md);
  padding-block: var(--fur-margin-block-md);
  position: relative;
}

.fur-promo__slider {
  position: relative;
  height: 380px;
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 20px var(--fur-shadow);
}

.fur-promo__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-inline: 40px;
  padding-block: 40px;
  transition: opacity var(--fur-transition-slow);
}

.fur-promo__slide--active {
  opacity: 1;
  z-index: 2;
}

.fur-promo__slide-image-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.fur-promo__slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 6s ease;
}

.fur-promo__slide--active .fur-promo__slide-img {
  transform: scale(1.05);
}

.fur-promo__slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, hsla(0, 0%, 0%, 0.85) 0%, hsla(0, 0%, 0%, 0.2) 60%, transparent 100%);
  z-index: 2;
}

.fur-promo__slide-content {
  position: relative;
  z-index: 3;
  max-width: 500px;
  color: var(--fur-ref-white);
}

.fur-promo__tag {
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--fur-accent);
  background-color: var(--fur-ref-white);
  padding-inline: 10px;
  padding-block: 4px;
  border-radius: var(--fur-radius-sm);
  display: inline-block;
  margin-block-end: 12px;
}

.fur-promo__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 12px;
  line-height: 1.2;
}

.fur-promo__desc {
  font-size: var(--fur-fs-small);
  color: hsla(0, 0%, 100%, 0.85);
  margin-block-end: 24px;
}

.fur-promo__btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  font-size: var(--fur-fs-small);
  color: var(--fur-ref-white);
}

.fur-promo__btn-arrow {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-accent);
  color: var(--fur-button-text);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform var(--fur-transition-normal);
}

.fur-promo__btn:hover .fur-promo__btn-arrow {
  transform: scale(1.1);
}

.fur-promo__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-start: 16px;
  padding-inline: 8px;
}

.fur-promo__dots {
  display: flex;
  gap: 8px;
}

.fur-promo__dot {
  width: 8px;
  height: 8px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-border-light);
  transition: all var(--fur-transition-normal);
}

.fur-promo__dot--active {
  width: 24px;
  background-color: var(--fur-primary);
}

.fur-promo__arrows {
  display: flex;
  gap: 8px;
}

.fur-promo__arrow-btn {
  width: 36px;
  height: 36px;
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--fur-text);
  background-color: var(--fur-surface);
  transition: all var(--fur-transition-normal);
}

.fur-promo__arrow-btn:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border-color: var(--fur-primary);
}

/* SECTION HEADERS */
.fur-section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-block-end: var(--fur-margin-block-md);
  padding-inline: var(--fur-margin-block-md);
  margin-block-start: var(--fur-margin-block-lg);
}

.fur-section-header__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  line-height: 1.2;
}

.fur-section-header__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: var(--fur-fs-small);
  color: var(--fur-primary);
}

.fur-section-header__link:hover .fur-icon {
  transform: translateX(4px);
}

[dir="rtl"] .fur-section-header__link:hover .fur-icon {
  transform: translateX(-4px);
}

/* ROOMS GRID */
.fur-rooms-grid {
  padding-inline: 0;
}

.fur-rooms-grid__layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--fur-margin-block-md);
  padding-inline: var(--fur-margin-block-md);
}

.fur-room-card {
  background-color: var(--fur-card-bg);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  border: 1px solid var(--fur-border);
  transition: all var(--fur-transition-normal);
  cursor: pointer;
}

.fur-room-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px var(--fur-shadow-lg);
  border-color: var(--fur-primary);
}

.fur-room-card__img-wrap {
  height: 220px;
  overflow: hidden;
  position: relative;
}

.fur-room-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-slow);
}

.fur-room-card:hover .fur-room-card__img {
  transform: scale(1.05);
}

.fur-room-card__footer {
  padding-inline: 20px;
  padding-block: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fur-room-card__title {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  font-weight: 700;
  margin-block-end: 4px;
}

.fur-room-card__count {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}

.fur-room-card__btn {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--fur-transition-normal);
}

.fur-room-card:hover .fur-room-card__btn {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

/* STYLES GRID */
.fur-styles {
  padding-inline: 0;
}

.fur-styles__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding-inline: var(--fur-margin-block-md);
}

.fur-style-card {
  background-color: var(--fur-card-bg);
  border-radius: var(--fur-radius-md);
  border: 1px solid var(--fur-border);
  overflow: hidden;
  transition: all var(--fur-transition-normal);
  cursor: pointer;
}

.fur-style-card:hover {
  transform: translateY(-4px);
  border-color: var(--fur-primary);
  box-shadow: 0 8px 24px var(--fur-shadow-lg);
}

.fur-style-card__img-wrap {
  height: 140px;
  overflow: hidden;
}

.fur-style-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-slow);
}

.fur-style-card:hover .fur-style-card__img {
  transform: scale(1.06);
}

.fur-style-card__footer {
  padding-inline: 16px;
  padding-block: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fur-style-card__title {
  font-size: 0.85rem;
  font-weight: 700;
  margin-block-end: 2px;
}

.fur-style-card__count {
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

.fur-style-card__arrow {
  width: 28px;
  height: 28px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-normal);
}

.fur-style-card:hover .fur-style-card__arrow {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

/* SALE STRIP */
.fur-sale-strip {
  margin-inline: var(--fur-margin-block-md);
  margin-block-start: var(--fur-margin-block-lg);
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  overflow: hidden;
  align-items: center;
  transition: all var(--fur-transition-normal);
}

.fur-sale-strip__content {
  padding-inline: 40px;
  padding-block: 40px;
}

.fur-sale-strip__tag {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--fur-primary);
  display: block;
  margin-block-end: 12px;
}

.fur-sale-strip__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 12px;
  line-height: 1.2;
}

.fur-sale-strip__desc {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  margin-block-end: 24px;
}

.fur-sale-strip__btn {
  display: inline-block;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-weight: 600;
  font-size: var(--fur-fs-small);
  padding-inline: 28px;
  padding-block: 14px;
  border-radius: var(--fur-radius-full);
  transition: all var(--fur-transition-normal);
}

.fur-sale-strip__btn:hover {
  background-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

.fur-sale-strip__graphic {
  position: relative;
  height: 100%;
  min-height: 220px;
}

.fur-sale-strip__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fur-sale-strip__badge {
  position: absolute;
  inset-block-start: 20px;
  inset-inline-start: 20px;
  background-color: hsl(88, 44%, 50%);
  color: var(--fur-ref-charcoal);
  width: 72px;
  height: 72px;
  border-radius: var(--fur-radius-full);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 15px hsla(0, 0%, 0%, 0.15);
  animation: pulse 2s infinite;
}

.fur-sale-strip__badge strong {
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1;
}

.fur-sale-strip__badge span {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* PRODUCT CARD GRID */
.fur-products {
  padding-inline: 0;
}

.fur-products__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding-inline: var(--fur-margin-block-md);
}

.fur-product-card {
  background-color: var(--fur-card-bg);
  border-radius: var(--fur-radius-md);
  border: 1px solid var(--fur-border);
  overflow: hidden;
  position: relative;
  transition: all var(--fur-transition-normal);
  display: flex;
  flex-direction: column;
}

.fur-product-card:hover {
  transform: translateY(-4px);
  border-color: var(--fur-primary);
  box-shadow: 0 8px 24px var(--fur-shadow-lg);
}

.fur-product-card__img-wrap {
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
  background-color: var(--fur-bg-secondary);
}

.fur-product-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-slow);
}

.fur-product-card:hover .fur-product-card__img {
  transform: scale(1.05);
}

.fur-product-card__wishlist {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  color: var(--fur-text-muted);
  box-shadow: 0 2px 8px var(--fur-shadow);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--fur-transition-normal);
  z-index: 3;
}

.fur-product-card__wishlist:hover {
  color: hsl(0, 80%, 60%);
  transform: scale(1.1);
}

.fur-product-card__wishlist--active {
  color: hsl(0, 80%, 60%);
  background-color: var(--fur-surface);
}

.fur-product-card__wishlist--active svg {
  fill: currentColor;
}

.fur-product-card__info {
  padding-inline: 16px;
  padding-block: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.fur-product-card__title {
  font-size: 0.9rem;
  font-weight: 600;
  margin-block-end: 6px;
  color: var(--fur-text);
  cursor: pointer;
}

.fur-product-card__title:hover {
  color: var(--fur-primary);
}

.fur-product-card__price {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--fur-primary);
  margin-block-end: 16px;
}

.fur-product-card__add-btn {
  margin-block-start: auto;
  width: 100%;
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  border: 1px solid var(--fur-border);
  font-size: 0.8rem;
  font-weight: 600;
  padding-block: 10px;
  border-radius: var(--fur-radius-full);
  transition: all var(--fur-transition-normal);
}

.fur-product-card__add-btn:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border-color: var(--fur-primary);
}

/* JOURNAL BANNER (BOTTOM) */
.fur-journal {
  padding-inline: var(--fur-margin-block-md);
  margin-block-start: var(--fur-margin-block-lg);
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-journal__card {
  background-color: var(--fur-card-bg);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: center;
  transition: all var(--fur-transition-normal);
}

.fur-journal__img-wrap {
  height: 100%;
  min-height: 250px;
}

.fur-journal__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fur-journal__content {
  padding-inline: 40px;
  padding-block: 40px;
}

.fur-journal__icon-box {
  width: 48px;
  height: 48px;
  border-radius: var(--fur-radius-md);
  background-color: var(--fur-bg-secondary);
  color: var(--fur-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block-end: 20px;
}

.fur-journal__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 12px;
}

.fur-journal__desc {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  margin-block-end: 24px;
}

.fur-journal__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: var(--fur-fs-small);
  color: var(--fur-primary);
}

.fur-journal__btn:hover .fur-icon {
  transform: translateX(4px);
}

[dir="rtl"] .fur-journal__btn:hover .fur-icon {
  transform: translateX(-4px);
}

/* FOOTER SECTION */
.fur-footer {
  background-color: var(--fur-bg-secondary);
  border-block-start: 1px solid var(--fur-border);
  padding-inline: var(--fur-margin-block-md);
  padding-block: var(--fur-margin-block-lg) var(--fur-margin-block-md);
  margin-block-start: auto;
  transition: all var(--fur-transition-normal);
}

.fur-footer__main {
  display: grid;
  grid-template-columns: 1.2fr 2.8fr;
  gap: 48px;
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-footer__logo {
  font-family: var(--fur-font-sans);
  font-weight: 800;
  font-size: 2rem;
  letter-spacing: -1.5px;
  margin-block-end: 16px;
}

.fur-footer__tagline {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  max-width: 220px;
}

.fur-footer__links-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.fur-footer__col h4 {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-block-end: 20px;
}

.fur-footer__col ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fur-footer__col a {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}

.fur-footer__col a:hover {
  color: var(--fur-primary);
}

.fur-footer__bottom {
  border-block-start: 1px solid var(--fur-border);
  padding-block-start: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.fur-footer__copy {
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

.fur-footer__legal {
  display: flex;
  gap: 24px;
}

.fur-footer__legal a {
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

.fur-footer__legal a:hover {
  color: var(--fur-primary);
}

/* ==========================================================================
   SYSTEM COMPONENT: CART DRAWER (fur-cart-drawer)
   ========================================================================== */
.fur-cart-overlay {
  position: fixed;
  inset: 0;
  background-color: hsla(0, 0%, 0%, 0.4);
  backdrop-filter: blur(4px);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--fur-transition-normal), visibility var(--fur-transition-normal);
}

.fur-cart-overlay[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
}

.fur-cart-drawer {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 100%;
  max-width: 440px;
  background-color: var(--fur-surface);
  box-shadow: -10px 0 40px var(--fur-dark-shadow);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform var(--fur-transition-normal);
}

[dir="rtl"] .fur-cart-drawer {
  transform: translateX(-100%);
}

.fur-cart-overlay[aria-hidden="false"] .fur-cart-drawer {
  transform: translateX(0);
}

.fur-cart-drawer__header {
  padding-inline: 24px;
  padding-block: 24px;
  border-block-end: 1px solid var(--fur-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fur-cart-drawer__header h3 {
  font-family: var(--fur-font-serif);
  font-size: 1.4rem;
  font-weight: 400;
}

.fur-cart-drawer__close {
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-normal);
}

.fur-cart-drawer__close:hover {
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
}

.fur-cart-drawer__items {
  flex-grow: 1;
  overflow-y: auto;
  padding-inline: 24px;
  padding-block: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.fur-cart-item {
  display: flex;
  gap: 16px;
  align-items: center;
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 16px;
}

.fur-cart-item__img-wrap {
  width: 80px;
  height: 80px;
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  background-color: var(--fur-bg-secondary);
  flex-shrink: 0;
}

.fur-cart-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fur-cart-item__details {
  flex-grow: 1;
}

.fur-cart-item__title {
  font-size: var(--fur-fs-small);
  font-weight: 600;
  margin-block-end: 4px;
}

.fur-cart-item__price {
  font-size: var(--fur-fs-small);
  font-weight: 700;
  color: var(--fur-primary);
  margin-block-end: 8px;
}

.fur-cart-item__quantity-controls {
  display: flex;
  align-items: center;
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  width: fit-content;
  padding-inline: 4px;
}

.fur-cart-item__qty-btn {
  width: 24px;
  height: 24px;
  font-size: 0.85rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fur-cart-item__qty-val {
  font-size: 0.8rem;
  font-weight: 600;
  padding-inline: 12px;
}

.fur-cart-item__remove {
  color: var(--fur-text-muted);
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: underline;
  margin-inline-start: auto;
}

.fur-cart-item__remove:hover {
  color: var(--fur-text);
}

.fur-cart-drawer__footer {
  padding-inline: 24px;
  padding-block: 24px;
  border-block-start: 1px solid var(--fur-border);
  background-color: var(--fur-bg-secondary);
}

.fur-cart-drawer__summary {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: var(--fur-fs-body);
  margin-block-end: 20px;
}

.fur-cart-drawer__checkout-btn {
  width: 100%;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-weight: 600;
  padding-block: 16px;
  border-radius: var(--fur-radius-full);
  margin-block-end: 12px;
  transition: all var(--fur-transition-normal);
}

.fur-cart-drawer__checkout-btn:hover {
  background-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

.fur-cart-drawer__clear-btn {
  width: 100%;
  color: var(--fur-text-muted);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  text-decoration: underline;
  text-align: center;
  transition: color var(--fur-transition-fast);
}

.fur-cart-drawer__clear-btn:hover {
  color: var(--fur-text);
}

/* ==========================================================================
   SYSTEM COMPONENT: PRODUCT DETAILS MODAL (fur-product-modal)
   ========================================================================== */
.fur-modal-overlay {
  position: fixed;
  inset: 0;
  background-color: hsla(0, 0%, 0%, 0.5);
  backdrop-filter: blur(6px);
  z-index: 110;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--fur-transition-normal), visibility var(--fur-transition-normal);
}

.fur-modal-overlay[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
}

.fur-modal {
  width: 90%;
  max-width: 800px;
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  box-shadow: 0 20px 50px var(--fur-dark-shadow);
  position: relative;
  transform: scale(0.95);
  transition: transform var(--fur-transition-normal);
}

.fur-modal-overlay[aria-hidden="false"] .fur-modal {
  transform: scale(1);
}

.fur-modal__close {
  position: absolute;
  inset-block-start: 20px;
  inset-inline-end: 20px;
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  transition: all var(--fur-transition-normal);
}

.fur-modal__close:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

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

.fur-modal-detail-img-wrap {
  height: 100%;
  min-height: 400px;
  background-color: var(--fur-bg-secondary);
}

.fur-modal-detail-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fur-modal-detail-info {
  padding-inline: 40px;
  padding-block: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fur-modal-detail-category {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 8px;
}

.fur-modal-detail-title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 12px;
  line-height: 1.2;
}

.fur-modal-detail-price {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--fur-primary);
  margin-block-end: 20px;
}

.fur-modal-detail-desc {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  margin-block-end: 28px;
  line-height: 1.6;
}

.fur-modal-detail-actions {
  display: flex;
  gap: 16px;
}

.fur-modal-detail-add-btn {
  flex-grow: 1;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-weight: 600;
  font-size: var(--fur-fs-small);
  padding-block: 16px;
  border-radius: var(--fur-radius-full);
  transition: all var(--fur-transition-normal);
}

.fur-modal-detail-add-btn:hover {
  background-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

.fur-modal-detail-wishlist {
  width: 52px;
  height: 52px;
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-normal);
}

.fur-modal-detail-wishlist:hover {
  border-color: var(--fur-primary);
  color: hsl(0, 80%, 60%);
}

.fur-modal-detail-wishlist--active {
  color: hsl(0, 80%, 60%);
}
.fur-modal-detail-wishlist--active svg {
  fill: currentColor;
}


/* ==========================================================================
   KEYFRAME ANIMATIONS
   ========================================================================== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 4px 15px hsla(88, 44%, 50%, 0.3);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 4px 25px hsla(88, 44%, 50%, 0.6);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 4px 15px hsla(88, 44%, 50%, 0.3);
  }
}


/* ==========================================================================
   RESPONSIVE DESIGN OVERRIDES (FLUID CONTAINMENT)
   ========================================================================== */
@media (max-width: 1280px) {
  .fur-sidebar {
    width: 240px;
  }
  .fur-hero {
    flex: 0 0 35vw;
  }
  .fur-rooms-grid__layout {
    grid-template-columns: 1fr;
  }
  .fur-styles__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .fur-products__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1024px) {
  .fur-app-layout {
    flex-direction: column;
    height: auto;
    overflow-y: visible;
    overflow-x: hidden;
  }

  /* Sidebar becomes a sticky top bar */
  .fur-sidebar {
    width: 100%;
    height: auto;
    position: sticky;
    inset-block-start: 0;
    border-inline-end: none;
    border-block-end: 1px solid var(--fur-border);
    padding-block: 12px;
    padding-inline: 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--fur-sidebar-bg);
  }

  .fur-sidebar__header {
    margin-block-end: 0;
    width: auto;
  }

  .fur-sidebar__toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--fur-radius-full);
    border: 1px solid var(--fur-border);
    color: var(--fur-text);
  }

  /* Overlay Navigation Menu on Mobile when opened */
  .fur-sidebar__nav {
    display: none;
    position: fixed;
    inset-block-start: 70px;
    inset-inline: 0;
    background-color: var(--fur-sidebar-bg);
    border-block-end: 1px solid var(--fur-border);
    padding-inline: 20px;
    padding-block: 20px;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    box-shadow: 0 10px 30px var(--fur-shadow-lg);
  }

  .fur-sidebar__nav--open {
    display: block;
    animation: fadeInUp 0.4s ease;
  }

  .fur-sidebar__widgets {
    display: none;
  }

  .fur-sidebar__footer {
    display: none; /* Hidden, functional buttons moved to Header */
  }

  /* Hero pane stacks under the top bar */
  .fur-hero {
    width: 100%;
    height: auto;
    min-height: 80vh;
    flex: none;
    padding-block: var(--fur-margin-block-lg);
    padding-inline: var(--fur-margin-block-lg);
    border-inline-end: none;
    border-block-end: 1px solid var(--fur-border);
  }

  .fur-hero__content {
    margin-block-start: var(--fur-margin-block-lg);
  }

  /* Main Pane flows naturally */
  .fur-main {
    width: 100%;
    height: auto;
    overflow-y: visible;
    flex: none;
  }

  .fur-header__user-nav {
    display: flex;
  }

  .fur-footer__main {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 640px) {
  .fur-hero__actions {
    flex-direction: column;
  }
  .fur-hero__btn {
    width: 100%;
  }
  .fur-sale-strip {
    grid-template-columns: 1fr;
  }
  .fur-sale-strip__graphic {
    min-height: 180px;
  }
  .fur-journal__card {
    grid-template-columns: 1fr;
  }
  .fur-journal__img-wrap {
    min-height: 180px;
  }
  .fur-footer__links-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .fur-modal__content {
    grid-template-columns: 1fr;
  }
  .fur-modal-detail-img-wrap {
    min-height: 250px;
  }
  .fur-modal-detail-info {
    padding-inline: 20px;
    padding-block: 24px;
  }
  .fur-header__ticker {
    display: none;
  }
}

/* ==========================================================================
   HERO REFINEMENTS & READABILITY OVERRIDES (APPENDED)
   ========================================================================== */
:root {
  --fur-glass-dark: hsla(125, 22%, 12%, 0.75);
  --fur-avatar-border: var(--fur-surface);
}

body[data-theme="dark"] {
  --fur-avatar-border: var(--fur-surface);
}

/* Base Hero Overrides */
.fur-hero {
  color: var(--fur-text);
  background-color: var(--fur-bg-secondary);
}

.fur-hero__overlay {
  display: none; /* No dark overlay needed in light theme */
}

body[data-theme="dark"] .fur-hero__overlay {
  display: block;
  background: var(--fur-hero-overlay);
}

/* Slides Positioning */
.fur-hero__bg-slide[data-theme="light"] {
  background-size: 60%;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: var(--fur-bg-secondary);
}

.fur-hero__bg-slide[data-theme="dark"] {
  background-size: cover;
  background-position: center;
}

/* Text Overrides */
.fur-hero__subtitle {
  color: var(--fur-text-muted);
}

.fur-hero__title {
  color: var(--fur-text);
}

.fur-hero__description {
  color: var(--fur-text-muted);
}

.fur-hero__proof-text {
  color: var(--fur-text);
}

body[data-theme="dark"] .fur-hero__subtitle,
body[data-theme="dark"] .fur-hero__title,
body[data-theme="dark"] .fur-hero__description,
body[data-theme="dark"] .fur-hero__proof-text {
  color: var(--fur-ref-white);
}

/* Hide secondary outline button */
.fur-hero__btn--outline {
  display: none;
}

/* Social Proof Avatars Styling */
.fur-hero__avatars {
  display: flex;
  margin-inline-end: 8px;
}

.fur-hero__avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  border: 2px solid var(--fur-avatar-border);
  object-fit: cover;
  margin-inline-start: -12px;
}

.fur-hero__avatars .fur-hero__avatar:first-child {
  margin-inline-start: 0;
}

/* Trust Strip Pill Container (Light Mode - Horizontal) */
.fur-hero__trust-strip {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding-block: 20px;
  padding-inline: 24px;
  gap: 16px;
  margin-block-start: auto;
  backdrop-filter: none;
  box-shadow: 0 8px 30px var(--fur-shadow);
}

.fur-hero__trust-item {
  flex: 1 1 0%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  border-inline-end: 1px solid var(--fur-border);
}

.fur-hero__trust-item:last-child {
  border-inline-end: none;
}

.fur-hero__trust-item .fur-icon {
  color: var(--fur-text);
  width: 28px;
  height: 28px;
}

.fur-hero__trust-item strong {
  color: var(--fur-text);
  font-size: 0.85rem;
  line-height: 1.2;
}

.fur-hero__trust-item span {
  color: var(--fur-text-muted);
  font-size: 0.72rem;
  line-height: 1.3;
}

/* Trust Strip Overrides (Dark Mode - Vertical Glassmorphism) */
body[data-theme="dark"] .fur-hero__trust-strip {
  position: absolute;
  inset-block-end: 40px;
  inset-inline-start: 40px;
  width: calc(100% - 80px);
  max-width: 380px;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--fur-glass-dark);
  backdrop-filter: blur(20px);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  padding-block: 24px;
  padding-inline: 24px;
  gap: 16px;
  box-shadow: 0 10px 40px var(--fur-shadow-lg);
}

body[data-theme="dark"] .fur-hero__trust-item {
  border-inline-end: none;
  width: 100%;
}

body[data-theme="dark"] .fur-hero__trust-item .fur-icon {
  color: var(--fur-primary);
  width: 24px;
  height: 24px;
}

body[data-theme="dark"] .fur-hero__trust-item strong {
  color: var(--fur-ref-white);
  font-size: var(--fur-fs-small);
}

body[data-theme="dark"] .fur-hero__trust-item span {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 0.75rem;
}

/* Hide 4th trust item in dark mode for screen mockup parity */
body[data-theme="dark"] .fur-hero__trust-item:nth-child(4) {
  display: none;
}

/* Responsive Overrides */
@media (max-width: 1024px) {
  .fur-hero__bg-slide[data-theme="light"] {
    background-size: 80%;
    background-position: center bottom;
  }
  
  .fur-hero__trust-strip {
    flex-direction: column;
    align-items: flex-start;
    padding-block: 20px;
    padding-inline: 20px;
  }
  
  .fur-hero__trust-item {
    border-inline-end: none;
    width: 100%;
  }

  body[data-theme="dark"] .fur-hero__trust-strip {
    position: relative;
    inset-block-end: auto;
    inset-inline-start: auto;
    width: 100%;
    max-width: none;
  }
}

/* ==========================================================================
   DESKTOP HAMBURGER MENU & 50/50 SPLIT SCREEN LAYOUT OVERRIDES (APPENDED)
   ========================================================================== */
@media (min-width: 1025px) {
  /* Narrow Sidebar (80px width) */
  .fur-sidebar {
    width: 80px;
    padding-inline: 12px;
    align-items: center;
  }
  
  .fur-sidebar__header {
    flex-direction: column;
    gap: 32px;
    margin-block-end: 0;
    width: auto;
  }
  
  .fur-sidebar__toggle {
    display: flex !important; /* Visible on desktop to toggle hamburger menu drawer */
    margin-inline: auto;
  }
  
  /* Sliding Drawer Navigation */
  .fur-sidebar__nav {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    width: 280px;
    background-color: var(--fur-sidebar-bg);
    border-inline-end: 1px solid var(--fur-border);
    z-index: 90;
    padding-block: 40px;
    padding-inline: 24px;
    box-shadow: 10px 0 30px var(--fur-shadow);
    transform: translateX(-100%);
    transition: transform var(--fur-transition-normal);
    display: flex;
    flex-direction: column;
  }
  
  [dir="rtl"] .fur-sidebar__nav {
    transform: translateX(100%);
  }
  
  .fur-sidebar__nav--open {
    display: flex !important;
    transform: translateX(80px) !important;
  }
  
  [dir="rtl"] .fur-sidebar__nav--open {
    transform: translateX(-80px) !important;
  }
  
  .fur-sidebar__widgets {
    display: none !important; /* Hide widgets inside narrow bar */
  }
  
  .fur-sidebar__footer {
    flex-direction: column;
    gap: 20px;
    border-block-start: none;
    padding-block-start: 0;
    width: 100%;
    align-items: center;
  }

  /* 50/50 Split Screen Layout */
  .fur-hero {
    flex: 0 0 calc(50vw - 40px);
    width: calc(50vw - 40px);
  }
  
  .fur-main {
    flex: 0 0 calc(50vw - 40px);
    width: calc(50vw - 40px);
  }
}

/* Background Image Cover Override for hero-bg.jpg */
.fur-hero__bg-slide[data-theme="light"] {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ==========================================================================
   SCROLL-ACTIVATED SPLIT SCREEN TO STANDARD FULL SCREEN TRANSITION (APPENDED)
   ========================================================================== */
@media (min-width: 1025px) {
  /* Transition timings for structural panels */
  .fur-sidebar {
    transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                flex 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                opacity 0.6s ease;
  }

  .fur-hero {
    clip-path: inset(0 0 0 0);
    transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                flex 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                opacity 0.6s ease,
                clip-path 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .fur-main {
    transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                flex 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }

  /* Scrolled State - Hide Sidebar & Hero, Expand Main Feed to 100vw */
  body[data-scrolled="true"] .fur-sidebar {
    width: 0px !important;
    flex: 0 0 0px !important;
    padding-inline: 0 !important;
    border-inline-end-width: 0px !important;
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
  }

  body[data-scrolled="true"] [dir="rtl"] .fur-sidebar {
    transform: translateX(100%);
  }

  body[data-scrolled="true"] .fur-hero {
    width: 0px !important;
    flex: 0 0 0px !important;
    padding-inline: 0 !important;
    opacity: 0;
    transform: scale(0.95) translateX(-50px);
    clip-path: inset(0 100% 0 0);
    pointer-events: none;
  }

  body[data-scrolled="true"] [dir="rtl"] .fur-hero {
    transform: scale(0.95) translateX(50px);
    clip-path: inset(0 0 0 100%);
  }

  body[data-scrolled="true"] .fur-main {
    width: 100vw !important;
    flex: 0 0 100vw !important;
  }

  /* Update sliding drawer start point when sidebar disappears */
  body[data-scrolled="true"] .fur-sidebar__nav {
    inset-inline-start: 0;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }

  body[data-scrolled="true"] .fur-sidebar__nav--open {
    transform: translateX(0) !important;
  }

  /* Sticky Top Header Scrolled Brand Styles */
  .fur-header__scrolled-brand {
    display: none;
    align-items: center;
    gap: 16px;
  }

  .fur-header__scrolled-toggle {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--fur-text);
    padding: 8px;
    border-radius: var(--fur-radius-full);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color var(--fur-transition-normal);
  }

  .fur-header__scrolled-toggle:hover {
    background-color: var(--fur-border-light);
  }

  .fur-header__scrolled-logo {
    font-family: var(--fur-font-serif);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--fur-text);
    text-decoration: none;
  }

  body[data-scrolled="true"] .fur-header__scrolled-brand {
    display: flex !important;
  }

  body[data-scrolled="true"] .fur-header__ticker {
    display: none !important;
  }

  body[data-scrolled="true"] .fur-header {
    padding-inline: calc(var(--fur-margin-block-md) + 24px);
    box-shadow: 0 4px 30px var(--fur-shadow);
  }
}

/* ==========================================================================
   SCROLLED LAYOUT PRODUCT & ROOM GRID COLUMN OVERRIDES (APPENDED)
   ========================================================================== */
@media (min-width: 1025px) {
  /* Expand product grid to 4 columns in scrolled state, overriding the 2-column mobile/tablet rules */
  body[data-scrolled="true"] .fur-products__grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }
  
  /* Room category grid expands to 3 columns in scrolled state */
  body[data-scrolled="true"] .fur-rooms-grid__layout {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
  }

  /* Style grid expands to 4 columns in scrolled state */
  body[data-scrolled="true"] .fur-styles__grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1400px) {
  /* 3 columns on medium sized desktop viewports when full screen */
  body[data-scrolled="true"] .fur-products__grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* ==========================================================================
   WEBGL CANVAS CONTAINER STYLING
   ========================================================================== */
.fur-hero__webgl-canvas {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

/* ==========================================================================
   SCROLLED NORMAL HEADER HORIZONTAL NAVIGATION
   ========================================================================== */
.fur-header__scrolled-nav {
  display: none; /* Hidden on mobile/tablet viewports by default */
}

@media (min-width: 1025px) {
  body[data-scrolled="true"] .fur-header__scrolled-nav {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-inline-start: 40px;
  }

  body[data-scrolled="true"] .fur-header__scrolled-toggle {
    display: none !important; /* Hide hamburger icon in scrolled state on desktop */
  }
}

.fur-header__scrolled-nav-link {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
  transition: color var(--fur-transition-fast);
  text-decoration: none;
}

.fur-header__scrolled-nav-link:hover {
  color: var(--fur-primary);
}

/* ==========================================================================
   SCROLLED LAYOUT PROMO SLIDER TALLER HEIGHT
   ========================================================================== */
@media (min-width: 1025px) {
  body[data-scrolled="true"] .fur-promo__slider {
    height: 580px !important; /* Large desktop cinematic height */
    transition: height var(--fur-transition-slow);
  }
}

/* ==========================================================================
   INTERACTIVE LOOKBOOKS (TABS WITH HOTSPOTS) STYLING
   ========================================================================== */
.fur-lookbooks {
  padding-inline: 0;
  margin-block-start: var(--fur-margin-block-lg);
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-lookbooks__tabs {
  display: flex;
  gap: 12px;
  margin-block-start: 12px;
}

.fur-lookbooks__tab {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  padding-inline: 20px;
  padding-block: 10px;
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
  cursor: pointer;
}

.fur-lookbooks__tab:hover {
  border-color: var(--fur-primary);
  color: var(--fur-text);
}

.fur-lookbooks__tab--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.fur-lookbooks__panels {
  padding-inline: var(--fur-margin-block-md);
  margin-block-start: var(--fur-margin-block-md);
}

.fur-lookbook-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 32px;
  align-items: center;
  background-color: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  border: 1px solid var(--fur-border);
}

@media (max-width: 1024px) {
  .fur-lookbook-grid {
    grid-template-columns: 1fr;
  }
}

.fur-lookbook-grid__image-wrap {
  position: relative;
  height: 100%;
  min-height: 380px;
  background-color: var(--fur-border);
}

.fur-lookbook-grid__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fur-lookbook-grid__info {
  padding-inline: 40px;
  padding-block: 40px;
}

.fur-lookbook-grid__info h3 {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 16px;
  line-height: 1.25;
}

.fur-lookbook-grid__info p {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin-block-end: 24px;
}

.fur-lookbook-grid__features {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-block-end: 32px;
}

.fur-lookbook-grid__feature {
  font-size: var(--fur-fs-small);
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 8px;
}

.fur-lookbook-grid__feature strong {
  font-weight: 700;
  color: var(--fur-primary);
}

.fur-lookbook-grid__link {
  font-size: var(--fur-fs-small);
  font-weight: 700;
  color: var(--fur-primary);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}

.fur-lookbook-grid__link:hover {
  text-decoration: underline;
}

/* Interactive Hotspots */
.fur-hotspot {
  position: absolute;
  z-index: 10;
  transform: translate(-50%, -50%);
}

.fur-hotspot__trigger {
  width: 32px;
  height: 32px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border: 2px solid var(--fur-surface);
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 4px 12px var(--fur-shadow-lg);
  transition: transform var(--fur-transition-fast);
}

.fur-hotspot__trigger:hover {
  transform: scale(1.15);
}

.fur-hotspot__card {
  position: absolute;
  inset-block-start: 40px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding-inline: 16px;
  padding-block: 16px;
  width: 180px;
  box-shadow: 0 10px 30px var(--fur-shadow-lg);
  opacity: 0;
  pointer-events: none;
  transition: all var(--fur-transition-normal);
  z-index: 15;
}

.fur-hotspot:hover .fur-hotspot__card {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(5px);
}

.fur-hotspot__card h4 {
  font-size: 0.85rem;
  font-weight: 700;
  margin-block-end: 4px;
  color: var(--fur-text);
}

.fur-hotspot__price {
  font-size: 0.8rem;
  color: var(--fur-primary);
  font-weight: 700;
  display: block;
  margin-block-end: 12px;
}

.fur-hotspot__btn {
  width: 100%;
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  padding-block: 6px;
  transition: all var(--fur-transition-fast);
  cursor: pointer;
}

.fur-hotspot__btn:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border-color: var(--fur-primary);
}

/* ==========================================================================
   INTERACTIVE CTA BANNER
   ========================================================================== */
.fur-cta-banner {
  padding-inline: var(--fur-margin-block-md);
  margin-block-start: var(--fur-margin-block-lg);
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-cta-banner__container {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  align-items: center;
}

@media (max-width: 1024px) {
  .fur-cta-banner__container {
    grid-template-columns: 1fr;
  }
}

.fur-cta-banner__content {
  padding-inline: 60px;
  padding-block: 60px;
}

.fur-cta-banner__tag {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--fur-primary);
  display: block;
  margin-block-end: 16px;
}

.fur-cta-banner__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 16px;
  line-height: 1.25;
  color: var(--fur-text);
}

.fur-cta-banner__desc {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin-block-end: 32px;
}

.fur-cta-banner__actions {
  display: flex;
  gap: 16px;
}

.fur-cta-banner__btn {
  display: inline-block;
  font-weight: 600;
  font-size: var(--fur-fs-small);
  padding-inline: 28px;
  padding-block: 14px;
  border-radius: var(--fur-radius-full);
  transition: all var(--fur-transition-normal);
  text-decoration: none;
}

.fur-cta-banner__btn--primary {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.fur-cta-banner__btn--primary:hover {
  background-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

.fur-cta-banner__btn--secondary {
  background-color: transparent;
  color: var(--fur-text);
  border: 1px solid var(--fur-border);
}

.fur-cta-banner__btn--secondary:hover {
  background-color: var(--fur-surface);
  transform: translateY(-2px);
}

.fur-cta-banner__image-wrap {
  height: 100%;
  min-height: 350px;
}

.fur-cta-banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   LUXURY BRAND SERVICES GRID
   ========================================================================== */
.fur-services {
  padding-inline: 0;
  margin-block-start: var(--fur-margin-block-lg);
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-services__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding-inline: var(--fur-margin-block-md);
}

@media (max-width: 1200px) {
  .fur-services__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .fur-services__grid {
    grid-template-columns: 1fr;
  }
}

.fur-service-card {
  background-color: var(--fur-card-bg);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding-inline: 32px;
  padding-block: 32px;
  transition: all var(--fur-transition-normal);
}

.fur-service-card:hover {
  border-color: var(--fur-primary);
  box-shadow: 0 10px 30px var(--fur-shadow-lg);
}

.fur-service-card__icon {
  width: 48px;
  height: 48px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg-secondary);
  color: var(--fur-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block-end: 20px;
}

.fur-service-card__title {
  font-family: var(--fur-font-sans);
  font-size: 0.95rem;
  font-weight: 700;
  margin-block-end: 12px;
  color: var(--fur-text);
}

.fur-service-card__desc {
  font-size: 0.8rem;
  color: var(--fur-text-muted);
  line-height: 1.5;
}

/* ==========================================================================
   MODULAR CONFIGURATOR SECTION Styling
   ========================================================================== */
.fur-configurator {
  padding-inline: 0;
  margin-block-start: var(--fur-margin-block-lg);
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-configurator__container {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 32px;
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  padding-inline: 32px;
  padding-block: 32px;
  margin-inline: var(--fur-margin-block-md);
}

@media (max-width: 1024px) {
  .fur-configurator__container {
    grid-template-columns: 1fr;
    padding-inline: 16px;
    padding-block: 16px;
  }
}

.fur-configurator__viewport {
  position: relative;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  aspect-ratio: 4 / 3;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fur-configurator__canvas-wrapper {
  position: relative;
  width: 90%;
  height: 90%;
}

.fur-configurator__layer {
  position: absolute;
  inset: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all var(--fur-transition-normal);
}

.fur-configurator__layer--tint {
  border-radius: var(--fur-radius-md);
  pointer-events: none;
}

.fur-configurator__badge {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-start: 16px;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  padding-inline: 12px;
  padding-block: 6px;
  border-radius: var(--fur-radius-full);
  letter-spacing: 0.5px;
}

.fur-configurator__controls {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-inline: 16px;
}

.fur-configurator__control-group {
  margin-block-end: 24px;
}

.fur-configurator__control-group h4 {
  font-family: var(--fur-font-sans);
  font-size: 0.95rem;
  font-weight: 700;
  margin-block-end: 12px;
  color: var(--fur-text);
}

.fur-configurator__options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fur-configurator__option {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding-inline: 16px;
  padding-block: 12px;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  text-align: start;
}

.fur-configurator__option:hover {
  border-color: var(--fur-primary);
}

.fur-configurator__option--active {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg);
  box-shadow: 0 4px 12px var(--fur-shadow);
}

.fur-color-preview {
  width: 24px;
  height: 24px;
  border-radius: var(--fur-radius-full);
  flex-shrink: 0;
}

.fur-configurator__option span + span {
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
}

.fur-configurator__summary {
  border-block-start: 1px solid var(--fur-border);
  padding-block-start: 24px;
  margin-block-start: 16px;
}

.fur-configurator__price-tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 16px;
}

.fur-configurator__price-tag .label {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}

.fur-configurator__price-tag .price {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  color: var(--fur-primary);
  font-weight: 700;
}

.fur-configurator__add-btn {
  width: 100%;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border: none;
  border-radius: var(--fur-radius-full);
  padding-block: 14px;
  font-weight: 600;
  font-size: var(--fur-fs-small);
  cursor: pointer;
  transition: all var(--fur-transition-normal);
}

.fur-configurator__add-btn:hover {
  background-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

/* ==========================================================================
   SPATIAL ROOM PLANNER SECTION Styling
   ========================================================================== */
.fur-planner {
  padding-inline: 0;
  margin-block-start: var(--fur-margin-block-lg);
  margin-block-end: var(--fur-margin-block-lg);
}

.fur-planner__container {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 32px;
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  padding-inline: 32px;
  padding-block: 32px;
  margin-inline: var(--fur-margin-block-md);
}

@media (max-width: 1024px) {
  .fur-planner__container {
    grid-template-columns: 1fr;
    padding-inline: 16px;
    padding-block: 16px;
  }
}

.fur-planner__toolbox {
  display: flex;
  flex-direction: column;
}

.fur-planner__toolbox h4 {
  font-family: var(--fur-font-sans);
  font-size: 0.95rem;
  font-weight: 700;
  margin-block-end: 8px;
  color: var(--fur-text);
}

.fur-planner__help {
  font-size: 0.8rem;
  color: var(--fur-text-muted);
  margin-block-end: 20px;
  line-height: 1.4;
}

.fur-planner__tools {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-block-end: 24px;
}

.fur-planner__tool {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: var(--fur-surface);
  border: 1px dashed var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding-inline: 16px;
  padding-block: 12px;
  cursor: grab;
  transition: all var(--fur-transition-fast);
}

.fur-planner__tool:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg);
}

.fur-planner__tool-preview {
  flex-shrink: 0;
  opacity: 0.8;
}

.fur-planner__tool span {
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
}

.fur-planner__clear-btn {
  background-color: transparent;
  color: var(--fur-text);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  padding-block: 10px;
  font-weight: 600;
  font-size: var(--fur-fs-small);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}

.fur-planner__clear-btn:hover {
  background-color: var(--fur-surface);
  color: var(--fur-primary);
}

.fur-planner__workspace {
  position: relative;
  border-radius: var(--fur-radius-md);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#fur-planner-canvas {
  width: 100%;
  height: auto;
  max-width: 640px;
  display: block;
  background-color: var(--fur-surface);
}

.fur-planner__dimensions-badge {
  position: absolute;
  inset-block-end: 16px;
  inset-inline-end: 16px;
  background-color: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  font-size: 0.75rem;
  padding-inline: 12px;
  padding-block: 6px;
  border-radius: var(--fur-radius-full);
  pointer-events: none;
}

/* ==========================================================================
   PHASE 2 FIX: ULTRA-SMOOTH ORGANIC HERO DISSOLVE TRANSITION (OVERRIDE)
   ========================================================================== */
@media (min-width: 1025px) {

  /* Extend transition duration for a cinematic, organic feel */
  .fur-sidebar {
    transition: width 1.2s cubic-bezier(0.77, 0, 0.175, 1),
                flex 1.2s cubic-bezier(0.77, 0, 0.175, 1),
                opacity 0.9s ease,
                transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) !important;
  }

  .fur-hero {
    will-change: opacity, transform, flex, clip-path;
    clip-path: inset(0 0% 0 0);
    transition: flex 1.2s cubic-bezier(0.77, 0, 0.175, 1),
                width 1.2s cubic-bezier(0.77, 0, 0.175, 1),
                opacity 0.8s ease 0.1s,
                transform 1.1s cubic-bezier(0.77, 0, 0.175, 1),
                clip-path 1.0s cubic-bezier(0.77, 0, 0.175, 1) !important;
  }

  .fur-main {
    transition: flex 1.2s cubic-bezier(0.77, 0, 0.175, 1),
                width 1.2s cubic-bezier(0.77, 0, 0.175, 1) !important;
  }

  /* Smooth organic dissolve: fade + gentle slide left + clip */
  body[data-scrolled="true"] .fur-hero {
    flex: 0 0 0vw !important;
    width: 0vw !important;
    opacity: 0 !important;
    transform: scale(0.97) translateX(-30px) !important;
    clip-path: inset(0 100% 0 0) !important;
    padding-inline: 0 !important;
    pointer-events: none !important;
    border-inline-end-width: 0 !important;
    overflow: hidden !important;
  }

  body[data-scrolled="true"] .fur-sidebar {
    flex: 0 0 0px !important;
    width: 0px !important;
    opacity: 0 !important;
    transform: translateX(-110%) !important;
    padding-inline: 0 !important;
    border-inline-end-width: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  body[data-scrolled="true"] .fur-main {
    flex: 0 0 100vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* Product grid always 4 columns in scrolled desktop state */
  body[data-scrolled="true"] .fur-products__grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }

  /* Category scroller visible in BOTH states - never hide it */
  body[data-scrolled="true"] .fur-categories {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Fix: categories always visible on all viewports */
.fur-categories {
  display: block !important;
}

/* ==========================================================================
   PHASE 2 NEW SECTIONS — MARQUEE, PHILOSOPHY, STATS, TESTIMONIALS,
   JOURNAL GRID, NEWSLETTER, PREMIUM FOOTER
   ========================================================================== */

/* NEW ARRIVALS MARQUEE */
.fur-marquee {
  display: flex;
  align-items: center;
  gap: 0;
  border-block: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  overflow: hidden;
  height: 52px;
}
.fur-marquee__label {
  flex-shrink: 0;
  padding-inline: clamp(16px, 2vw, 28px);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fur-button-text);
  background-color: var(--fur-primary);
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.fur-marquee__track-wrap {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.fur-marquee__track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: fur-marquee-scroll 36s linear infinite;
  will-change: transform;
}
.fur-marquee__track:hover {
  animation-play-state: paused;
}
.fur-marquee__item {
  font-size: var(--fur-fs-small);
  font-weight: 500;
  color: var(--fur-text);
  padding-inline: 20px;
}
.fur-marquee__price {
  font-weight: 700;
  color: var(--fur-primary);
  margin-inline-start: 6px;
}
.fur-marquee__sep {
  color: var(--fur-text-muted);
  font-size: 0.7rem;
  opacity: 0.5;
}

@keyframes fur-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* BRAND PHILOSOPHY SECTION */
.fur-philosophy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-block: var(--fur-margin-block-lg);
  overflow: hidden;
  border-radius: var(--fur-radius-lg);
  border: 1px solid var(--fur-border);
  margin-inline: var(--fur-margin-block-md);
}
.fur-philosophy__image-side {
  position: relative;
  overflow: hidden;
  min-height: 480px;
}
.fur-philosophy__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--fur-transition-slow);
}
.fur-philosophy:hover .fur-philosophy__img {
  transform: scale(1.03);
}
.fur-philosophy__img-badge {
  position: absolute;
  inset-block-end: 20px;
  inset-inline-start: 20px;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  padding-inline: 16px;
  padding-block: 8px;
  border-radius: var(--fur-radius-full);
  letter-spacing: 0.04em;
}
.fur-philosophy__content-side {
  padding: clamp(2rem, 4vw, 4rem);
  background-color: var(--fur-surface);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.fur-philosophy__tag {
  font-size: var(--fur-fs-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
}
.fur-philosophy__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  color: var(--fur-text);
  line-height: 1.25;
  margin-block: 0;
}
.fur-philosophy__title em {
  font-style: italic;
  color: var(--fur-primary);
}
.fur-philosophy__text {
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  line-height: 1.75;
  margin-block: 0;
}
.fur-philosophy__pillars {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fur-philosophy__pillar {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--fur-fs-body);
  color: var(--fur-text);
  font-weight: 500;
}
.fur-philosophy__pillar .fur-icon {
  flex-shrink: 0;
  color: var(--fur-primary);
}
.fur-philosophy__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-inline: 24px;
  padding-block: 14px;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border-radius: var(--fur-radius-full);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  width: fit-content;
  transition: all var(--fur-transition-normal);
}
.fur-philosophy__btn:hover {
  background-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

/* STATS BAR */
.fur-stats {
  padding-block: clamp(2.5rem, 4vw, 5rem);
  padding-inline: var(--fur-margin-block-md);
  background-color: var(--fur-primary);
  border-radius: var(--fur-radius-lg);
  margin-inline: var(--fur-margin-block-md);
  margin-block-end: var(--fur-margin-block-lg);
}
.fur-stats__grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 0;
}
.fur-stats__item {
  text-align: center;
  padding-inline: 20px;
}
.fur-stats__number {
  display: block;
  font-family: var(--fur-font-serif);
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  font-weight: 700;
  color: var(--fur-button-text);
  line-height: 1;
  transition: all 0.3s ease;
}
.fur-stats__unit {
  font-size: clamp(1.2rem, 2vw, 1.8rem);
  font-weight: 700;
  color: hsla(0, 0%, 100%, 0.6);
}
.fur-stats__label {
  display: block;
  font-size: var(--fur-fs-small);
  color: hsla(0, 0%, 100%, 0.7);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-block-start: 6px;
}
.fur-stats__divider {
  width: 1px;
  height: 60px;
  background-color: hsla(0, 0%, 100%, 0.2);
  flex-shrink: 0;
}

/* TESTIMONIALS */
.fur-testimonials {
  padding-inline: var(--fur-margin-block-md);
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-bg-secondary);
  overflow: hidden;
}
.fur-testimonials__header {
  text-align: center;
  margin-block-end: clamp(2rem, 3vw, 3.5rem);
}
.fur-testimonials__tag {
  font-size: var(--fur-fs-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
}
.fur-testimonials__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  color: var(--fur-text);
  margin-block-start: 8px;
  margin-block-end: 0;
}
.fur-testimonials__title em {
  font-style: italic;
  color: var(--fur-primary);
}
.fur-testimonials__track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.fur-testimonial-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: clamp(20px, 2.5vw, 32px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: all var(--fur-transition-normal);
}
.fur-testimonial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px var(--fur-shadow-lg);
  border-color: var(--fur-primary);
}
.fur-testimonial-card__stars {
  font-size: 1rem;
  color: hsl(42, 96%, 52%);
  letter-spacing: 2px;
}
.fur-testimonial-card__quote {
  font-size: var(--fur-fs-body);
  color: var(--fur-text);
  line-height: 1.7;
  font-style: italic;
  margin: 0;
  flex: 1;
}
.fur-testimonial-card__author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block-start: 16px;
  border-block-start: 1px solid var(--fur-border);
}
.fur-testimonial-card__avatar {
  width: 42px;
  height: 42px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.fur-testimonial-card__author strong {
  display: block;
  font-size: var(--fur-fs-body);
  color: var(--fur-text);
}
.fur-testimonial-card__author span {
  display: block;
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}
.fur-testimonials__controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-block-start: 2rem;
}
.fur-testimonials__arrow {
  width: 44px;
  height: 44px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  color: var(--fur-text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--fur-transition-normal);
}
.fur-testimonials__arrow:hover {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text);
}

/* JOURNAL GRID (NEW EDITORIAL LAYOUT) */
.fur-journal {
  padding-inline: var(--fur-margin-block-md);
  padding-block: var(--fur-margin-block-lg);
}
.fur-journal__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 24px;
}
.fur-journal__card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  transition: all var(--fur-transition-normal);
  display: flex;
  flex-direction: column;
}
.fur-journal__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px var(--fur-shadow-lg);
  border-color: var(--fur-primary);
}
.fur-journal__card-img-wrap {
  position: relative;
  overflow: hidden;
}
.fur-journal__card--featured .fur-journal__card-img-wrap {
  height: 280px;
}
.fur-journal__card-img-wrap:not(.fur-journal__card--featured .fur-journal__card-img-wrap) {
  height: 200px;
}
.fur-journal__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--fur-transition-slow);
}
.fur-journal__card:hover .fur-journal__card-img {
  transform: scale(1.04);
}
.fur-journal__card-tag {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-start: 14px;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding-inline: 12px;
  padding-block: 5px;
  border-radius: var(--fur-radius-full);
}
.fur-journal__card-body {
  padding: clamp(16px, 2vw, 24px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.fur-journal__card-date {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}
.fur-journal__card-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1rem, 1.4vw, 1.3rem);
  color: var(--fur-text);
  line-height: 1.35;
  margin: 0;
}
.fur-journal__card-excerpt {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  line-height: 1.65;
  margin: 0;
}
.fur-journal__card-link {
  font-size: var(--fur-fs-small);
  font-weight: 700;
  color: var(--fur-primary);
  text-decoration: none;
  margin-block-start: auto;
  padding-block-start: 8px;
  transition: gap var(--fur-transition-fast);
}
.fur-journal__card-link:hover {
  text-decoration: underline;
}

/* NEWSLETTER SECTION */
.fur-newsletter {
  margin-inline: var(--fur-margin-block-md);
  margin-block: var(--fur-margin-block-lg);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  background: linear-gradient(135deg, var(--fur-ref-green-900) 0%, var(--fur-ref-green-700) 100%);
}
.fur-newsletter__inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  min-height: 360px;
}
.fur-newsletter__content {
  padding: clamp(2.5rem, 5vw, 5rem);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fur-newsletter__tag {
  font-size: var(--fur-fs-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: hsla(0, 0%, 100%, 0.65);
}
.fur-newsletter__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  color: var(--fur-ref-white);
  margin: 0;
  line-height: 1.3;
}
.fur-newsletter__desc {
  font-size: var(--fur-fs-body);
  color: hsla(0, 0%, 100%, 0.75);
  margin: 0;
  line-height: 1.65;
}
.fur-newsletter__label {
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: hsla(0, 0%, 100%, 0.8);
  display: block;
  margin-block-end: 6px;
}
.fur-newsletter__input-group {
  display: flex;
  gap: 0;
  border-radius: var(--fur-radius-full);
  overflow: hidden;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  background-color: hsla(0, 0%, 100%, 0.12);
}
.fur-newsletter__input {
  flex: 1;
  background: transparent;
  border: none;
  padding-inline: 20px;
  padding-block: 14px;
  color: var(--fur-ref-white);
  font-size: var(--fur-fs-body);
  font-family: var(--fur-font-sans);
  outline: none;
}
.fur-newsletter__input::placeholder {
  color: hsla(0, 0%, 100%, 0.4);
}
.fur-newsletter__btn {
  flex-shrink: 0;
  padding-inline: 24px;
  padding-block: 14px;
  background-color: var(--fur-ref-white);
  color: var(--fur-primary);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  border: none;
  cursor: pointer;
  font-family: var(--fur-font-sans);
  transition: all var(--fur-transition-fast);
  white-space: nowrap;
}
.fur-newsletter__btn:hover {
  background-color: var(--fur-ref-beige-100);
}
.fur-newsletter__note {
  font-size: 0.72rem;
  color: hsla(0, 0%, 100%, 0.45);
  margin: 0;
}
.fur-newsletter__note a {
  color: hsla(0, 0%, 100%, 0.7);
  text-underline-offset: 2px;
}
.fur-newsletter__image-side {
  height: 100%;
  overflow: hidden;
  min-height: 360px;
}
.fur-newsletter__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(0.8);
}

/* PREMIUM FOOTER */
.fur-footer {
  background-color: var(--fur-ref-charcoal);
  color: var(--fur-ref-beige-100);
  padding-block-end: 0;
}
.fur-footer__top {
  display: grid;
  grid-template-columns: 1.4fr 2fr 0.9fr;
  gap: clamp(2rem, 4vw, 5rem);
  padding-inline: var(--fur-margin-block-md);
  padding-block: clamp(3rem, 5vw, 5rem);
  border-block-end: 1px solid hsla(0, 0%, 100%, 0.08);
}
.fur-footer__logo {
  font-family: var(--fur-font-serif);
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--fur-ref-white);
  text-decoration: none;
  line-height: 1;
  display: block;
  margin-block-end: 14px;
}
.fur-footer__logo-dot {
  color: var(--fur-ref-lime-400);
}
.fur-footer__tagline {
  font-size: var(--fur-fs-small);
  color: hsla(0, 0%, 100%, 0.5);
  line-height: 1.7;
  margin: 0;
  margin-block-end: 20px;
}
.fur-footer__socials {
  display: flex;
  gap: 10px;
}
.fur-footer__social-link {
  width: 38px;
  height: 38px;
  border-radius: var(--fur-radius-full);
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  color: hsla(0, 0%, 100%, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all var(--fur-transition-normal);
}
.fur-footer__social-link:hover {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
  transform: translateY(-2px);
}
.fur-footer__nav-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.fur-footer__col-heading {
  font-size: var(--fur-fs-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-ref-white);
  margin-block-end: 16px;
  margin-block-start: 0;
}
.fur-footer__col-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fur-footer__col-list a {
  font-size: var(--fur-fs-small);
  color: hsla(0, 0%, 100%, 0.55);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
  line-height: 1.5;
}
.fur-footer__col-list a:hover {
  color: var(--fur-ref-white);
}
.fur-footer__trust-col .fur-footer__col-heading {
  margin-block-end: 16px;
}
.fur-footer__trust-badges {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fur-footer__trust-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--fur-fs-small);
  color: hsla(0, 0%, 100%, 0.55);
}
.fur-footer__trust-badge svg {
  color: var(--fur-ref-lime-400);
  flex-shrink: 0;
}
.fur-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-inline: var(--fur-margin-block-md);
  padding-block: 20px;
  background-color: hsla(0, 0%, 0%, 0.3);
}
.fur-footer__copy {
  font-size: var(--fur-fs-small);
  color: hsla(0, 0%, 100%, 0.35);
  margin: 0;
}
.fur-footer__legal {
  display: flex;
  gap: 20px;
}
.fur-footer__legal a {
  font-size: var(--fur-fs-small);
  color: hsla(0, 0%, 100%, 0.35);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}
.fur-footer__legal a:hover {
  color: var(--fur-ref-white);
}

/* Dark theme footer adjustments */
body[data-theme="dark"] .fur-footer {
  background-color: var(--fur-ref-forest-950);
}

/* RESPONSIVE: New sections */
@media (max-width: 1024px) {
  .fur-philosophy {
    grid-template-columns: 1fr;
  }
  .fur-philosophy__image-side {
    min-height: 300px;
  }
  .fur-stats__grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .fur-stats__divider { display: none; }
  .fur-testimonials__track {
    grid-template-columns: 1fr 1fr;
  }
  .fur-journal__grid {
    grid-template-columns: 1fr;
  }
  .fur-newsletter__inner {
    grid-template-columns: 1fr;
  }
  .fur-newsletter__image-side {
    min-height: 220px;
  }
  .fur-footer__top {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .fur-footer__nav-cols {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .fur-testimonials__track {
    grid-template-columns: 1fr;
  }
  .fur-stats__grid {
    grid-template-columns: 1fr 1fr;
  }
  .fur-footer__nav-cols {
    grid-template-columns: 1fr;
  }
  .fur-footer__bottom {
    flex-direction: column;
    text-align: center;
  }
}

/* Fix: Journal card image heights (featured vs regular) */
.fur-journal__card--featured .fur-journal__card-img-wrap { height: 280px; }
.fur-journal__card:not(.fur-journal__card--featured) .fur-journal__card-img-wrap { height: 200px; }

/* ==========================================================================
   PHASE 2 FIX BATCH — TESTIMONIALS, SIDEBAR, TRANSITION, JOURNAL META
   ========================================================================== */

/* --- FIX 1: TESTIMONIALS — Cards were clipping due to overflow:hidden on parent --- */
.fur-testimonials {
  overflow: visible !important;
  padding-block-end: clamp(3rem, 5vw, 5rem);
}

.fur-testimonials__track {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  transform: none !important;
  overflow: visible !important;
}

/* Mobile: stack testimonials */
@media (max-width: 1024px) {
  .fur-testimonials__track {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .fur-testimonials__track {
    grid-template-columns: 1fr !important;
  }
}

/* --- FIX 2: SIDEBAR — Add dividers and visual hierarchy --- */

/* Divider between logo area and hamburger */
.fur-sidebar__header {
  position: relative;
  padding-block-end: 16px;
  margin-block-end: 4px;
}
.fur-sidebar__header::after {
  content: '';
  display: block;
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 16px;
  inset-inline-end: 16px;
  height: 1px;
  background: var(--fur-border);
}

/* Divider before action buttons (footer) */
.fur-sidebar__footer {
  position: relative;
  padding-block-start: 16px;
}
.fur-sidebar__footer::before {
  content: '';
  display: block;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 16px;
  inset-inline-end: 16px;
  height: 1px;
  background: var(--fur-border);
}

/* Add subtle gap between individual action buttons */
.fur-sidebar__action-btn {
  position: relative;
}

/* Thin dot separator between search and wishlist */
.fur-sidebar__action-btn[aria-label="Search"]::after {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--fur-border);
  margin-inline: auto;
  margin-block-start: 6px;
}

/* --- FIX 3: SMOOTH CONTENT REVEAL TRANSITION ---
   When .fur-main expands to full screen, animate the content in with a fade+slide */

.fur-main {
  transition: flex 1.2s cubic-bezier(0.77, 0, 0.175, 1),
              width 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}

/* Content within main gets a subtle fade-in when scrolled state activates */
@media (min-width: 1025px) {
  .fur-main > *:not(.fur-header-scrolled) {
    transition: opacity 0.6s ease 0.3s;
  }

  /* Fade out content slightly during transition then back in */
  body:not([data-scrolled]) .fur-main > * {
    opacity: 1;
  }

  /* Scrolled-state header reveal animation */
  body[data-scrolled="true"] .fur-header-scrolled {
    animation: fur-header-drop 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
  }

  @keyframes fur-header-drop {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
  }
}

/* --- FIX 4: JOURNAL CARDS — Enhanced meta information --- */
.fur-journal__card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.fur-journal__card-date {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  font-weight: 500;
}
.fur-journal__card-readtime {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  display: flex;
  align-items: center;
  gap: 4px;
}
.fur-journal__card-readtime::before {
  content: '·';
  color: var(--fur-border);
}
.fur-journal__card-author {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  display: flex;
  align-items: center;
  gap: 4px;
}
.fur-journal__card-author::before {
  content: '·';
  color: var(--fur-border);
}
.fur-journal__card-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1rem, 1.3vw, 1.25rem);
  color: var(--fur-text);
  line-height: 1.35;
  margin: 0;
  transition: color var(--fur-transition-fast);
}
.fur-journal__card:hover .fur-journal__card-title {
  color: var(--fur-primary);
}
.fur-journal__card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-start: 12px;
  border-block-start: 1px solid var(--fur-border);
  margin-block-start: auto;
}
.fur-journal__card-views {
  font-size: 0.7rem;
  color: var(--fur-text-muted);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* --- SIDEBAR: Active state label tooltip on hover for better UX --- */
.fur-sidebar__action-btn {
  position: relative;
}
.fur-sidebar__action-btn::before {
  content: attr(aria-label);
  position: absolute;
  inset-inline-start: calc(100% + 10px);
  inset-block-start: 50%;
  transform: translateY(-50%);
  background: var(--fur-text);
  color: var(--fur-surface);
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
  padding-inline: 8px;
  padding-block: 4px;
  border-radius: var(--fur-radius-sm);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translateY(-50%) translateX(-4px);
}
.fur-sidebar__action-btn:hover::before {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* --- SIDEBAR: Theme switcher divider --- */
.fur-sidebar__widgets {
  position: relative;
  padding-block: 12px;
}
.fur-sidebar__widgets::after {
  content: '';
  display: block;
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 16px;
  inset-inline-end: 16px;
  height: 1px;
  background: var(--fur-border);
}


/* ==========================================================================
   CRITICAL FIX BATCH — SIDEBAR SMOOTH TRANSITION, PADDING, ALIGNMENT
   ========================================================================== */

/* 1. ADD MISSING TRANSITIONS TO SIDEBAR & HERO — was only transitioning bg-color!
      Must be in the same @media block as the scrolled state rules */
@media (min-width: 1025px) {

  /* Sidebar gets full smooth transition on ALL transitioning properties */
  .fur-sidebar {
    transition: width 1.1s cubic-bezier(0.77, 0, 0.175, 1),
                flex 1.1s cubic-bezier(0.77, 0, 0.175, 1),
                transform 1.1s cubic-bezier(0.77, 0, 0.175, 1),
                opacity 0.7s cubic-bezier(0.77, 0, 0.175, 1),
                padding-inline 1.1s cubic-bezier(0.77, 0, 0.175, 1),
                border-color 0.5s ease,
                background-color 0.5s ease !important;
  }

  /* Hero panel: smooth scale + clip-path collapse */
  .fur-hero {
    transition: width 1.1s cubic-bezier(0.77, 0, 0.175, 1),
                flex 1.1s cubic-bezier(0.77, 0, 0.175, 1),
                transform 1.0s cubic-bezier(0.77, 0, 0.175, 1),
                opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 1.0s cubic-bezier(0.77, 0, 0.175, 1) !important;
  }

  /* Main feed expands smoothly */
  .fur-main {
    transition: width 1.1s cubic-bezier(0.77, 0, 0.175, 1),
                flex 1.1s cubic-bezier(0.77, 0, 0.175, 1) !important;
  }

  /* When scrolled state: main content fades in a beat AFTER sidebar collapses */
  body[data-scrolled="true"] .fur-main > * {
    animation: fur-content-appear 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.55s both;
  }

  @keyframes fur-content-appear {
    from { opacity: 0.6; transform: translateX(-16px); }
    to   { opacity: 1;   transform: translateX(0); }
  }

  /* Header scrolled brand drops in */
  body[data-scrolled="true"] .fur-header__scrolled-brand {
    animation: fur-header-drop-in 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both;
  }

  @keyframes fur-header-drop-in {
    from { opacity: 0; transform: translateY(-12px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}

/* 2. SIDEBAR ICON ALIGNMENT — Fix scattered vertical layout */
.fur-sidebar {
  padding-inline: 20px !important;
  padding-block: 28px !important;
}

.fur-sidebar__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  padding-block-end: 20px !important;
  margin-block-end: 0 !important;
}

.fur-sidebar__logo {
  font-size: 2rem !important;
  display: block;
  text-align: center;
}

.fur-sidebar__toggle {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  background-color: transparent;
  border: 1px solid var(--fur-border);
  cursor: pointer;
  color: var(--fur-text);
  transition: all var(--fur-transition-normal);
}
.fur-sidebar__toggle:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border-color: var(--fur-primary);
}

/* Widgets: properly spaced */
.fur-sidebar__widgets {
  padding-block: 16px !important;
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.fur-sidebar__card {
  width: 100%;
}

/* Footer action buttons — properly centered in a column */
.fur-sidebar__footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding-block-start: 16px !important;
  padding-block-end: 4px !important;
}

.fur-sidebar__action-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  position: relative !important;
  transition: background-color var(--fur-transition-fast), color var(--fur-transition-fast) !important;
}

.fur-sidebar__action-btn:hover {
  background-color: var(--fur-border-light) !important;
  color: var(--fur-primary) !important;
}

/* Cart count badge */
.fur-sidebar__cart-count {
  position: absolute !important;
  inset-block-start: 4px !important;
  inset-inline-end: 4px !important;
  min-width: 18px !important;
  height: 18px !important;
  font-size: 0.65rem !important;
}

/* Thin divider between search and wishlist */
.fur-sidebar__action-btn[aria-label="Wishlist"] {
  margin-block-start: 4px;
  border-block-start: 1px solid var(--fur-border) !important;
  border-radius: 0 !important;
  width: 100% !important;
  padding-block-start: 10px !important;
  height: auto !important;
}
.fur-sidebar__action-btn[aria-label="Wishlist"]::before {
  display: none !important; /* remove old tooltip from pseudo */
}

/* Actually let's do it properly - a visual divider line via wrapper */
.fur-sidebar__footer::before {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: var(--fur-border);
  margin-block-end: 4px;
  align-self: center;
}

/* Remove old confusing ::after dividers from previous CSS */
.fur-sidebar__action-btn[aria-label="Search"]::after {
  display: none !important;
}
.fur-sidebar__action-btn[aria-label="Wishlist"] {
  border-block-start: none !important;
  border-radius: var(--fur-radius-full) !important;
  width: 40px !important;
  padding-block-start: 0 !important;
  height: 40px !important;
  margin-block-start: 0 !important;
}

/* 3. CONTENT PADDING — add generous horizontal breathing room to all sections */
.fur-main {
  --fur-section-pad: clamp(32px, 5vw, 80px);
}

/* Override section padding to use the new generous variable */
.fur-rooms-grid,
.fur-styles-grid,
.fur-products,
.fur-lookbooks,
.fur-services,
.fur-cta-banner,
.fur-sale-strip,
.fur-marquee,
.fur-philosophy,
.fur-stats,
.fur-testimonials,
.fur-journal,
.fur-newsletter,
.fur-promo-slider {
  padding-inline: var(--fur-section-pad) !important;
}

/* Re-apply the newsletter inner clipping */
.fur-newsletter {
  margin-inline: var(--fur-section-pad) !important;
  padding-inline: 0 !important;
}
.fur-philosophy {
  margin-inline: var(--fur-section-pad) !important;
  padding-inline: 0 !important;
}
.fur-stats {
  margin-inline: var(--fur-section-pad) !important;
  padding-inline: 0 !important;
}

/* Section header padding fix */
.fur-section-header {
  padding-inline: 0 !important;
  margin-block-end: 28px;
}


/* ==========================================================================
   AS SEEN IN — PRESS LOGOS BAND
   ========================================================================== */
.fur-press {
  display: flex;
  align-items: center;
  gap: 0;
  padding-block: clamp(24px, 3vw, 40px);
  padding-inline: var(--fur-section-pad, clamp(32px, 5vw, 80px));
  border-block: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  overflow: hidden;
  position: relative;
}

.fur-press::before,
.fur-press::after {
  content: '';
  position: absolute;
  inset-block: 0;
  width: clamp(60px, 8vw, 120px);
  z-index: 2;
  pointer-events: none;
}
.fur-press::before {
  inset-inline-start: 0;
  background: linear-gradient(to right, var(--fur-surface), transparent);
}
.fur-press::after {
  inset-inline-end: 0;
  background: linear-gradient(to left, var(--fur-surface), transparent);
}

.fur-press__label {
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fur-text-muted);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  padding-inline-end: 24px;
  border-inline-end: 1px solid var(--fur-border);
  margin-inline-end: 32px;
  white-space: nowrap;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fur-press__logos-wrap {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.fur-press__logos {
  display: flex;
  align-items: center;
  gap: clamp(40px, 5vw, 80px);
  white-space: nowrap;
  animation: fur-press-scroll 28s linear infinite;
  will-change: transform;
  width: max-content;
}

.fur-press__logos:hover {
  animation-play-state: paused;
}

@keyframes fur-press-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.fur-press__logo-item {
  flex-shrink: 0;
  opacity: 0.28;
  filter: grayscale(1);
  transition: opacity 0.35s ease, filter 0.35s ease;
  cursor: default;
  display: flex;
  align-items: center;
}

.fur-press__logo-item:hover {
  opacity: 0.85;
  filter: grayscale(0);
}

.fur-press__logo-svg {
  height: clamp(18px, 2.2vw, 28px);
  width: auto;
  display: block;
  color: var(--fur-text);
  fill: var(--fur-text);
}


/* ==========================================================================
   GLOBAL PADDING INCREASE + HEADER / PROMO / CATEGORY-NAV ALIGNMENT FIX
   ========================================================================== */

/* Override the section pad variable with a wider value */
.fur-main {
  --fur-section-pad: clamp(48px, 7vw, 120px) !important;
}

/* Apply same generous padding to the sticky top header */
.fur-header {
  padding-inline: clamp(48px, 7vw, 120px) !important;
}

/* Header scrolled state matches */
body[data-scrolled="true"] .fur-header {
  padding-inline: clamp(48px, 7vw, 120px) !important;
}

/* Category nav pills — same indent */
.fur-category-nav {
  padding-inline: clamp(48px, 7vw, 120px) !important;
}

/* Promo slider container — same indent so image edges align */
.fur-promo-slider {
  padding-inline: clamp(48px, 7vw, 120px) !important;
}

/* Re-align section headers */
.fur-rooms-grid,
.fur-styles-grid,
.fur-products,
.fur-lookbooks,
.fur-services,
.fur-cta-banner,
.fur-sale-strip,
.fur-marquee,
.fur-press,
.fur-testimonials,
.fur-journal,
.fur-newsletter-outer {
  padding-inline: clamp(48px, 7vw, 120px) !important;
}

/* Philosophy, stats, newsletter inner wrappers get the margin instead */
.fur-philosophy,
.fur-stats {
  margin-inline: clamp(48px, 7vw, 120px) !important;
  padding-inline: 0 !important;
}

/* ==========================================================================
   MATERIAL & CRAFTSMANSHIP SHOWCASE SECTION
   ========================================================================== */
.fur-materials {
  padding-block: clamp(60px, 7vw, 100px);
  padding-inline: clamp(48px, 7vw, 120px);
  overflow: hidden;
}

.fur-materials__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-block-end: clamp(32px, 4vw, 52px);
  gap: 24px;
}

.fur-materials__intro {
  max-width: 480px;
}

.fur-materials__tag {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

.fur-materials__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.8rem, 3.5vw, 3rem);
  font-weight: 400;
  color: var(--fur-text);
  line-height: 1.2;
  margin: 0 0 14px;
}

.fur-materials__desc {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  line-height: 1.7;
  margin: 0;
}

/* Scroll hint on the right of header */
.fur-materials__scroll-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--fur-text-muted);
  white-space: nowrap;
  flex-shrink: 0;
}

.fur-materials__scroll-line {
  width: 40px;
  height: 1px;
  background: var(--fur-text-muted);
  position: relative;
  overflow: hidden;
}

.fur-materials__scroll-line::after {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-start: -100%;
  width: 100%;
  background: var(--fur-primary);
  animation: fur-slide-line 2s ease-in-out infinite;
}

@keyframes fur-slide-line {
  0%   { inset-inline-start: -100%; }
  50%  { inset-inline-start: 0; }
  100% { inset-inline-start: 100%; }
}

/* Horizontal scroll track */
.fur-materials__track-wrap {
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  margin-inline: calc(-1 * clamp(48px, 7vw, 120px));
  padding-inline: clamp(48px, 7vw, 120px);
  cursor: grab;
}

.fur-materials__track-wrap::-webkit-scrollbar { display: none; }
.fur-materials__track-wrap:active { cursor: grabbing; }

.fur-materials__track {
  display: flex;
  gap: 16px;
  width: max-content;
  padding-block-end: 8px;
}

/* Individual material card */
.fur-material-card {
  flex-shrink: 0;
  width: clamp(200px, 22vw, 300px);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  background: var(--fur-surface-2, var(--fur-border-light));
  position: relative;
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.4s ease;
}

.fur-material-card:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 20px 50px var(--fur-shadow);
}

/* Tall card (featured) */
.fur-material-card--tall {
  width: clamp(240px, 28vw, 380px);
}

.fur-material-card__img-wrap {
  aspect-ratio: 3 / 4;
  overflow: hidden;
  position: relative;
}

.fur-material-card--tall .fur-material-card__img-wrap {
  aspect-ratio: 2 / 3;
}

.fur-material-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-material-card:hover .fur-material-card__img {
  transform: scale(1.06);
}

/* Bottom overlay with material info */
.fur-material-card__info {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  padding: 20px;
  background: linear-gradient(to top, hsla(0,0%,0%,0.72) 0%, transparent 100%);
  color: #fff;
  transform: translateY(4px);
  transition: transform 0.4s ease;
}

.fur-material-card:hover .fur-material-card__info {
  transform: translateY(0);
}

.fur-material-card__name {
  font-family: var(--fur-font-serif);
  font-size: clamp(0.95rem, 1.4vw, 1.15rem);
  font-weight: 500;
  margin: 0 0 4px;
  line-height: 1.2;
}

.fur-material-card__origin {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.75;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.fur-material-card__origin::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fur-accent, hsl(88, 38%, 55%));
}

/* Sustainability badge */
.fur-material-card__badge {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  background: hsla(88, 38%, 31%, 0.9);
  color: #fff;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-inline: 8px;
  padding-block: 4px;
  border-radius: var(--fur-radius-full);
  backdrop-filter: blur(4px);
}

/* Progress dots at bottom */
.fur-materials__dots {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-block-start: 28px;
  justify-content: center;
}

.fur-materials__dot {
  width: 28px;
  height: 3px;
  border-radius: var(--fur-radius-full);
  background: var(--fur-border);
  transition: background 0.3s ease, width 0.3s ease;
  cursor: pointer;
  border: none;
  padding: 0;
}

.fur-materials__dot--active {
  background: var(--fur-primary);
  width: 48px;
}


/* ==========================================================================
   COMPLETE MOBILE RESPONSIVE OVERHAUL — SIDEBAR TOP BAR + SCROLL FIX
   ========================================================================== */
@media (max-width: 1024px) {

  /* --- ROOT LAYOUT: Column stack, full scroll --- */
  .fur-app-layout {
    flex-direction: column !important;
    height: auto !important;
    min-height: 100vh;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  /* --- SIDEBAR → STICKY TOP NAV BAR --- */
  .fur-sidebar {
    width: 100% !important;
    height: 60px !important;
    min-height: 60px;
    position: sticky !important;
    inset-block-start: 0 !important;
    z-index: 100 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-inline: 20px !important;
    padding-block: 0 !important;
    border-inline-end: none !important;
    border-block-end: 1px solid var(--fur-border) !important;
    transform: none !important;
    opacity: 1 !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    backdrop-filter: blur(16px);
    background-color: hsla(36, 24%, 94%, 0.92) !important;
    box-shadow: 0 1px 0 var(--fur-border);
  }

  body[data-theme="dark"] .fur-sidebar {
    background-color: hsla(126, 34%, 8%, 0.92) !important;
  }

  /* Sidebar header: logo only, no column layout */
  .fur-sidebar__header {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-block-end: 0 !important;
    margin-block-end: 0 !important;
    border-block-end: none !important;
  }

  .fur-sidebar__header::after { display: none !important; }

  .fur-sidebar__logo {
    font-size: 1.6rem !important;
  }

  /* Desktop toggle inside header — HIDE on mobile (we have a separate mobile one) */
  .fur-sidebar__header .fur-sidebar__toggle {
    display: none !important;
  }

  /* Desktop stacked footer icons — HIDE on mobile */
  .fur-sidebar__footer {
    display: none !important;
  }

  /* Desktop widgets — HIDE */
  .fur-sidebar__widgets {
    display: none !important;
  }

  /* Desktop tooltip labels — HIDE */
  .fur-sidebar__action-btn::before {
    display: none !important;
  }

  /* Mobile actions row: search + wishlist + cart + hamburger on the RIGHT */
  .fur-sidebar__mobile-actions {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
  }

  .fur-sidebar__mobile-actions .fur-sidebar__action-btn {
    width: 40px !important;
    height: 40px !important;
    border-radius: var(--fur-radius-full) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    color: var(--fur-text) !important;
    cursor: pointer !important;
    position: relative !important;
  }

  .fur-sidebar__mobile-actions .fur-sidebar__toggle {
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: var(--fur-radius-full) !important;
    border: 1px solid var(--fur-border) !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: var(--fur-text) !important;
    cursor: pointer !important;
    margin-inline-start: 4px !important;
  }

  /* --- MOBILE NAV DRAWER --- */
  .fur-sidebar__nav {
    display: none;
    position: fixed !important;
    inset-block-start: 60px !important;
    inset-inline: 0 !important;
    z-index: 99 !important;
    background-color: var(--fur-sidebar-bg) !important;
    border-block-end: 1px solid var(--fur-border) !important;
    padding-inline: 24px !important;
    padding-block: 24px 32px !important;
    max-height: calc(100dvh - 60px) !important;
    overflow-y: auto !important;
    box-shadow: 0 16px 48px var(--fur-shadow-lg) !important;
    transform: translateY(-8px);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
  }

  .fur-sidebar__nav--open {
    display: block !important;
    animation: fur-mobile-nav-in 0.35s cubic-bezier(0.16, 1, 0.3, 1) both !important;
  }

  @keyframes fur-mobile-nav-in {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* --- HERO → FULL WIDTH BANNER BELOW TOP NAV --- */
  .fur-hero {
    width: 100% !important;
    height: auto !important;
    min-height: 72vw !important;
    max-height: 85vh;
    flex: none !important;
    border-inline-end: none !important;
    border-block-end: 1px solid var(--fur-border) !important;
    padding-inline: 28px !important;
    padding-block: 48px 32px !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    clip-path: none !important;
  }

  .fur-hero__content {
    margin-block-start: 0 !important;
  }

  /* --- MAIN FEED → FULL WIDTH, NORMAL SCROLL --- */
  .fur-main {
    width: 100% !important;
    height: auto !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    flex: none !important;
    --fur-section-pad: 20px !important;
  }

  /* Keep header sticky under the mobile nav */
  .fur-main .fur-header {
    position: sticky !important;
    inset-block-start: 60px !important;
    z-index: 50 !important;
    padding-inline: 20px !important;
  }

  /* --- SECTION PADDING ON MOBILE --- */
  .fur-rooms-grid,
  .fur-styles-grid,
  .fur-products,
  .fur-lookbooks,
  .fur-services,
  .fur-cta-banner,
  .fur-sale-strip,
  .fur-marquee,
  .fur-press,
  .fur-materials,
  .fur-testimonials,
  .fur-journal,
  .fur-newsletter-outer {
    padding-inline: 20px !important;
  }

  .fur-philosophy,
  .fur-stats {
    margin-inline: 20px !important;
  }

  /* --- HIDE scrolled state body class overrides on mobile --- */
  body[data-scrolled="true"] .fur-sidebar {
    width: 100% !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: all !important;
    flex: none !important;
  }
  body[data-scrolled="true"] .fur-hero {
    width: 100% !important;
    transform: none !important;
    opacity: 1 !important;
    clip-path: none !important;
    flex: none !important;
  }
  body[data-scrolled="true"] .fur-main {
    width: 100% !important;
    flex: none !important;
  }

  /* Press section label vertical hidden on mobile */
  .fur-press__label {
    display: none;
  }

  /* Materials track full bleed on mobile */
  .fur-materials__track-wrap {
    margin-inline: -20px !important;
    padding-inline: 20px !important;
  }
}

/* --- Hide mobile-actions on desktop --- */
@media (min-width: 1025px) {
  .fur-sidebar__mobile-actions {
    display: none !important;
  }
}

/* --- PHONE: extra tweaks ≤ 480px --- */
@media (max-width: 480px) {
  .fur-sidebar {
    padding-inline: 16px !important;
  }

  .fur-hero {
    padding-inline: 16px !important;
    min-height: 85vw !important;
  }

  .fur-hero__title {
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }

  .fur-main .fur-header {
    padding-inline: 16px !important;
  }

  .fur-rooms-grid,
  .fur-styles-grid,
  .fur-products,
  .fur-press,
  .fur-materials,
  .fur-testimonials,
  .fur-journal {
    padding-inline: 16px !important;
  }

  .fur-philosophy,
  .fur-stats {
    margin-inline: 16px !important;
  }
}


/* ==========================================================================
   UNIVERSAL GRID ALIGNMENT — SINGLE SOURCE OF TRUTH FOR ALL HORIZONTAL EDGES
   The ONLY place that sets left/right padding is .fur-main itself.
   Every child section MUST have padding-inline: 0 and margin-inline: 0.
   Only full-bleed bg sections (header, stats, press, marquee) use negative
   margin to escape the gutter while keeping content aligned.
   ========================================================================== */

/* 1. THE SINGLE GUTTER — applied directly to .fur-main */
.fur-main {
  --fur-gutter: clamp(48px, 6vw, 96px);
  padding-inline: var(--fur-gutter) !important;
}

/* 2. ALL SECTIONS: zero out their own horizontal padding — they inherit from .fur-main */
.fur-promo-slider,
.fur-category-nav,
.fur-rooms-grid,
.fur-styles-grid,
.fur-products,
.fur-lookbooks,
.fur-services,
.fur-cta-banner,
.fur-sale-strip,
.fur-philosophy,
.fur-materials,
.fur-testimonials,
.fur-journal,
.fur-newsletter {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}

/* 3. FULL-BLEED ELEMENTS: escape the gutter with negative margin,
   then re-add padding so their inner content stays on the same grid edge */

/* Sticky header — must span full width with its backdrop */
.fur-header {
  margin-inline: calc(-1 * var(--fur-gutter)) !important;
  padding-inline: var(--fur-gutter) !important;
  /* width compensates for the escape */
  width: calc(100% + 2 * var(--fur-gutter)) !important;
  box-sizing: border-box !important;
}

/* Stats bar — full-bleed dark rounded pill */
.fur-stats {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

/* Press logos band — full-width border top/bottom */
.fur-press {
  margin-inline: calc(-1 * var(--fur-gutter)) !important;
  padding-inline: var(--fur-gutter) !important;
  width: calc(100% + 2 * var(--fur-gutter)) !important;
  box-sizing: border-box !important;
}

/* Marquee ticker — full-width bg strip */
.fur-marquee {
  margin-inline: calc(-1 * var(--fur-gutter)) !important;
  padding-inline: 0 !important;
  width: calc(100% + 2 * var(--fur-gutter)) !important;
  box-sizing: border-box !important;
}

/* CTA Banner full-width bg */
.fur-cta-banner {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

/* 4. SECTION HEADERS: zero additional indent — they sit at the gutter edge */
.fur-section-header,
.fur-rooms-grid__header,
.fur-styles-grid__header,
.fur-products__header,
.fur-journal__header,
.fur-testimonials__header,
.fur-materials__header,
.fur-lookbooks__header {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}

/* 5. PROMO SLIDER: image/wrapper fills column width = same as all other content */
.fur-promo-slider {
  padding-block: clamp(16px, 2vw, 28px) !important;
}

/* Promo slide image — fills full column width naturally */
.fur-promo__slide {
  margin-inline: 0 !important;
}

/* 6. MOBILE: collapse gutter on small screens */
@media (max-width: 1024px) {
  .fur-main {
    --fur-gutter: 20px;
    padding-inline: var(--fur-gutter) !important;
  }

  .fur-header {
    margin-inline: calc(-1 * var(--fur-gutter)) !important;
    padding-inline: var(--fur-gutter) !important;
    width: calc(100% + 2 * var(--fur-gutter)) !important;
  }

  .fur-press {
    margin-inline: calc(-1 * var(--fur-gutter)) !important;
    padding-inline: var(--fur-gutter) !important;
    width: calc(100% + 2 * var(--fur-gutter)) !important;
  }

  .fur-marquee {
    margin-inline: calc(-1 * var(--fur-gutter)) !important;
    width: calc(100% + 2 * var(--fur-gutter)) !important;
  }

  .fur-materials__track-wrap {
    margin-inline: calc(-1 * var(--fur-gutter)) !important;
    padding-inline: var(--fur-gutter) !important;
  }
}

@media (max-width: 480px) {
  .fur-main {
    --fur-gutter: 16px;
  }
}


/* ==========================================================================
   ALIGNMENT CORRECTION & SPLIT-SCREEN COMPACT GUTTERS
   ========================================================================== */

/* 1. Reduce side gutter when viewport is in split screen mode so content is not squished */
@media (min-width: 1025px) {
  body:not([data-scrolled="true"]) .fur-main {
    --fur-gutter: clamp(20px, 2.5vw, 32px) !important;
  }
  body[data-scrolled="true"] .fur-main {
    --fur-gutter: clamp(48px, 6vw, 96px) !important;
  }
}

/* 2. Make categories bar span full screen border-to-border, aligning scrollable content to gutter */
.fur-categories {
  margin-inline: calc(-1 * var(--fur-gutter)) !important;
  padding-inline: var(--fur-gutter) !important;
  width: calc(100% + 2 * var(--fur-gutter)) !important;
  box-sizing: border-box !important;
  padding-block: var(--fur-margin-block-md) !important;
}

/* 3. Strip redundant base padding/margin from outer section wrappers */
.fur-promo,
.fur-categories,
.fur-rooms-grid,
.fur-styles,
.fur-products,
.fur-materials,
.fur-testimonials,
.fur-journal,
.fur-newsletter,
.fur-configurator,
.fur-planner {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}

/* 4. Remove inner layout margin/padding so items align exactly with section titles */
.fur-rooms-grid__layout,
.fur-styles__grid,
.fur-products__grid,
.fur-configurator__container,
.fur-planner__container,
.fur-stats,
.fur-promo__slider {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  width: 100% !important;
}

/* Maintain internal padding for configurator / planner / stats boxes */
.fur-configurator__container,
.fur-planner__container {
  padding-inline: clamp(20px, 3vw, 32px) !important;
  padding-block: clamp(20px, 3vw, 32px) !important;
}

.fur-stats {
  padding-inline: 24px !important;
  padding-block: clamp(20px, 3vw, 40px) !important;
}


/* ==========================================================================
   SERVICES & TESTIMONIALS ALIGNMENT & PREMIUM FOOTER REDESIGN
   ========================================================================== */

/* 1. Services section grid alignment */
.fur-services__grid {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  width: 100% !important;
}

/* 2. Make Testimonial background stretch full-width (full bleed) */
.fur-testimonials {
  margin-inline: calc(-1 * var(--fur-gutter)) !important;
  padding-inline: var(--fur-gutter) !important;
  width: calc(100% + 2 * var(--fur-gutter)) !important;
  box-sizing: border-box !important;
  background-color: var(--fur-bg-secondary) !important;
}

/* 3. Full-width Premium Footer Overrides */
.fur-footer {
  margin-inline: calc(-1 * var(--fur-gutter)) !important;
  padding-inline: var(--fur-gutter) !important;
  width: calc(100% + 2 * var(--fur-gutter)) !important;
  box-sizing: border-box !important;
  background-color: var(--fur-ref-charcoal) !important;
  color: hsla(0, 0%, 100%, 0.55) !important;
  padding-block: clamp(50px, 7vw, 90px) 0 !important;
  border-block-start: 1px solid hsla(0, 0%, 100%, 0.05) !important;
}

.fur-footer__container {
  width: 100%;
}

.fur-footer__grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1.3fr;
  gap: clamp(24px, 4vw, 56px);
  margin-block-end: clamp(40px, 6vw, 80px);
}

.fur-footer__logo {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--fur-ref-white) !important;
  text-decoration: none;
  line-height: 1;
  display: block;
  margin-block-end: 16px;
  transition: opacity var(--fur-transition-fast);
}

.fur-footer__logo:hover {
  opacity: 0.8;
}

.fur-footer__logo-dot {
  color: var(--fur-ref-lime-400) !important;
}

.fur-footer__brand-desc {
  font-size: clamp(0.78rem, 0.95vw, 0.86rem);
  color: hsla(0, 0%, 100%, 0.45);
  line-height: 1.7;
  margin: 0;
  margin-block-end: 24px;
  max-width: 320px;
}

.fur-footer__social-wrap {
  display: flex;
  gap: 10px;
}

.fur-footer__social-circle {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  color: hsla(0, 0%, 100%, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all var(--fur-transition-normal);
}

.fur-footer__social-circle:hover {
  background-color: var(--fur-ref-lime-400);
  border-color: var(--fur-ref-lime-400);
  color: var(--fur-ref-charcoal);
  transform: translateY(-2px);
}

.fur-footer__social-circle svg {
  display: block;
}

.fur-footer__heading {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-ref-white);
  margin-block-end: 24px;
  margin-block-start: 0;
}

.fur-footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fur-footer__list a {
  font-size: 0.82rem;
  color: hsla(0, 0%, 100%, 0.55);
  text-decoration: none;
  transition: all var(--fur-transition-fast);
  display: inline-block;
  position: relative;
}

.fur-footer__list a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: var(--fur-ref-lime-400);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.fur-footer__list a:hover {
  color: var(--fur-ref-white);
}

.fur-footer__list a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.fur-footer__pledge-text {
  font-size: clamp(0.78rem, 0.95vw, 0.84rem);
  color: hsla(0, 0%, 100%, 0.45);
  line-height: 1.7;
  margin: 0;
  margin-block-end: 20px;
}

.fur-footer__pledge-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fur-ref-lime-400);
}

.fur-footer__pledge-badge svg {
  flex-shrink: 0;
}

/* Divider & Back to Top */
.fur-footer__divider-row {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-block-end: clamp(24px, 4vw, 40px);
}

.fur-footer__divider-line {
  flex: 1;
  height: 1px;
  background-color: hsla(0, 0%, 100%, 0.06);
}

.fur-footer__back-top {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: hsla(0, 0%, 100%, 0.45);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}

.fur-footer__back-top:hover {
  color: var(--fur-ref-white);
}

/* Bottom Meta & Badges */
.fur-footer__meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  padding-block: 28px;
  border-block-start: 1px solid hsla(0, 0%, 100%, 0.06);
  background-color: hsla(0, 0%, 0%, 0.15);
  margin-inline: calc(-1 * var(--fur-gutter));
  padding-inline: var(--fur-gutter);
}

.fur-footer__bottom-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fur-footer__copyright {
  font-size: 0.78rem;
  color: hsla(0, 0%, 100%, 0.35);
  margin: 0;
}

.fur-footer__legal-links {
  display: flex;
  gap: 16px;
}

.fur-footer__legal-links a {
  font-size: 0.78rem;
  color: hsla(0, 0%, 100%, 0.35);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}

.fur-footer__legal-links a:hover {
  color: var(--fur-ref-white);
}

.fur-footer__trust-row {
  display: flex;
  gap: 24px;
}

.fur-footer__trust-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  color: hsla(0, 0%, 100%, 0.45);
}

.fur-footer__trust-badge svg {
  color: var(--fur-ref-lime-400);
  flex-shrink: 0;
}

/* Responsive Overrides */
@media (max-width: 1024px) {
  .fur-footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
  .fur-footer__brand-block {
    grid-column: span 2;
  }
  .fur-footer__info-block {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .fur-footer__grid {
    grid-template-columns: 1fr;
  }
  .fur-footer__brand-block,
  .fur-footer__info-block {
    grid-column: span 1;
  }
  .fur-footer__meta-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .fur-footer__trust-row {
    flex-direction: column;
    gap: 12px;
  }
}


/* ==========================================================================
   LOOKBOOKS ALIGNMENT, JOURNAL IMAGE ALIGNMENT & FOOTER IMPROVEMENTS
   ========================================================================= */

/* 1. Global Page Stability - Prevent horizontal scrollbars completely */
html, body {
  overflow-x: hidden;
}

.fur-main {
  overflow-x: hidden !important;
}

/* Let negative margins expand full-width sections naturally without overflow-triggering widths */
.fur-footer,
.fur-testimonials {
  margin-inline: calc(-1 * var(--fur-gutter)) !important;
  padding-inline: var(--fur-gutter) !important;
  width: auto !important;
  box-sizing: border-box !important;
}

/* 2. Lookbooks panels alignment - remove default margin/padding to match title edge */
.fur-lookbooks__panels {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  width: 100% !important;
}

/* 3. Journal Thumbnails & Grid Symmetry - force equal columns on desktop */
@media (min-width: 1025px) {
  .fur-journal__grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
  }
}

/* Make all journal cards look 100% identical in thumbnail dimensions & framing */
.fur-journal__card-img-wrap,
.fur-journal__card--featured .fur-journal__card-img-wrap,
.fur-journal__card:not(.fur-journal__card--featured) .fur-journal__card-img-wrap {
  height: 240px !important;
  aspect-ratio: 16 / 10 !important;
  border-radius: var(--fur-radius-md) !important;
  border: 1px solid var(--fur-border) !important;
  overflow: hidden !important;
  background-color: var(--fur-bg-secondary) !important;
}

/* Ensure images always scale nicely and cover the frame */
.fur-journal__card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

/* Zoom transition on card hover */
.fur-journal__card:hover .fur-journal__card-img {
  transform: scale(1.05) !important;
}

/* 4. Footer Improvements - editorial vertical column dividers and layout polish */
.fur-footer__info-block {
  padding-inline-start: clamp(12px, 2vw, 32px);
  border-inline-start: 1px solid hsla(0, 0%, 100%, 0.05);
}

/* Remove vertical borders on tablet and mobile viewports */
@media (max-width: 1024px) {
  .fur-footer__info-block {
    padding-inline-start: 0;
    border-inline-start: none;
  }
}

/* Custom interactive effects for social circles */
.fur-footer__social-circle:hover {
  background-color: var(--fur-ref-lime-400) !important;
  border-color: var(--fur-ref-lime-400) !important;
  color: var(--fur-ref-charcoal) !important;
  transform: translateY(-4px) scale(1.08) !important;
  box-shadow: 0 4px 12px hsla(88, 44%, 50%, 0.25) !important;
}

/* Enhanced footer list link spacing & premium font sizes */
.fur-footer__list a {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem !important;
  letter-spacing: 0.02em;
}

.fur-footer__brand-desc {
  line-height: 1.8 !important;
  font-size: 0.82rem !important;
}


/* ==========================================================================
   HOTSPOT ACCURATE ALIGNMENT & SOFT RADAR PULSE ANIMATION
   ========================================================================= */

/* Center the "+" text perfectly inside the hotspot trigger round container */
.fur-hotspot__trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 1.15rem !important;
  cursor: pointer !important;
  position: relative !important;
  outline: none !important;
}

/* Elegant radar pulse rings for noticeable interactive feel */
.fur-hotspot__trigger::after {
  content: "" !important;
  position: absolute !important;
  inset: -4px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 2px solid var(--fur-primary) !important;
  opacity: 0 !important;
  animation: fur-hotspot-radar 2.4s cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
  pointer-events: none !important;
}

@keyframes fur-hotspot-radar {
  0% {
    transform: scale(0.8) !important;
    opacity: 0.9 !important;
  }
  50% {
    opacity: 0.4 !important;
  }
  100% {
    transform: scale(1.7) !important;
    opacity: 0 !important;
  }
}


/* ==========================================================================
   INTERACTIVE ROOM TRANSFORMATION COMPARISON SLIDER
   ========================================================================= */

.fur-transform {
  margin-block-end: clamp(48px, 8vw, 120px) !important;
}

.fur-transform__slider-container {
  position: relative !important;
  width: 100% !important;
  height: clamp(340px, 45vw, 600px) !important;
  border-radius: var(--fur-radius-lg) !important;
  border: 1px solid var(--fur-border) !important;
  overflow: hidden !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  cursor: ew-resize !important;
}

.fur-transform__image {
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.fur-transform__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  pointer-events: none !important;
}

.fur-transform__image--after {
  overflow: hidden !important;
  z-index: 2 !important;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.fur-transform__badge {
  position: absolute !important;
  inset-block-end: 24px !important;
  padding: 6px 14px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border-radius: var(--fur-radius-sm) !important;
  z-index: 5 !important;
}

.fur-transform__badge--before {
  inset-inline-start: 24px !important;
  background-color: var(--fur-ref-charcoal) !important;
  color: var(--fur-ref-white) !important;
}

.fur-transform__badge--after {
  inset-inline-end: 24px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}

.fur-transform__handle {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  background-color: var(--fur-ref-white) !important;
  z-index: 10 !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  pointer-events: none !important;
}

.fur-transform__handle-line {
  flex: 1 !important;
  width: 2px !important;
  background-color: var(--fur-ref-white) !important;
}

.fur-transform__handle-button {
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-ref-charcoal) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast), color var(--fur-transition-fast) !important;
  cursor: ew-resize !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

.fur-transform__handle-button:hover {
  transform: scale(1.1) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
}


/* ==========================================================================
   BESPOKE DESIGN CONSULTATION MODAL & FORM FIELDS
   ========================================================================= */

.fur-modal--consultation {
  max-width: 480px !important;
  width: 90% !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  padding: 36px !important;
}

.fur-consultation-form-container {
  font-family: var(--fur-font-sans) !important;
}

.fur-consultation-tag {
  display: inline-block !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: var(--fur-primary) !important;
  margin-block-end: 8px !important;
}

.fur-consultation-form-container h3 {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  margin-block-end: 12px !important;
  color: var(--fur-text) !important;
  letter-spacing: -0.01em !important;
}

.fur-consultation-desc {
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 28px !important;
}

/* Form Styles */
.fur-consultation-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.fur-consultation-form__group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.fur-consultation-form__group label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--fur-text) !important;
}

.fur-consultation-form__group input,
.fur-consultation-form__group select,
.fur-consultation-form__group textarea {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  padding: 10px 14px !important;
  border-radius: var(--fur-radius-sm) !important;
  border: 1px solid var(--fur-border) !important;
  background-color: var(--fur-bg-secondary) !important;
  color: var(--fur-text) !important;
  outline: none !important;
  transition: border-color var(--fur-transition-fast), box-shadow var(--fur-transition-fast) !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.fur-consultation-form__group input:focus,
.fur-consultation-form__group select:focus,
.fur-consultation-form__group textarea:focus {
  border-color: var(--fur-primary) !important;
  box-shadow: 0 0 0 2px hsla(88, 38%, 21%, 0.1) !important;
}

.fur-consultation-form__submit {
  margin-block-start: 12px !important;
  width: 100% !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border: none !important;
  padding-block: 12px !important;
  border-radius: var(--fur-radius-full) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

.fur-consultation-form__submit:hover {
  background-color: var(--fur-ref-green-900) !important;
  transform: translateY(-2px) !important;
}

/* Success View */
.fur-consultation-success {
  text-align: center !important;
  padding-block: 24px !important;
}

.fur-success-icon {
  color: var(--fur-primary) !important;
  margin-block-end: 16px !important;
}

.fur-consultation-success h4 {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.4rem !important;
  margin-block-end: 8px !important;
  color: var(--fur-text) !important;
}

.fur-consultation-success p {
  font-size: 0.85rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
}


/* ==========================================================================
   KEN BURNS MOODY LIFESTYLE BACKGROUND FOR TESTIMONIALS & GLASSMORPHISM CARDS
   ========================================================================= */

.fur-testimonials {
  position: relative !important;
  overflow: hidden !important;
  padding-block: clamp(80px, 12vw, 160px) !important;
  background: none !important; /* Remove original plain off-white background */
}

/* Background image wrap and scale/panning Ken Burns effect */
.fur-testimonials__bg-wrap {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.fur-testimonials__bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.05) !important;
  animation: fur-testimonials-kb 32s ease-in-out infinite alternate !important;
  filter: brightness(0.65) contrast(1.05) !important;
}

.fur-testimonials__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(20, 23, 21, 0.6) 0%, rgba(10, 11, 10, 0.92) 100%) !important;
  z-index: 2 !important;
}

/* Elevate layout content above background */
.fur-testimonials__header,
.fur-testimonials__track,
.fur-testimonials__controls {
  position: relative !important;
  z-index: 3 !important;
}

/* Text color overrides to match premium dark theme of testimonials */
.fur-testimonials__tag {
  color: var(--fur-ref-lime-400) !important;
  letter-spacing: 0.15em !important;
  font-weight: 700 !important;
}

.fur-testimonials__title {
  color: var(--fur-ref-white) !important;
}

.fur-testimonials__title em {
  color: var(--fur-ref-lime-400) !important;
}

/* Premium Glassmorphic Card styles */
.fur-testimonial-card {
  background: rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: var(--fur-ref-white) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25) !important;
  transition: transform var(--fur-transition-fast), border-color var(--fur-transition-fast), background-color var(--fur-transition-fast) !important;
}

.fur-testimonial-card:hover {
  transform: translateY(-6px) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.fur-testimonial-card__stars {
  color: var(--fur-ref-lime-400) !important;
  letter-spacing: 2px !important;
}

.fur-testimonial-card__quote {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: clamp(0.85rem, 1.2vw, 1rem) !important;
  line-height: 1.7 !important;
}

.fur-testimonial-card__avatar {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.fur-testimonial-card__author strong {
  color: var(--fur-ref-white) !important;
}

.fur-testimonial-card__author span {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Dark mode control button arrows */
.fur-testimonials__arrow {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--fur-ref-white) !important;
  transition: background-color var(--fur-transition-fast), color var(--fur-transition-fast), border-color var(--fur-transition-fast) !important;
}

.fur-testimonials__arrow:hover {
  background-color: var(--fur-ref-lime-400) !important;
  border-color: var(--fur-ref-lime-400) !important;
  color: var(--fur-ref-charcoal) !important;
}

/* Keyframe for subtle Ken Burns effect */
@keyframes fur-testimonials-kb {
  0% {
    transform: scale(1.02) translate(0, 0) !important;
  }
  50% {
    transform: scale(1.08) translate(1.5%, -0.5%) !important;
  }
  100% {
    transform: scale(1.02) translate(0, 0) !important;
  }
}

/* ==========================================================================
   PHASE 3: UI STABILITY & 50-IMAGE CATALOG REVISIONS (APPENDED OVERRIDES)
   ========================================================================== */

/* 1. Bulletproof Testimonials Fallback Background Color */
.fur-testimonials {
  background-color: var(--fur-ref-charcoal) !important;
}

/* 2. GPU-Accelerated Cinematic Slide & Scale transitions for Split screen */
@media (min-width: 1025px) {
  .fur-sidebar {
    will-change: width, flex, opacity, transform;
    transition: flex 1.2s cubic-bezier(0.25, 1, 0.5, 1),
                width 1.2s cubic-bezier(0.25, 1, 0.5, 1),
                opacity 0.8s ease,
                transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  .fur-hero {
    will-change: width, flex, opacity, transform;
    clip-path: none !important;
    transition: flex 1.2s cubic-bezier(0.25, 1, 0.5, 1),
                width 1.2s cubic-bezier(0.25, 1, 0.5, 1),
                opacity 0.8s ease 0.1s,
                transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  body[data-scrolled="true"] .fur-sidebar {
    flex: 0 0 0px !important;
    width: 0px !important;
    opacity: 0 !important;
    transform: translateX(-100%) scale(0.95) !important;
    pointer-events: none !important;
  }

  body[data-scrolled="true"] .fur-hero {
    flex: 0 0 0vw !important;
    width: 0vw !important;
    opacity: 0 !important;
    transform: translateX(-100%) scale(0.95) !important;
    pointer-events: none !important;
  }
}

/* 3. Smooth Horizontal Dissolve for Scrolled Header Brand / Ticker */
@media (min-width: 1025px) {
  .fur-header__scrolled-brand {
    display: flex !important;
    align-items: center;
    gap: 16px;
    max-width: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    transition: max-width 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease !important;
  }

  body[data-scrolled="true"] .fur-header__scrolled-brand {
    max-width: 800px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .fur-header__ticker {
    display: flex !important;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    max-width: 80% !important;
    opacity: 1;
    pointer-events: auto;
    white-space: nowrap;
    transition: max-width 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease !important;
  }

  body[data-scrolled="true"] .fur-header__ticker {
    max-width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* 4. Category product count grid stabilization - ensuring 4 columns */
@media (min-width: 1025px) {
  .fur-products__grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }
}

.fur-main {
  overflow-x: hidden !important;
}

/* 6. Native Horizontal Carousel Scroll Snapping for Testimonials on Tablet and Mobile */
@media (max-width: 1024px) {
  .fur-testimonials__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important; /* Hide default scrollbar */
    padding-block-end: 24px !important;
    margin-block-end: 0 !important;
  }
  .fur-testimonials__track::-webkit-scrollbar {
    display: none !important; /* Hide Chrome/Safari scrollbar */
  }
  .fur-testimonial-card {
    flex: 0 0 calc(50% - 10px) !important; /* 2 columns on tablet */
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 768px) {
  .fur-testimonial-card {
    flex: 0 0 100% !important; /* 1 column on mobile */
    scroll-snap-align: start !important;
  }
}

/* 7. Prevent Flexbox collapse of testimonials when overflow is hidden */
.fur-testimonials {
  flex-shrink: 0 !important;
  min-height: auto !important;
}

/* 8. Prevent Flexbox from shrinking/collapsing vertical page sections inside main */
.fur-main > * {
  flex-shrink: 0 !important;
}

/* ==========================================================================
   PHASE 4: CLASSIC LAYOUT (HOME 2) & TOP HEADER STYLE OVERRIDES
   ========================================================================== */

/* 1. Classic Layout Body Resets */
body.fur-layout-classic {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: auto !important;
  display: block !important;
}

body.fur-layout-classic .fur-app-layout {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
  width: 100% !important;
}

body.fur-layout-classic .fur-sidebar {
  display: none !important;
}

body.fur-layout-classic .fur-main {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 2. Top Classic Header Styles */
.fur-header--classic {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-inline: clamp(20px, 4vw, 80px) !important;
  padding-block: 0 !important;
  height: 80px !important;
  background-color: var(--fur-surface) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  position: sticky !important;
  inset-block-start: 0 !important;
  z-index: 999 !important;
  backdrop-filter: blur(12px) !important;
  transition: background-color var(--fur-transition-normal), border-color var(--fur-transition-normal) !important;
}

body[data-theme="dark"] .fur-header--classic {
  background-color: hsla(126, 34%, 8%, 0.85) !important;
}

.fur-header__brand {
  display: flex !important;
  align-items: center !important;
  gap: 48px !important;
}

.fur-header__logo {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
  text-decoration: none !important;
}

.fur-header__nav {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
}

.fur-header__nav-link {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding-block: 28px !important;
  position: relative !important;
  transition: color var(--fur-transition-fast) !important;
}

.fur-header__nav-link:hover {
  color: var(--fur-primary) !important;
}

/* Mega Menu Dropdown styling */
.fur-header__nav-item {
  position: relative !important;
}

.fur-mega-menu {
  position: absolute !important;
  inset-block-start: 100% !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) translateY(15px) !important;
  width: 90vw !important;
  max-width: 1000px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 15px 40px var(--fur-shadow-lg) !important;
  padding-inline: 40px !important;
  padding-block: 40px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s !important;
  z-index: 1000 !important;
}

.fur-header__nav-item--has-mega:hover .fur-mega-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

.fur-mega-menu__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px !important;
}

.fur-mega-menu__col {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.fur-mega-menu__title {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-primary) !important;
  margin-block-end: 8px !important;
}

.fur-mega-menu__link {
  font-size: 0.85rem !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

.fur-mega-menu__link:hover {
  color: var(--fur-primary) !important;
  transform: translateX(4px) !important;
}

.fur-mega-menu__col--promo {
  grid-column: span 1 !important;
}

.fur-mega-menu__promo-card {
  position: relative !important;
  border-radius: var(--fur-radius-md) !important;
  overflow: hidden !important;
  height: 100% !important;
  min-height: 160px !important;
}

.fur-mega-menu__promo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

.fur-mega-menu__promo-card:hover .fur-mega-menu__promo-img {
  transform: scale(1.05) !important;
}

.fur-mega-menu__promo-content {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 16px !important;
  color: var(--fur-ref-white) !important;
}

.fur-mega-menu__promo-tag {
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-ref-lime-400) !important;
}

.fur-mega-menu__promo-title {
  font-family: var(--fur-font-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  margin-block-end: 8px !important;
}

.fur-mega-menu__promo-btn {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-white) !important;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;
}

/* Header Ticker horizontal scroll */
.fur-header__ticker {
  flex: 1 1 auto !important;
  margin-inline: 40px !important;
  background-color: var(--fur-bg-secondary) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 16px !important;
  padding-block: 8px !important;
  max-width: 400px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.fur-header__ticker-wrap {
  overflow: hidden !important;
  white-space: nowrap !important;
}

.fur-header__ticker-text {
  display: inline-block !important;
  font-size: 0.75rem !important;
  color: var(--fur-text-muted) !important;
  animation: fur-header-marquee 15s linear infinite !important;
}

@keyframes fur-header-marquee {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}

.fur-header__actions {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

/* 3. Hero Classic Section Styles */
.fur-hero--classic {
  position: relative !important;
  width: auto !important;
  margin-inline: calc(-1 * var(--fur-gutter)) !important;
  height: clamp(500px, 75vh, 750px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  border-radius: 0 !important;
}

.fur-hero--classic .fur-hero__content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 760px !important;
  padding-inline: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.fur-hero--classic .fur-hero__title {
  font-size: clamp(2.2rem, 5vw, 4.2rem) !important;
  line-height: 1.15 !important;
  margin-block-end: 20px !important;
}

.fur-hero--classic .fur-hero__trust-strip {
  position: absolute !important;
  inset-block-end: 0 !important;
  inset-inline: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(10px) !important;
  border-block-start: 1px solid var(--fur-border) !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  padding-inline: 40px !important;
  padding-block: 20px !important;
  z-index: 4 !important;
  box-shadow: none !important;
}

body[data-theme="dark"] .fur-hero--classic .fur-hero__trust-strip {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

.fur-hero--classic .fur-hero__trust-item {
  border-inline-end: 1px solid var(--fur-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding-inline: 16px !important;
}

.fur-hero--classic .fur-hero__trust-item:last-child {
  border-inline-end: none !important;
}

.fur-hero--classic .fur-hero__trust-item strong {
  font-size: 0.8rem !important;
}

.fur-hero--classic .fur-hero__trust-item span {
  font-size: 0.7rem !important;
}

/* 4. Trending Now Editorial Feature Styles */
.fur-trending {
  padding-block: var(--fur-margin-block-lg) !important;
}

.fur-trending__container {
  max-width: 1200px !important;
  margin-inline: auto !important;
}

.fur-trending__grid {
  display: grid !important;
  grid-template-columns: 1.05fr 0.95fr !important;
  gap: clamp(30px, 5vw, 80px) !important;
  align-items: center !important;
}

.fur-trending__content-side {
  display: flex !important;
  flex-direction: column !important;
}

.fur-trending__tag {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
  margin-block-end: 16px !important;
}

.fur-trending__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2rem, 4.5vw, 3.2rem) !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  margin-block-end: 20px !important;
  color: var(--fur-text) !important;
}

.fur-trending__title em {
  font-style: italic !important;
}

.fur-trending__desc {
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 36px !important;
}

.fur-trending__product-list {
  display: flex !important;
  flex-direction: column !important;
}

.fur-trending__product-item {
  display: flex !important;
  align-items: center !important;
  padding-block: 24px !important;
  border-block-end: 1px solid var(--fur-border) !important;
  transition: border-color var(--fur-transition-normal) !important;
}

.fur-trending__product-item:hover {
  border-color: var(--fur-primary) !important;
}

.fur-trending__num {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.2rem !important;
  color: var(--fur-primary) !important;
  margin-inline-end: 24px !important;
  opacity: 0.8 !important;
}

.fur-trending__product-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex-grow: 1 !important;
}

.fur-trending__product-title {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
}

.fur-trending__product-price {
  font-size: 0.85rem !important;
  color: var(--fur-primary) !important;
  font-weight: 700 !important;
}

.fur-trending__product-link {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-bg-secondary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-text-muted) !important;
  transition: all var(--fur-transition-normal) !important;
}

.fur-trending__product-item:hover .fur-trending__product-link {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  transform: translateX(4px) !important;
}

.fur-trending__image-side {
  position: relative !important;
}

.fur-trending__img-container {
  position: relative !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
}

.fur-trending__img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

/* Hotspot trigger styling */
.fur-trending__hotspot {
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
}

.fur-trending__hotspot-trigger {
  width: 24px !important;
  height: 24px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  border: 4px solid var(--fur-surface) !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  display: block !important;
  position: relative !important;
}

.fur-trending__hotspot-trigger::after {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-primary) !important;
  opacity: 0.5 !important;
  animation: fur-hotspot-ripple 2s infinite !important;
}

@keyframes fur-hotspot-ripple {
  0% { transform: scale(0.8); opacity: 0.8; }
  100% { transform: scale(1.6); opacity: 0; }
}

.fur-trending__hotspot:hover .fur-trending__hotspot-trigger {
  transform: scale(1.2) !important;
}

.fur-trending__hotspot-card {
  position: absolute !important;
  bottom: 34px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(10px) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  padding: 12px 16px !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 10px 30px var(--fur-shadow-lg) !important;
  width: 170px !important;
  text-align: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.fur-trending__hotspot-card strong {
  display: block !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin-block-end: 4px !important;
}

.fur-trending__hotspot-card span {
  display: block !important;
  font-size: 0.8rem !important;
  color: var(--fur-primary) !important;
  font-weight: 700 !important;
}

.fur-trending__hotspot:hover .fur-trending__hotspot-card {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* 5. Customer UGC Gallery Styles */
.fur-ugc {
  padding-block: var(--fur-margin-block-lg) !important;
}

.fur-ugc__tag {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
  margin-block-end: 12px !important;
  display: block !important;
}

.fur-ugc__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  padding-inline: 0 !important;
}

.fur-ugc__item {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--fur-radius-lg) !important;
  aspect-ratio: 1 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

.fur-ugc__img-wrap {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.fur-ugc__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
  display: block !important;
}

.fur-ugc__item:hover .fur-ugc__img {
  transform: scale(1.04) !important;
}

.fur-ugc__hover-info {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 24px !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
  color: var(--fur-ref-white) !important;
}

.fur-ugc__item:hover .fur-ugc__hover-info {
  opacity: 1 !important;
}

.fur-ugc__author {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  margin-block-end: 2px !important;
}

.fur-ugc__city {
  font-size: 0.75rem !important;
  opacity: 0.8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* 6. Inline Booking Form Styles */
.fur-inline-booking {
  padding-block: var(--fur-margin-block-lg) !important;
}

.fur-inline-booking__container {
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.fur-inline-booking__grid {
  display: grid !important;
  grid-template-columns: 0.9fr 1.15fr !important;
  gap: 0 !important;
  align-items: stretch !important;
}

.fur-inline-booking__image-side {
  position: relative !important;
  min-height: 450px !important;
}

.fur-inline-booking__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.fur-inline-booking__experience-badge {
  position: absolute !important;
  inset-block-end: 32px !important;
  inset-inline-start: 32px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  padding: 16px 24px !important;
  border-radius: var(--fur-radius-md) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  box-shadow: 0 10px 30px var(--fur-shadow-lg) !important;
}

.fur-inline-booking__experience-badge strong {
  font-family: var(--fur-font-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 400 !important;
  color: var(--fur-primary) !important;
  line-height: 1 !important;
}

.fur-inline-booking__experience-badge span {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.2 !important;
}

.fur-inline-booking__form-side {
  padding: clamp(30px, 5vw, 64px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.fur-inline-booking__tag {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
  margin-block-end: 12px !important;
  display: block !important;
}

.fur-inline-booking__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 4vw, 2.6rem) !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  margin-block-end: 16px !important;
  color: var(--fur-text) !important;
}

.fur-inline-booking__desc {
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 32px !important;
}

.fur-inline-booking__form {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.fur-inline-booking__form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

.fur-inline-booking__form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.fur-inline-booking__form-group label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-text) !important;
}

.fur-inline-booking__form-group input,
.fur-inline-booking__form-group select {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  padding: 12px 16px !important;
  font-size: 0.9rem !important;
  color: var(--fur-text) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color var(--fur-transition-normal) !important;
}

.fur-inline-booking__form-group input:focus,
.fur-inline-booking__form-group select:focus {
  border-color: var(--fur-primary) !important;
  outline: none !important;
}

.fur-inline-booking__submit-btn {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border: none !important;
  border-radius: var(--fur-radius-full) !important;
  padding-block: 16px !important;
  padding-inline: 32px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transition: all var(--fur-transition-normal) !important;
  align-self: flex-start !important;
  margin-block-start: 12px !important;
}

.fur-inline-booking__submit-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: translateY(-2px) !important;
}

.fur-inline-booking__success-message {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background-color: rgba(142, 164, 116, 0.15) !important;
  border: 1px solid var(--fur-primary) !important;
  padding: 16px 20px !important;
  border-radius: var(--fur-radius-md) !important;
  color: var(--fur-text) !important;
  margin-block-start: 16px !important;
}

.fur-inline-booking__success-message svg {
  color: var(--fur-primary) !important;
  flex-shrink: 0 !important;
}

.fur-inline-booking__success-message span {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

/* 7. Classic Mode Responsive Media Queries */
@media (max-width: 1024px) {
  .fur-header--classic {
    padding-inline: 20px !important;
    height: 70px !important;
  }
  
  .fur-header__ticker,
  .fur-header__nav {
    display: none !important;
  }
  
  .fur-sidebar__toggle {
    display: flex !important;
  }

  .fur-trending__grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .fur-ugc__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .fur-inline-booking__grid {
    grid-template-columns: 1fr !important;
  }
  
  .fur-inline-booking__image-side {
    min-height: 300px !important;
  }
  
  .fur-inline-booking__form-side {
    padding: 30px !important;
  }
}

@media (max-width: 500px) {
  .fur-ugc__grid {
    grid-template-columns: 1fr !important;
  }
  
  .fur-inline-booking__form-row {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}
/* Fix display important overrides for inline booking form interactive state */
#fur-inline-booking-success:not([style*="display: flex"]) {
  display: none !important;
}

#fur-inline-booking-form[style*="display: none"] {
  display: none !important;
}

/* 7. Material Swatches Grid Section */
.fur-swatches {
  padding-block: var(--fur-margin-block-lg) !important;
  background-color: var(--fur-surface) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-swatches__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
}

.fur-swatches__grid {
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  gap: 40px !important;
  align-items: center !important;
  margin-block-start: var(--fur-margin-block-md) !important;
}

.fur-swatches__selector {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
}

.fur-swatches__item {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  transition: all var(--fur-transition-normal) !important;
}

.fur-swatches__swatch-wrap {
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  transition: border-color var(--fur-transition-fast) !important;
}

.fur-swatches__swatch-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: var(--fur-radius-full) !important;
  display: block !important;
}

.fur-swatches__swatch-label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-text-muted) !important;
  transition: color var(--fur-transition-fast) !important;
}

/* Hover and Active states */
.fur-swatches__item:hover .fur-swatches__swatch-wrap {
  border-color: var(--fur-border-light) !important;
}

.fur-swatches__item--active .fur-swatches__swatch-wrap {
  border-color: var(--fur-primary) !important;
}

.fur-swatches__item--active .fur-swatches__swatch-label {
  color: var(--fur-text) !important;
}

/* Detail Card Panel */
.fur-swatches__panel {
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: clamp(24px, 4vw, 48px) !important;
  min-height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
}

.fur-swatches__panel-content {
  animation: furFadeIn 0.4s ease-out !important;
}

.fur-swatches__detail-category {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
  margin-block-end: 12px !important;
  display: block !important;
}

.fur-swatches__detail-title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.4rem, 2.5vw, 1.8rem) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-block-end: 16px !important;
  color: var(--fur-text) !important;
}

.fur-swatches__detail-text {
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 24px !important;
}

.fur-swatches__meta-row {
  display: flex !important;
  gap: 32px !important;
  border-block: 1px solid var(--fur-border) !important;
  padding-block: 16px !important;
  margin-block-end: 24px !important;
}

.fur-swatches__meta-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.fur-swatches__meta-label {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-text-muted) !important;
}

.fur-swatches__meta-val {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
}

.fur-swatches__products-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.fur-swatches__products-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.fur-swatches__prod-tag {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  padding: 6px 12px !important;
  border-radius: var(--fur-radius-sm) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
}

@keyframes furFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Media Queries */
@media (max-width: 991px) {
  .fur-swatches__grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  
  .fur-swatches__selector {
    gap: 12px !important;
  }
}

@media (max-width: 480px) {
  .fur-swatches__selector {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }
}

/* 8. Designer Profiles & Philosophy Section */
.fur-designers {
  padding-block: var(--fur-margin-block-lg) !important;
  background-color: var(--fur-bg-secondary) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-designers__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
}

.fur-designers__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  margin-block-start: var(--fur-margin-block-md) !important;
}

.fur-designers__card {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all var(--fur-transition-normal) !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
}

.fur-designers__card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 30px var(--fur-shadow-lg) !important;
}

.fur-designers__img-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1.1/1 !important;
  overflow: hidden !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-designers__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform var(--fur-transition-normal) !important;
}

.fur-designers__card:hover .fur-designers__img {
  transform: scale(1.05) !important;
}

.fur-designers__portfolio-tag {
  position: absolute !important;
  inset-block-start: 16px !important;
  inset-inline-start: 16px !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid var(--fur-border) !important;
  padding: 6px 12px !important;
  border-radius: var(--fur-radius-sm) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-primary) !important;
}

/* Dark mode theme adjustments for portfolio tag */
.fur-dark-green .fur-designers__portfolio-tag {
  background-color: rgba(18, 30, 24, 0.9) !important;
  color: var(--fur-primary) !important;
}

.fur-designers__content {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.fur-designers__profile {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-block-end: 20px !important;
}

.fur-designers__avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.5px !important;
}

.fur-designers__name {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

.fur-designers__role {
  font-size: 0.7rem !important;
  color: var(--fur-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.fur-designers__quote {
  font-family: var(--fur-font-serif) !important;
  font-size: 0.95rem !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  color: var(--fur-primary) !important;
  margin: 0 !important;
  margin-block-end: 16px !important;
  padding-inline-start: 12px !important;
  border-inline-start: 2px solid var(--fur-primary) !important;
}

.fur-designers__bio {
  font-size: 0.8rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: auto !important;
}

.fur-designers__recommendations {
  border-block-start: 1px solid var(--fur-border) !important;
  padding-block-start: 16px !important;
  margin-block-start: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.fur-designers__rec-label {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-text-muted) !important;
}

.fur-designers__rec-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.fur-designers__rec-tag {
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  padding: 4px 8px !important;
  border-radius: var(--fur-radius-sm) !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
}

/* Responsive Media Queries */
@media (max-width: 1024px) {
  .fur-designers__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 768px) {
  .fur-designers__grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* 9. Ambient Craftsmanship Video Essay Section */
.fur-video-journal {
  padding-block: var(--fur-margin-block-lg) !important;
  background-color: var(--fur-surface) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-video-journal__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
}

.fur-video-journal__grid {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr !important;
  gap: clamp(40px, 5vw, 80px) !important;
  align-items: center !important;
}

.fur-video-journal__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.fur-video-journal__tag {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
}

.fur-video-journal__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

.fur-video-journal__desc {
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
  margin-block-end: 8px !important;
}

.fur-video-journal__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Inline Media Card Container */
.fur-video-journal__media-card {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16/10 !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
  background-color: #000000 !important;
}

.fur-video-journal__cover {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.4s ease !important;
}

.fur-video-journal__cover-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.fur-video-journal__cover-overlay {
  position: absolute !important;
  inset: 0 !important;
  background-color: rgba(18, 30, 24, 0.3) !important;
}

.fur-light-beige .fur-video-journal__cover-overlay {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

/* Pulsing play button inside cover */
.fur-video-journal__play-btn {
  width: 64px !important;
  height: 64px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--fur-transition-normal) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.fur-video-journal__play-btn:hover {
  transform: scale(1.05) !important;
  background-color: var(--fur-primary) !important;
}

.fur-video-journal__play-btn:hover .fur-video-journal__play-icon {
  color: var(--fur-button-text) !important;
}

.fur-video-journal__play-icon {
  color: var(--fur-primary) !important;
  margin-inline-start: 2px !important;
  transition: color var(--fur-transition-normal) !important;
}

.fur-video-journal__play-pulse {
  position: absolute !important;
  inset: -6px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: var(--fur-radius-full) !important;
  animation: furPulseRing 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite !important;
  pointer-events: none !important;
}

/* Player Frame */
.fur-video-journal__player {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2 !important;
  display: none !important; /* Hidden initially */
}

.fur-video-journal__player iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  display: block !important;
}

/* Class-based Display Switch Toggles */
.fur-video-journal__media-card--playing .fur-video-journal__cover {
  display: none !important;
}

.fur-video-journal__media-card--playing .fur-video-journal__player {
  display: block !important;
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
  .fur-video-journal__grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* 10. Interactive Editorial Lookbook Slider Section */
.fur-lookbook-slider {
  padding-block: var(--fur-margin-block-lg) !important;
  background-color: var(--fur-surface) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-lookbook-slider__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
}

.fur-lookbook-slider__header {
  max-width: 650px !important;
  margin-block-end: 40px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.fur-lookbook-slider__tag {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
}

.fur-lookbook-slider__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

.fur-lookbook-slider__desc {
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

/* Scroll Snap Track */
.fur-lookbook-slider__track-wrap {
  position: relative !important;
  width: 100% !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
}

.fur-lookbook-slider__track {
  display: flex !important;
  width: 100% !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Hide scrollbar completely */
.fur-lookbook-slider__track::-webkit-scrollbar {
  display: none !important;
}
.fur-lookbook-slider__track {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.fur-lookbook-slider__slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  scroll-snap-align: start !important;
  position: relative !important;
}

.fur-lookbook-slider__media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16/9 !important;
}

.fur-lookbook-slider__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Pulsing Hotspot */
.fur-lookbook-slider__hotspot {
  position: absolute !important;
  width: 32px !important;
  height: 32px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 100 !important;
}

.fur-lookbook-slider__hotspot-trigger {
  width: 100% !important;
  height: 100% !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 2px solid var(--fur-primary) !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 5 !important;
  transition: transform var(--fur-transition-fast) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

.fur-lookbook-slider__hotspot-trigger::after {
  content: "" !important;
  position: absolute !important;
  inset: -6px !important;
  border: 1px solid var(--fur-primary) !important;
  border-radius: var(--fur-radius-full) !important;
  animation: furPulseRing 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite !important;
  pointer-events: none !important;
}

.fur-lookbook-slider__hotspot:hover .fur-lookbook-slider__hotspot-trigger {
  transform: scale(1.15) !important;
  background-color: var(--fur-primary) !important;
}

/* Product Tooltip */
.fur-lookbook-slider__tooltip {
  position: absolute !important;
  bottom: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-10px) scale(0.95) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-md) !important;
  padding: 16px !important;
  width: 200px !important;
  box-shadow: 0 10px 30px var(--fur-shadow) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 110 !important;
}

.fur-lookbook-slider__hotspot:hover .fur-lookbook-slider__tooltip,
.fur-lookbook-slider__hotspot-trigger:focus + .fur-lookbook-slider__tooltip {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(-15px) scale(1) !important;
}

.fur-lookbook-slider__tooltip-category {
  font-size: 0.65rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-text-muted) !important;
  display: block !important;
  margin-block-end: 4px !important;
}

.fur-lookbook-slider__tooltip-title {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
  margin-block-end: 6px !important;
  line-height: 1.2 !important;
}

.fur-lookbook-slider__tooltip-price {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
  display: block !important;
  margin-block-end: 10px !important;
}

.fur-lookbook-slider__tooltip-link {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--fur-primary) !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: color var(--fur-transition-fast) !important;
}

.fur-lookbook-slider__tooltip-link:hover {
  color: var(--fur-text) !important;
}

/* Pagination Dots */
.fur-lookbook-slider__nav {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-block-start: 24px !important;
}

.fur-lookbook-slider__dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-border) !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all var(--fur-transition-normal) !important;
}

.fur-lookbook-slider__dot--active {
  width: 24px !important;
  background-color: var(--fur-primary) !important;
}

/* Responsive Overrides */
@media (max-width: 768px) {
  .fur-lookbook-slider__media {
    aspect-ratio: 4/3 !important;
  }
  .fur-lookbook-slider__tooltip {
    width: 160px !important;
    padding: 12px !important;
  }
}

/* 11. Architectural Materials Grid Section */
.fur-materials-showcase {
  padding-block: var(--fur-margin-block-lg) !important;
  background-color: var(--fur-surface) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-materials-showcase__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
}

.fur-materials-showcase__header {
  max-width: 600px !important;
  margin-block-end: 48px !important;
}

.fur-materials-showcase__tag {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
  display: block !important;
  margin-block-end: 12px !important;
}

.fur-materials-showcase__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: var(--fur-text) !important;
  margin: 0 0 16px 0 !important;
}

.fur-materials-showcase__desc {
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

.fur-materials-showcase__grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 24px !important;
}

.fur-materials-showcase__card {
  background-color: var(--fur-surface-cards) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all var(--fur-transition-normal) !important;
}

.fur-materials-showcase__card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow) !important;
  border-color: var(--fur-primary) !important;
}

.fur-materials-showcase__media {
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  overflow: hidden !important;
}

.fur-materials-showcase__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

.fur-materials-showcase__card:hover .fur-materials-showcase__img {
  transform: scale(1.1) !important;
}

.fur-materials-showcase__info {
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.fur-materials-showcase__name {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin: 0 0 4px 0 !important;
}

.fur-materials-showcase__spec {
  font-size: 0.75rem !important;
  color: var(--fur-text-muted) !important;
}

/* 12. Interactive Space Planner Teaser Section */
.fur-planner-teaser {
  padding-block: var(--fur-margin-block-lg) !important;
  background-color: var(--fur-surface-muted) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-planner-teaser__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
}

.fur-planner-teaser__grid {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr !important;
  gap: 60px !important;
  align-items: center !important;
}

.fur-planner-teaser__canvas-wrap {
  width: 100% !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: 0 8px 30px var(--fur-shadow) !important;
}

.fur-planner-teaser__canvas {
  position: relative !important;
  width: 100% !important;
  height: 320px !important;
  background-color: var(--fur-surface) !important;
  touch-action: none !important;
  overflow: hidden !important;
}

.fur-planner-teaser__grid-lines {
  position: absolute !important;
  inset: 0 !important;
  background-size: 20px 20px !important;
  background-image: 
    linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px) !important;
}

/* Grid in dark mode */
[data-theme="dark"] .fur-planner-teaser__grid-lines {
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px) !important;
}

.fur-planner-teaser__canvas--active {
  cursor: grabbing !important;
}

.fur-planner-teaser__drag-item {
  position: absolute !important;
  cursor: grab !important;
  user-select: none !important;
  touch-action: none !important;
  left: 0 !important;
  top: 0 !important;
  transition: outline var(--fur-transition-fast) !important;
}

.fur-planner-teaser__drag-item[data-dragging="true"] {
  cursor: grabbing !important;
  z-index: 1000 !important;
}

.fur-planner-teaser__block {
  border: 1.5px solid var(--fur-primary) !important;
  background-color: rgba(142, 126, 105, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: var(--fur-radius-sm) !important;
  transition: background-color var(--fur-transition-fast) !important;
}

.fur-planner-teaser__drag-item:hover .fur-planner-teaser__block {
  background-color: rgba(142, 126, 105, 0.25) !important;
}

.fur-planner-teaser__block--sofa {
  width: 140px !important;
  height: 60px !important;
}

.fur-planner-teaser__block--chair {
  width: 60px !important;
  height: 60px !important;
}

.fur-planner-teaser__block--table {
  width: 80px !important;
  height: 50px !important;
}

.fur-planner-teaser__label {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-primary) !important;
  pointer-events: none !important;
}

.fur-planner-teaser__dashboard {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 14px 20px !important;
  background-color: var(--fur-surface-muted) !important;
  border-block-start: 1px solid var(--fur-border) !important;
}

.fur-planner-teaser__helper {
  font-size: 0.7rem !important;
  color: var(--fur-text-muted) !important;
}

.fur-planner-teaser__coord {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--fur-primary) !important;
  font-family: monospace !important;
}

.fur-planner-teaser__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.fur-planner-teaser__tag {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
}

.fur-planner-teaser__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

.fur-planner-teaser__desc {
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

.fur-planner-teaser__cta {
  align-self: flex-start !important;
  margin-block-start: 12px !important;
}

/* 13. Curated Design Stories Section */
.fur-stories {
  padding-block: var(--fur-margin-block-lg) !important;
  background-color: var(--fur-surface) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-stories__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
}

.fur-stories__header {
  max-width: 600px !important;
  margin-block-end: 48px !important;
}

.fur-stories__tag {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
  display: block !important;
  margin-block-end: 12px !important;
}

.fur-stories__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: var(--fur-text) !important;
  margin: 0 0 16px 0 !important;
}

.fur-stories__desc {
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

.fur-stories__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
}

.fur-stories__card {
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  background-color: var(--fur-surface-cards) !important;
  transition: all var(--fur-transition-normal) !important;
}

.fur-stories__card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow) !important;
  border-color: var(--fur-primary) !important;
}

.fur-stories__media {
  width: 100% !important;
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
}

.fur-stories__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

.fur-stories__card:hover .fur-stories__img {
  transform: scale(1.08) !important;
}

.fur-stories__content {
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.fur-stories__meta {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-primary) !important;
}

.fur-stories__story-title {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.fur-stories__excerpt {
  font-size: 0.8rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

.fur-stories__link {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--fur-primary) !important;
  text-decoration: none !important;
  margin-block-start: 12px !important;
  align-self: flex-start !important;
  transition: color var(--fur-transition-fast) !important;
}

.fur-stories__link:hover {
  color: var(--fur-text) !important;
}

/* 14. Responsive Layout Adjustments */
@media (max-width: 1024px) {
  .fur-materials-showcase__grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .fur-planner-teaser__grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .fur-stories__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 640px) {
  .fur-materials-showcase__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .fur-stories__grid {
    grid-template-columns: 1fr !important;
  }
}

/* 15. Premium CAD Blueprint Elements Styling & Navigation Chevron Indicator Overrides */

/* CAD block details for Space Planner */
.fur-planner-teaser__block--sofa {
  position: relative !important;
  background-color: rgba(142, 126, 105, 0.04) !important;
  border: 1.5px solid var(--fur-primary) !important;
  border-radius: var(--fur-radius-sm) !important;
}

.fur-planner-teaser__block--sofa::before {
  /* Backrest cushion outline */
  content: '' !important;
  position: absolute !important;
  inset-block-start: 0 !important;
  inset-inline: 10px !important;
  height: 12px !important;
  border-bottom: 1.5px solid var(--fur-primary) !important;
  border-inline: 1.5px solid var(--fur-primary) !important;
  background: transparent !important;
}

.fur-planner-teaser__block--sofa::after {
  /* Left armrest projection */
  content: '' !important;
  position: absolute !important;
  inset-block-start: 0 !important;
  bottom: 0 !important;
  inset-inline-start: 0 !important;
  width: 10px !important;
  border-inline-end: 1.5px solid var(--fur-primary) !important;
  background: transparent !important;
}

.fur-planner-teaser__sofa-arm-right {
  /* Right armrest projection */
  position: absolute !important;
  inset-block-start: 0 !important;
  bottom: 0 !important;
  inset-inline-end: 0 !important;
  width: 10px !important;
  border-inline-start: 1.5px solid var(--fur-primary) !important;
  background: transparent !important;
  z-index: 1 !important;
}

.fur-planner-teaser__block--chair {
  position: relative !important;
  background-color: rgba(142, 126, 105, 0.04) !important;
  border: 1.5px solid var(--fur-primary) !important;
  border-radius: 50% 50% var(--fur-radius-sm) var(--fur-radius-sm) !important;
}

.fur-planner-teaser__block--chair::before {
  /* Seat cushion circular outline */
  content: '' !important;
  position: absolute !important;
  inset: 8px !important;
  border: 1px dashed var(--fur-primary) !important;
  border-radius: 50% !important;
}

.fur-planner-teaser__block--table {
  position: relative !important;
  background-color: rgba(142, 126, 105, 0.04) !important;
  border: 1.5px solid var(--fur-primary) !important;
  border-radius: var(--fur-radius-sm) !important;
}

.fur-planner-teaser__block--table::before {
  /* Inner structure cross projection */
  content: '' !important;
  position: absolute !important;
  inset: 6px !important;
  border: 1px dashed var(--fur-primary) !important;
}

.fur-planner-teaser__label {
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-primary) !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

/* Centered & Wide Premium Dropdown Mega Menu */
body.fur-layout-classic .fur-header__nav-item--has-mega {
  position: static !important;
}

body.fur-layout-classic .fur-mega-menu {
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  inset-block-start: 100% !important;
  transform: translateY(15px) !important;
  width: calc(100% - 2 * clamp(20px, 4vw, 80px)) !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: var(--fur-radius-lg) !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.06) !important;
  padding: 48px !important;
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s !important;
}

/* Dark mode dropdown background overrides */
[data-theme="dark"] body.fur-layout-classic .fur-mega-menu {
  background-color: rgba(26, 36, 22, 0.96) !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25) !important;
}

body.fur-layout-classic .fur-header__nav-item--has-mega:hover .fur-mega-menu {
  transform: translateY(0) !important;
}

/* Vertical grid dividers in the columns */
body.fur-layout-classic .fur-mega-menu__col:not(:last-child):not(.fur-mega-menu__col--promo) {
  border-inline-end: 1px solid var(--fur-border) !important;
  padding-inline-end: 32px !important;
}

/* Rotate indicator arrow chevron on hover */
/* Rotate indicator arrow chevron on hover */
.fur-header__nav-item--has-mega:hover .fur-header__nav-arrow {
  transform: rotate(180deg) !important;
}

/* 16. Home 3: Split Immersive Gallery Layout & Fullscreen Overlay Navigation */

.fur-split-layout {
  display: flex !important;
  height: 100vh !important;
  overflow: hidden !important;
}

.fur-split-layout__left {
  width: 45% !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--fur-surface) !important;
  border-inline-end: 1px solid var(--fur-border) !important;
}

.fur-split-layout__cover-wrap {
  position: absolute !important;
  inset: 0 !important;
}

.fur-split-layout__cover-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 12s ease-out !important;
}

.fur-split-layout__left:hover .fur-split-layout__cover-img {
  transform: scale(1.08) !important;
}

.fur-split-layout__cover-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%) !important;
  z-index: 1 !important;
}

.fur-split-layout__cover-content {
  position: absolute !important;
  inset-inline-start: clamp(24px, 4vw, 48px) !important;
  bottom: clamp(24px, 4vw, 48px) !important;
  z-index: 2 !important;
  color: var(--fur-ref-white) !important;
  max-width: 85% !important;
}

.fur-split-layout__cover-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  display: block !important;
  margin-block-end: 12px !important;
  opacity: 0.8 !important;
  color: var(--fur-primary) !important;
}

.fur-split-layout__cover-title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
  line-height: 1.2 !important;
  margin-block-end: 16px !important;
  font-weight: 400 !important;
}

.fur-split-layout__cover-desc {
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
  opacity: 0.75 !important;
}

.fur-split-layout__right {
  width: 55% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100vh !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  background-color: var(--fur-bg) !important;
}

/* Home 3 Navigation bar overrides */
.fur-header--split {
  padding-inline: clamp(24px, 4vw, 48px) !important;
  padding-block: 24px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background-color: transparent !important;
  border-block-end: 1px solid var(--fur-border) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  backdrop-filter: blur(20px) !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .fur-header--split {
  background-color: rgba(26, 36, 22, 0.8) !important;
}

.fur-header__menu-trigger {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--fur-text) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  padding: 8px 16px !important;
  border-radius: var(--fur-radius-sm) !important;
  border: 1px solid var(--fur-border) !important;
  transition: all var(--fur-transition-fast) !important;
}

.fur-header__menu-trigger:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
}

/* Fullscreen Glassmorphic Overlay Menu */
.fur-overlay-menu {
  position: fixed !important;
  inset: 0 !important;
  background-color: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(30px) !important;
  z-index: 2000 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

[data-theme="dark"] .fur-overlay-menu {
  background-color: rgba(26, 36, 22, 0.98) !important;
}

.fur-overlay-menu--open {
  opacity: 1 !important;
  visibility: visible !important;
}

.fur-overlay-menu__close {
  position: absolute !important;
  inset-block-start: clamp(24px, 4vw, 48px) !important;
  inset-inline-end: clamp(24px, 4vw, 48px) !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--fur-text) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  border: 1px solid var(--fur-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--fur-transition-fast) !important;
}

.fur-overlay-menu__close:hover {
  transform: rotate(90deg) !important;
  background-color: var(--fur-text) !important;
  color: var(--fur-bg) !important;
}

.fur-overlay-menu__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.fur-overlay-menu__link {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 5vw, 3.5rem) !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  font-weight: 300 !important;
  transform: translateY(30px) !important;
  opacity: 0 !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s !important;
}

.fur-overlay-menu--open .fur-overlay-menu__link {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

.fur-overlay-menu__link:hover {
  color: var(--fur-primary) !important;
  transform: scale(1.05) !important;
}

/* Staggered Delay for menu items */
.fur-overlay-menu__item:nth-child(1) .fur-overlay-menu__link { transition-delay: 0.05s !important; }
.fur-overlay-menu__item:nth-child(2) .fur-overlay-menu__link { transition-delay: 0.1s !important; }
.fur-overlay-menu__item:nth-child(3) .fur-overlay-menu__link { transition-delay: 0.15s !important; }
.fur-overlay-menu__item:nth-child(4) .fur-overlay-menu__link { transition-delay: 0.2s !important; }
.fur-overlay-menu__item:nth-child(5) .fur-overlay-menu__link { transition-delay: 0.25s !important; }
.fur-overlay-menu__item:nth-child(6) .fur-overlay-menu__link { transition-delay: 0.3s !important; }

/* Home 3 Right Side Sections */
.fur-split-section {
  padding-inline: clamp(24px, 6vw, 80px) !important;
  padding-block: clamp(48px, 8vw, 100px) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.fur-split-section:last-child {
  border-block-end: none !important;
}

.fur-split-hero__tag {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-primary) !important;
  display: block !important;
  margin-block-end: 16px !important;
}

.fur-split-hero__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2rem, 4.5vw, 3.8rem) !important;
  line-height: 1.1 !important;
  color: var(--fur-text) !important;
  margin-block-end: 24px !important;
  font-weight: 300 !important;
}

.fur-split-hero__desc {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem) !important;
  line-height: 1.7 !important;
  color: var(--fur-text-muted) !important;
  max-width: 580px !important;
  margin-block-end: 40px !important;
}

.fur-split-hero__actions {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.fur-split-hero__btn {
  padding: 16px 36px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-radius: var(--fur-radius-sm) !important;
  text-decoration: none !important;
  transition: all var(--fur-transition-fast) !important;
  display: inline-flex !important;
  align-items: center !important;
}

.fur-split-hero__btn--primary {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-primary) !important;
}

.fur-split-hero__btn--primary:hover {
  background-color: var(--fur-text) !important;
  border-color: var(--fur-text) !important;
}

.fur-split-hero__btn--outline {
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-text) !important;
}

.fur-split-hero__btn--outline:hover {
  border-color: var(--fur-text) !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="dark"] .fur-split-hero__btn--outline:hover {
  background-color: rgba(255, 255, 255, 0.02) !important;
}

/* Hotspot Interactive Image Card */
.fur-hotspot-grid {
  margin-block-start: 24px !important;
}

.fur-hotspot-grid__image-wrap {
  position: relative !important;
  border-radius: var(--fur-radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--fur-shadow-lg) !important;
}

.fur-hotspot-grid__img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.fur-hotspot-grid__spot {
  position: absolute !important;
  width: 28px !important;
  height: 28px !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  border: 1.5px solid var(--fur-ref-white) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  transition: all 0.3s ease !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.fur-hotspot-grid__spot::after {
  content: '' !important;
  position: absolute !important;
  inset: 4px !important;
  background-color: var(--fur-ref-white) !important;
  border-radius: 50% !important;
  transition: transform 0.3s ease !important;
}

.fur-hotspot-grid__spot:hover {
  background-color: var(--fur-primary) !important;
  transform: translate(-50%, -50%) scale(1.15) !important;
  border-color: var(--fur-primary) !important;
}

.fur-hotspot-grid__spot:hover::after {
  transform: scale(0.6) !important;
  background-color: var(--fur-ref-white) !important;
}

.fur-hotspot-grid__tooltip {
  position: absolute !important;
  bottom: 150% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(10px) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  padding: 12px 16px !important;
  border-radius: var(--fur-radius-sm) !important;
  width: 180px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 12 !important;
  pointer-events: none !important;
  text-align: center !important;
}

.fur-hotspot-grid__tooltip::after {
  content: '' !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-width: 6px !important;
  border-style: solid !important;
  border-color: var(--fur-surface) transparent transparent transparent !important;
}

.fur-hotspot-grid__spot:hover .fur-hotspot-grid__tooltip {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

.fur-hotspot-grid__tooltip-name {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  display: block !important;
  margin-block-end: 4px !important;
}

.fur-hotspot-grid__tooltip-price {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
}

/* Home 3 responsive stacking rules */
@media (max-width: 1024px) {
  .fur-split-layout {
    flex-direction: column !important;
    height: auto !important;
    overflow: visible !important;
  }

  .fur-split-layout__left {
    width: 100% !important;
    height: 55vh !important;
    border-inline-end: none !important;
    border-block-end: 1px solid var(--fur-border) !important;
  }

  .fur-split-layout__right {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  .fur-header--split {
    position: sticky !important;
    top: 0 !important;
  }
}

/* Smooth fade transitions for left layout companion cover on Home 3 */
.fur-split-layout__cover-img {
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.fur-split-layout__cover-img.fur-fade-out {
  opacity: 0 !important;
  transform: scale(0.96) !important;
}

/* ==========================================================================
   HOME 4 - CINEMATIC EDITORIAL JOURNAL OVERRIDES
   ========================================================================== */
.fur-journal-container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: clamp(20px, 4vw, 80px);
  margin-block-end: clamp(40px, 6vw, 80px);
}

.fur-journal-hero {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: flex-end;
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  margin-block-start: clamp(20px, 3vw, 40px);
  margin-block-end: clamp(40px, 6vw, 80px);
  padding: clamp(30px, 5vw, 60px);
  border: 1px solid var(--fur-border);
}

.fur-journal-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.fur-journal-hero__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fur-journal-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.2) 100%);
  z-index: 2;
}

.fur-journal-hero__content {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 700px;
}

.fur-journal-hero__volume {
  font-family: var(--fur-font-sans);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--fur-primary);
  display: block;
  margin-block-end: 16px;
}

body[data-theme="dark"] .fur-journal-hero__volume {
  color: var(--fur-ref-lime-400) !important;
}

.fur-journal-hero__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.8rem, 4vw, 3.2rem);
  font-weight: 300;
  line-height: 1.15;
  color: var(--fur-ref-white);
  margin-block-end: 20px;
}

.fur-journal-hero__intro {
  font-size: clamp(0.85rem, 1.3vw, 1.05rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  margin-block-end: 32px;
}

/* Audio Player */
.fur-journal-audio {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--fur-radius-sm);
  padding: 16px 20px;
  color: var(--fur-ref-white);
}

.fur-journal-audio__play {
  width: 44px;
  height: 44px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-ref-white);
  color: var(--fur-ref-charcoal);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.fur-journal-audio__play:hover {
  transform: scale(1.08);
}

.fur-journal-audio__details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.fur-journal-audio__label {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.8;
}

.fur-journal-audio__progress-track {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 1.5px;
  overflow: hidden;
  position: relative;
}

.fur-journal-audio__progress-fill {
  width: 0%;
  height: 100%;
  background-color: var(--fur-ref-white);
  transition: width 0.1s linear;
}

.fur-journal-audio__transcript {
  margin-block-start: 4px;
  height: 18px;
  position: relative;
  overflow: hidden;
}

.fur-transcript-line {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
}

.fur-transcript-line--active {
  opacity: 1;
  transform: translateY(0);
}

/* Horizontal Scroller */
.fur-journal-horizon {
  margin-block-end: clamp(40px, 6vw, 80px);
}

.fur-journal-horizon__header {
  margin-block-end: 32px;
  display: flex;
  flex-direction: column;
}

.fur-journal-horizon__section-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight: 300;
  color: var(--fur-text);
  margin-block-end: 12px;
}

.fur-journal-horizon__section-desc {
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  max-width: 600px;
  line-height: 1.5;
}

.fur-journal-horizon__controls {
  display: flex;
  gap: 12px;
  margin-block-start: 16px;
}

.fur-journal-horizon__btn {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  color: var(--fur-text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}

.fur-journal-horizon__btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg);
}

.fur-journal-horizon__track-wrapper {
  overflow-x: auto;
  scrollbar-width: none; /* Hide scrollbar Firefox */
  padding-block: 10px;
}

.fur-journal-horizon__track-wrapper::-webkit-scrollbar {
  display: none; /* Hide scrollbar Webkit */
}

.fur-journal-horizon__track {
  display: flex;
  gap: 32px;
  width: max-content;
}

.fur-journal-card {
  width: clamp(280px, 45vw, 420px);
  display: flex;
  flex-direction: column;
}

.fur-journal-card__image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  margin-block-end: 16px;
  border: 1px solid var(--fur-border);
}

.fur-journal-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-journal-card:hover .fur-journal-card__img {
  transform: scale(1.06);
}

.fur-journal-card__category {
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-primary);
  letter-spacing: 1px;
  margin-block-end: 8px;
}

.fur-journal-card__title {
  font-family: var(--fur-font-serif);
  font-size: 1.15rem;
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 8px;
  line-height: 1.3;
}

.fur-journal-card__excerpt {
  font-size: 0.8rem;
  color: var(--fur-text-muted);
  line-height: 1.5;
  margin-block-end: 16px;
}

.fur-journal-card__link {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--fur-primary);
  align-self: flex-start;
  padding-block-end: 2px;
  transition: opacity 0.2s ease;
}

.fur-journal-card__link:hover {
  opacity: 0.8;
}

/* Asymmetric Curator Grid */
.fur-journal-curator {
  margin-block-end: clamp(40px, 6vw, 80px);
  border-top: 1px solid var(--fur-border);
  padding-block-start: clamp(40px, 6vw, 80px);
}

.fur-journal-curator__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(30px, 5vw, 80px);
  align-items: center;
}

@media (max-width: 768px) {
  .fur-journal-curator__grid {
    grid-template-columns: 1fr;
  }
}

.fur-journal-curator__left {
  position: relative;
}

.fur-journal-curator__img-wrap {
  position: relative;
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  border: 1px solid var(--fur-border);
}

.fur-journal-curator__img {
  width: 100%;
  height: auto;
  display: block;
}

.fur-journal-curator__compass {
  position: absolute;
  bottom: 24px;
  inset-inline-end: 24px;
  z-index: 10;
  pointer-events: none;
}

.fur-journal-curator__right {
  display: flex;
  flex-direction: column;
}

.fur-journal-curator__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight: 300;
  color: var(--fur-text);
  margin-block-end: 24px;
}

.fur-journal-curator__blockquote {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-style: italic;
  line-height: 1.5;
  color: var(--fur-text);
  margin: 0 0 32px 0;
  position: relative;
  padding-inline-start: 24px;
  border-inline-start: 2px solid var(--fur-primary);
}

.fur-journal-curator__prod-card {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  padding: 16px;
  background-color: var(--fur-surface);
}

.fur-journal-curator__prod-thumb {
  width: 80px;
  height: 80px;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border);
}

.fur-journal-curator__prod-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fur-journal-curator__prod-info {
  flex: 1;
}

.fur-journal-curator__prod-tag {
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-primary);
  letter-spacing: 1px;
  display: block;
  margin-block-end: 4px;
}

.fur-journal-curator__prod-title {
  font-family: var(--fur-font-serif);
  font-size: 0.9rem;
  margin: 0 0 4px 0;
  color: var(--fur-text);
  font-weight: 600;
}

.fur-journal-curator__prod-desc {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  margin: 0 0 8px 0;
}

.fur-journal-curator__prod-btn {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-decoration: none;
}

.fur-journal-curator__prod-btn:hover {
  text-decoration: underline;
}

/* Sound Layout */
.fur-journal-sound {
  margin-block-end: clamp(40px, 6vw, 80px);
  border-top: 1px solid var(--fur-border);
  padding-block-start: clamp(40px, 6vw, 80px);
}

.fur-journal-sound__layout {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 32px;
  margin-block-start: 32px;
}

@media (max-width: 768px) {
  .fur-journal-sound__layout {
    grid-template-columns: 1fr;
  }
}

.fur-journal-sound__graph-card {
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  padding: 24px;
  background-color: var(--fur-surface);
}

.fur-journal-sound__info-card {
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  padding: 24px;
  background-color: var(--fur-surface);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Stockist Layout */
.fur-journal-stockists {
  margin-block-end: clamp(40px, 6vw, 80px);
  border-top: 1px solid var(--fur-border);
  padding-block-start: clamp(40px, 6vw, 80px);
}

.fur-journal-stockists__list {
  display: flex;
  flex-direction: column;
  margin-block-start: 32px;
  border-top: 1px solid var(--fur-border);
}

.fur-journal-stockists__row {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 24px;
  padding-block: 24px;
  border-block-end: 1px solid var(--fur-border);
  align-items: center;
}

@media (max-width: 768px) {
  .fur-journal-stockists__row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.fur-journal-stockists__city {
  font-family: var(--fur-font-serif);
  font-size: 1.2rem;
  color: var(--fur-text);
  font-weight: 400;
}

.fur-journal-stockists__details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fur-journal-stockists__details strong {
  font-size: 0.8rem;
  color: var(--fur-text);
}

.fur-journal-stockists__details span {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
}

.fur-journal-stockists__hours {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
}

/* Journal Footer */
.fur-journal-footer {
  border-top: 1px solid var(--fur-border);
  padding-block: 60px;
  text-align: center;
}

/* Section 1 Polish - Meta, Waveforms and Swatches */
.fur-journal-hero__meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-block-end: 24px;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text-muted);
}

.fur-journal-hero__divider {
  color: var(--fur-border);
  opacity: 0.7;
}

.fur-journal-hero__read-time {
  display: inline-flex;
  align-items: center;
  color: var(--fur-text);
  font-weight: 500;
}

.fur-journal-hero__meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 4px 10px 4px 6px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  text-transform: none;
  font-weight: 500;
  color: var(--fur-text);
  letter-spacing: normal;
}

.fur-journal-hero__meta-avatar {
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Bouncing Waveform */
.fur-journal-audio__waveform {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 24px;
  padding-inline-start: 4px;
}

.fur-wave-bar {
  display: block;
  width: 2px;
  height: 100%;
  background-color: var(--fur-primary);
  border-radius: 1px;
  transform-origin: bottom;
  transform: scaleY(0.25);
  transition: transform 0.3s ease;
}

/* When simulated audio is playing, apply bouncing keyframe anims with staggered delays */
.fur-journal-audio--playing .fur-wave-bar {
  animation: fur-wave-bounce 1.2s ease-in-out infinite;
}

.fur-journal-audio--playing .fur-wave-bar:nth-child(1) { animation-delay: 0.1s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(2) { animation-delay: 0.4s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(3) { animation-delay: 0.2s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(4) { animation-delay: 0.6s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(5) { animation-delay: 0.3s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(6) { animation-delay: 0.5s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(7) { animation-delay: 0.15s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(8) { animation-delay: 0.45s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(9) { animation-delay: 0.25s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(10) { animation-delay: 0.7s; }

@keyframes fur-wave-bounce {
  0%, 100% { transform: scaleY(0.25); }
  50% { transform: scaleY(1); }
}

/* Material Swatches Widget */
.fur-journal-hero__swatches {
  position: absolute;
  inset-block-start: clamp(20px, 4vw, 40px);
  inset-inline-end: clamp(20px, 4vw, 40px);
  z-index: 10;
  display: flex;
  gap: 16px;
}

.fur-journal-hero__swatch-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-journal-hero__swatch-item:hover {
  transform: translateY(-4px);
}

.fur-journal-hero__swatch-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--fur-surface);
  box-shadow: var(--fur-shadow-md);
  transition: border-color 0.3s ease;
}

.fur-journal-hero__swatch-item:hover .fur-journal-hero__swatch-circle {
  border-color: var(--fur-primary);
}

.fur-journal-hero__swatch-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fur-journal-hero__swatch-name {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text);
  background-color: var(--fur-surface);
  padding: 2px 8px;
  border-radius: 10px;
  border: 1px solid var(--fur-border);
  box-shadow: var(--fur-shadow-sm);
}

/* Section 2 Polish - Horizon scroller elements */
.fur-journal-card__image-wrap {
  position: relative;
  overflow: hidden;
  border-radius: var(--fur-radius-sm);
}

.fur-journal-card__read-badge {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  background-color: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--fur-text);
}

body[data-theme="dark"] .fur-journal-card__read-badge {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--fur-ref-white);
}

.fur-journal-card__meta-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-start: 16px;
  margin-block-end: 8px;
}

.fur-journal-card__category {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-primary);
  display: inline-flex;
  align-items: center;
}

.fur-journal-card__author {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--fur-text-muted);
}

.fur-journal-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--fur-text);
  text-decoration: none;
  transition: color 0.3s ease;
}

.fur-journal-card__link svg {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-journal-card__link:hover {
  color: var(--fur-primary);
}

.fur-journal-card__link:hover svg {
  transform: translateX(4px);
}

/* Horizontal Track Progress indicator */
.fur-journal-horizon__progress-track {
  width: 100%;
  max-width: 400px;
  height: 2px;
  background-color: var(--fur-border);
  margin-block-start: clamp(24px, 4vw, 48px);
  margin-inline: auto;
  border-radius: 1px;
  position: relative;
  overflow: hidden;
}

.fur-journal-horizon__progress-bar {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  background-color: var(--fur-primary);
  width: 30%; /* Set dynamically by JS */
  border-radius: 1px;
  transition: width 0.15s ease-out;
}

/* Section 3 Polish - Curator Notebook Grid */
.fur-journal-curator__prod-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 24px;
  display: flex;
  gap: 20px;
  margin-block-start: 32px;
  box-shadow: var(--fur-shadow-sm);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-journal-curator__prod-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--fur-shadow-lg);
}

.fur-journal-curator__prod-thumb {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border);
}

.fur-journal-curator__prod-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-journal-curator__prod-card:hover .fur-journal-curator__prod-thumb img {
  transform: scale(1.08);
}

.fur-journal-curator__prod-btn:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
}

.fur-product-card__add-btn:hover {
  background-color: var(--fur-primary-hover) !important;
}

/* Ensure Section 3 image container handles hotspots smoothly */
.fur-journal-curator__img-wrap .fur-trending__hotspot {
  position: absolute;
  z-index: 5;
}

/* Section 4 Polish - Acoustic Resonance Spectrum */
.fur-journal-sound__tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-block-end: clamp(24px, 4vw, 48px);
}

.fur-journal-sound__tab {
  background: none;
  border: 1px solid var(--fur-border);
  color: var(--fur-text-muted);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-journal-sound__tab:hover {
  border-color: var(--fur-primary);
  color: var(--fur-text);
}

.fur-journal-sound__tab--active {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  border-color: var(--fur-primary);
}

.fur-journal-sound__graph-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: clamp(20px, 3vw, 36px);
  flex: 1.2;
}

.fur-journal-sound__graph-title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text);
  display: block;
  margin-block-end: 24px;
}

.fur-journal-sound__bars {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.fur-journal-sound__bar-info {
  display: flex;
  justify-content: space-between;
  margin-block-end: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--fur-text);
}

.fur-journal-sound__bar-track {
  width: 100%;
  height: 6px;
  background-color: var(--fur-border);
  border-radius: 3px;
  overflow: hidden;
}

.fur-journal-sound__bar-fill {
  height: 100%;
  background: linear-gradient(to right, var(--fur-primary-muted), var(--fur-primary));
  border-radius: 3px;
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-journal-sound__info-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: clamp(20px, 3vw, 36px);
  flex: 0.8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.fur-journal-sound__info-title {
  font-family: var(--fur-font-serif);
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--fur-text);
  margin: 0 0 16px 0;
}

.fur-journal-sound__info-desc {
  font-size: 0.8rem;
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin: 0 0 24px 0;
}

/* Acoustic Aural Simulator comparison tool styling */
.fur-journal-sound__comparison {
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  padding: 16px;
  margin-block-end: 24px;
}

.fur-journal-sound__widget-title {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text-muted);
  display: block;
  margin-block-end: 12px;
}

.fur-journal-sound__comp-row {
  display: flex;
  gap: 10px;
}

.fur-journal-sound__comp-btn {
  flex: 1;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  color: var(--fur-text);
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.fur-journal-sound__comp-btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-border);
}

.fur-sound-play-icon {
  font-size: 0.6rem;
  color: var(--fur-primary);
}

.fur-journal-sound__mini-feedback {
  margin-block-start: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  padding: 6px 12px;
  border-radius: 4px;
}

.fur-sound-feedback-txt {
  font-size: 0.68rem;
  font-weight: 500;
  color: var(--fur-text-muted);
}

.fur-sound-feedback-indicator {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--fur-border);
  transition: background-color 0.3s ease;
}

.fur-sound-feedback-indicator--active {
  background-color: var(--fur-ref-lime-500);
  box-shadow: 0 0 8px var(--fur-ref-lime-500);
  animation: fur-pulse-green 1s infinite alternate;
}

@keyframes fur-pulse-green {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}

.fur-journal-sound__meta-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--fur-border);
  padding-top: 16px;
}

.fur-journal-sound__meta-title {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fur-text);
  display: block;
}

.fur-journal-sound__meta-desc {
  font-size: 0.7rem;
  color: var(--fur-text-muted);
}

/* Section 5 Polish - Registry of Stockists */
.fur-journal-stockists__row {
  position: relative;
  transition: background-color 0.3s ease;
}

.fur-stock-city-label {
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text);
  display: block;
}

.fur-stock-status-badge {
  display: inline-block;
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background-color: var(--fur-bg-secondary);
  color: var(--fur-primary);
  border: 1px solid var(--fur-border);
  padding: 2px 8px;
  border-radius: 10px;
  margin-block-start: 6px;
}

.fur-stock-status-badge--low {
  background-color: var(--fur-bg);
  color: var(--fur-text-muted);
  border-color: var(--fur-border-light);
}

.fur-stock-name {
  font-family: var(--fur-font-serif);
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--fur-text);
  display: block;
  margin-block-end: 6px;
}

.fur-stock-address {
  font-size: 0.75rem;
  color: var(--fur-text-muted);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-block-end: 4px;
}

.fur-stock-specimens {
  display: block;
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--fur-primary);
  margin-block-start: 4px;
}

.fur-stock-action-btn {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  color: var(--fur-text);
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-stock-action-btn:hover {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  border-color: var(--fur-primary);
  box-shadow: var(--fur-shadow-sm);
}

/* Floating interactive showroom mouse preview widget */
.fur-stock-hover-preview {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  padding: 4px;
  border-radius: var(--fur-radius-sm);
  box-shadow: var(--fur-shadow-lg);
  opacity: 0;
  transform: scale(0.9) translate(-50%, -110%);
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

.fur-stock-hover-preview--visible {
  opacity: 1;
  transform: scale(1) translate(-50%, -110%);
}

.fur-stock-hover-preview img {
  display: block;
  border-radius: calc(var(--fur-radius-sm) - 2px);
  object-fit: cover;
}

/* ==========================================================================
   TFT JOURNAL EDITION - HOME 4 REFINEMENTS
   ========================================================================== */

/* 1. Bespoke mobile overlay menu */
.tft-jnl-menu {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background-color: var(--fur-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--fur-transition-normal) ease, visibility var(--fur-transition-normal) ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline: clamp(24px, 6vw, 80px);
  padding-block: clamp(40px, 8vw, 100px);
}

.tft-jnl-menu--open {
  opacity: 0.98;
  visibility: visible;
  pointer-events: auto;
}

.tft-jnl-menu__close {
  position: absolute;
  inset-inline-end: clamp(20px, 5vw, 60px);
  inset-block-start: clamp(20px, 5vw, 60px);
  background: none;
  border: none;
  color: var(--fur-text);
  cursor: pointer;
  padding: 8px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--fur-transition-fast) ease, background-color var(--fur-transition-fast) ease;
}

.tft-jnl-menu__close:hover {
  transform: rotate(90deg);
  background-color: var(--fur-border-light);
}

.tft-jnl-menu__container {
  max-width: 800px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 5vw, 60px);
  height: 100%;
  justify-content: space-between;
}

.tft-jnl-menu__header {
  border-bottom: 1px solid var(--fur-border);
  padding-bottom: clamp(16px, 3vw, 30px);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.tft-jnl-menu__logo {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 400;
  line-height: 1;
  color: var(--fur-text);
  letter-spacing: -0.02em;
}

.tft-jnl-menu__subtitle {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.7rem, 2vw, 0.9rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-text-muted);
  font-weight: 600;
  padding-bottom: 4px;
}

.tft-jnl-menu__nav {
  margin-block: auto;
}

.tft-jnl-menu__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 3vh, 32px);
}

.tft-jnl-menu__item {
  display: flex;
  align-items: baseline;
  gap: clamp(16px, 4vw, 40px);
  border-bottom: 1px solid var(--fur-border-light);
  padding-bottom: clamp(8px, 1.5vh, 16px);
}

.tft-jnl-menu__num {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.75rem, 2vw, 1rem);
  color: var(--fur-text-muted);
  font-weight: 500;
}

.tft-jnl-menu__link {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.2rem, 3.5vw, 2.2rem);
  color: var(--fur-text);
  text-decoration: none;
  font-style: italic;
  font-weight: 400;
  transition: transform var(--fur-transition-normal) ease, color var(--fur-transition-fast) ease;
  display: inline-block;
}

.tft-jnl-menu__link:hover {
  color: var(--fur-primary);
  transform: translate-inline-start(8px);
}

/* logical property shim */
@supports not (inset-inline-start: 0) {
  .tft-jnl-menu__link:hover {
    transform: translateX(8px);
  }
}

.tft-jnl-menu__footer {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: clamp(24px, 5vw, 60px);
  border-top: 1px solid var(--fur-border);
  padding-top: clamp(16px, 3vw, 30px);
}

@media (max-width: 768px) {
  .tft-jnl-menu__footer {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.tft-jnl-menu__meta-title {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
  margin-block-end: 8px;
}

.tft-jnl-menu__meta-text {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--fur-text-muted);
}

.tft-jnl-menu__action-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}

@media (max-width: 768px) {
  .tft-jnl-menu__action-col {
    align-items: flex-start;
  }
}

.tft-jnl-menu__btn {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-button-text);
  background-color: var(--fur-primary);
  border: 1px solid var(--fur-primary);
  padding: 12px 24px;
  border-radius: var(--fur-radius-sm);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--fur-transition-fast) ease, border-color var(--fur-transition-fast) ease;
}

.tft-jnl-menu__btn:hover {
  background-color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
}

.tft-jnl-menu__home-links {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: var(--fur-text-muted);
}

.tft-jnl-menu__home-links a {
  color: inherit;
  text-decoration: none;
  transition: color var(--fur-transition-fast) ease;
}

.tft-jnl-menu__home-links a:hover {
  color: var(--fur-primary);
}

/* 2. Scroll Indicator */
.tft-jnl-hero__scroll-indicator {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--fur-text-muted);
  pointer-events: none;
  z-index: 10;
}

.tft-jnl-hero__scroll-label {
  font-family: var(--fur-font-sans);
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
}

.tft-jnl-hero__scroll-arrow {
  animation: tft-scroll-bounce 2s infinite alternate cubic-bezier(0.25, 1, 0.5, 1);
}

@keyframes tft-scroll-bounce {
  0% { transform: translateY(0); opacity: 0.4; }
  100% { transform: translateY(6px); opacity: 1; }
}

/* 3. Section 3 - Notebook Dropcap, Signature, and Stamp */
.tft-jnl-dropcap {
  float: left;
  font-size: clamp(3rem, 6vw, 4.5rem);
  font-family: var(--fur-font-serif);
  line-height: 0.8;
  margin-inline-end: 12px;
  margin-block-start: 4px;
  color: var(--fur-primary);
  font-weight: 400;
}

.tft-jnl-curator-signature {
  font-family: var(--fur-font-script);
  font-style: italic;
  font-size: 1.5rem;
  color: var(--fur-primary);
  display: block;
  margin-block-start: 16px;
  text-align: end;
}

.tft-jnl-curator__stamp {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: -15px;
  color: var(--fur-border);
  opacity: 0.8;
  pointer-events: none;
  z-index: 2;
  transition: transform var(--fur-transition-slow) ease;
}

.tft-jnl-curator__right:hover .tft-jnl-curator__stamp {
  transform: rotate(15deg);
}

.tft-jnl-stamp-svg {
  color: var(--fur-primary);
  opacity: 0.45;
}

/* 4. Audio waveform animations */
.fur-journal-audio--playing .fur-wave-bar {
  animation: tft-wave-pulse 1.2s infinite alternate ease-in-out;
}

.fur-journal-audio--playing .fur-wave-bar:nth-child(2) { animation-delay: 0.15s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(3) { animation-delay: 0.3s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(4) { animation-delay: 0.1s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(5) { animation-delay: 0.45s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(6) { animation-delay: 0.2s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(7) { animation-delay: 0.35s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(8) { animation-delay: 0.05s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(9) { animation-delay: 0.25s; }
.fur-journal-audio--playing .fur-wave-bar:nth-child(10) { animation-delay: 0.4s; }

@keyframes tft-wave-pulse {
  0% { height: 4px; }
  100% { height: 22px; }
}

/* 5. Sound feedback waveform animations */
.tft-jnl-wave-bar {
  width: 4px;
  height: 3px;
  background-color: var(--fur-border);
  border-radius: var(--fur-radius-full);
  transition: height 0.2s ease, background-color 0.2s ease;
}

.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar {
  background-color: var(--fur-primary);
  animation: tft-feedback-pulse 0.8s infinite alternate cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(1) { animation-delay: 0.0s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(2) { animation-delay: 0.1s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(3) { animation-delay: 0.2s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(4) { animation-delay: 0.15s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(5) { animation-delay: 0.3s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(6) { animation-delay: 0.05s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(7) { animation-delay: 0.25s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(8) { animation-delay: 0.1s; }

@keyframes tft-feedback-pulse {
  0% { height: 3px; }
  100% { height: 16px; }
}

/* Smooth active presets graph bar widths */
.fur-journal-sound__bar-fill {
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Section 2 Hover zoom effect on scroller essays */
.fur-journal-card__image-wrap {
  overflow: hidden;
  border-radius: var(--fur-radius-md);
}

.fur-journal-card__img {
  transition: transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1);
}

.fur-journal-card:hover .fur-journal-card__img {
  transform: scale(1.05);
}

.fur-journal-card__read-badge {
  transition: transform var(--fur-transition-fast) ease;
}

.fur-journal-card:hover .fur-journal-card__read-badge {
  transform: translateY(-4px);
}

/* ==========================================================================
   TFT JOURNAL EDITION - NEW SECTIONS (SPECIMEN CATALOG & DESIGNER DIALOGUE)
   ========================================================================== */

/* 1. Section 6 - Material Specimen Showcase */
.tft-jnl-specimens {
  padding-block: clamp(60px, 8vw, 120px);
  border-bottom: 1px solid var(--fur-border-light);
}

.tft-jnl-specimens__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 4vw, 40px);
  margin-block-start: clamp(30px, 5vw, 60px);
}

@media (max-width: 992px) {
  .tft-jnl-specimens__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .tft-jnl-specimens__grid {
    grid-template-columns: 1fr;
  }
}

.tft-jnl-specimen-card {
  display: flex;
  flex-direction: column;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  transition: transform var(--fur-transition-normal) ease, border-color var(--fur-transition-fast) ease;
}

.tft-jnl-specimen-card:hover {
  transform: translateY(-6px);
  border-color: var(--fur-border);
}

.tft-jnl-specimen-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

.tft-jnl-specimen-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-jnl-specimen-card:hover .tft-jnl-specimen-card__img {
  transform: scale(1.06);
}

.tft-jnl-specimen-card__origin {
  position: absolute;
  inset-inline-end: 16px;
  inset-block-end: 16px;
  background-color: var(--fur-bg);
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 6px 12px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border-light);
}

.tft-jnl-specimen-card__body {
  padding: clamp(16px, 3vw, 24px);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.tft-jnl-specimen-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 12px;
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text-muted);
}

.tft-jnl-specimen-card__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 400;
  line-height: 1.3;
  color: var(--fur-text);
  margin-block-end: 10px;
}

.tft-jnl-specimen-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin-block-end: auto;
  padding-block-end: clamp(16px, 3vw, 24px);
}

.tft-jnl-specimen-card__metrics {
  border-top: 1px solid var(--fur-border-light);
  padding-block-start: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tft-jnl-specimen-card__metric {
  display: flex;
  justify-content: space-between;
  font-size: 0.72rem;
  font-family: var(--fur-font-sans);
}

.tft-jnl-specimen-card__metric-label {
  color: var(--fur-text-muted);
}

.tft-jnl-specimen-card__metric-val {
  color: var(--fur-text);
  font-weight: 600;
}

/* 2. Section 7 - Letterpress Dialogue & Newsletter subscription */
.tft-jnl-dialogue {
  padding-block: clamp(60px, 8vw, 120px);
}

.tft-jnl-dialogue__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(40px, 6vw, 100px);
  align-items: start;
}

@media (max-width: 992px) {
  .tft-jnl-dialogue__grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

.tft-jnl-dialogue__left {
  display: flex;
  flex-direction: column;
}

.tft-jnl-dialogue__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 400;
  line-height: 1.1;
  color: var(--fur-text);
  margin-block: 16px 24px;
  letter-spacing: -0.01em;
}

.tft-jnl-dialogue__lead {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  line-height: 1.6;
  color: var(--fur-text);
  margin-block-end: clamp(30px, 5vw, 50px);
  font-weight: 300;
}

.tft-jnl-dialogue__transcript {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 4vw, 40px);
}

.tft-jnl-dialogue__speech {
  border-inline-start: 1px solid var(--fur-primary);
  padding-inline-start: clamp(16px, 3vw, 24px);
}

.tft-jnl-dialogue__speaker {
  font-family: var(--fur-font-sans);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
  display: block;
  margin-block-end: 8px;
}

.tft-jnl-dialogue__quote {
  font-family: var(--fur-font-serif);
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.6;
  color: var(--fur-text);
  font-style: italic;
}

.tft-jnl-subscribe-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  padding: clamp(24px, 5vw, 48px);
  border-radius: var(--fur-radius-md);
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.tft-jnl-subscribe-card__tag {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-primary);
}

.tft-jnl-subscribe-card__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
  font-weight: 400;
  color: var(--fur-text);
  margin-block: 4px 8px;
}

.tft-jnl-subscribe-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin-block-end: clamp(16px, 3vw, 28px);
}

.tft-jnl-subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: opacity var(--fur-transition-fast) ease;
}

.tft-jnl-subscribe-form__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tft-jnl-subscribe-form__label {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
}

.tft-jnl-subscribe-form__input {
  border: none;
  border-bottom: 1px solid var(--fur-border);
  background: transparent;
  padding-block: 8px 12px;
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  color: var(--fur-text);
  border-radius: 0;
  outline: none;
  transition: border-color var(--fur-transition-fast) ease;
}

.tft-jnl-subscribe-form__input:focus {
  border-color: var(--fur-primary);
}

.tft-jnl-subscribe-form__submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--fur-primary);
  border: 1px solid var(--fur-primary);
  color: var(--fur-button-text);
  padding: 14px 24px;
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
  transition: background-color var(--fur-transition-fast) ease, border-color var(--fur-transition-fast) ease;
  margin-block-start: clamp(8px, 1.5vw, 16px);
}

.tft-jnl-subscribe-form__submit:hover {
  background-color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
}

.tft-jnl-subscribe-success {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px;
  background-color: var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border);
  animation: tft-success-fade-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.tft-jnl-subscribe-success__icon {
  color: var(--fur-primary);
  flex-shrink: 0;
  margin-block-start: 2px;
}

.tft-jnl-subscribe-success__title {
  font-family: var(--fur-font-serif);
  font-size: 1.05rem;
  font-weight: 400;
  color: var(--fur-text);
  display: block;
  margin-block-end: 4px;
}

.tft-jnl-subscribe-success__text {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--fur-text-muted);
}

@keyframes tft-success-fade-in {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   TFT JOURNAL EDITION - NEW INTERACTIVE SECTIONS (GROWTH SIMULATOR & MOODBOARD)
   ========================================================================== */

/* 1. Section 8 - Spessart Chronology (Timber Growth Simulator) */
.tft-jnl-growth {
  padding-block: clamp(60px, 8vw, 120px);
  border-bottom: 1px solid var(--fur-border-light);
}

.tft-jnl-growth__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px, 6vw, 80px);
  align-items: center;
  margin-block-start: clamp(30px, 5vw, 60px);
}

@media (max-width: 992px) {
  .tft-jnl-growth__container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.tft-jnl-growth__visualizer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border-light);
  padding: clamp(20px, 4vw, 40px);
  border-radius: var(--fur-radius-md);
  position: relative;
  aspect-ratio: 1;
  margin-inline: auto;
  width: 100%;
}

.tft-jnl-growth__tree-trunk {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tft-jnl-growth-ring {
  transition: stroke var(--fur-transition-fast) ease, stroke-width var(--fur-transition-fast) ease;
}

.tft-jnl-growth-ring--active {
  stroke: var(--fur-primary) !important;
  stroke-width: 2px !important;
}

.tft-jnl-growth__controls {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 4vw, 30px);
}

.tft-jnl-growth__slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-jnl-growth__slider-labels {
  display: flex;
  justify-content: space-between;
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
  font-weight: 500;
}

.tft-jnl-growth__range-input {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  height: 4px;
  border-radius: 2px;
  background: var(--fur-border-light);
  outline: none;
  margin-block: 8px;
}

.tft-jnl-growth__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--fur-primary);
  border: 2px solid var(--fur-bg);
  cursor: pointer;
  transition: transform var(--fur-transition-fast) ease;
}

.tft-jnl-growth__range-input::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}

.tft-jnl-growth__current-year {
  display: flex;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
}

#tft-growth-year-val {
  color: var(--fur-primary);
  font-weight: 700;
}

.tft-jnl-growth__card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  padding: clamp(20px, 4vw, 32px);
  border-radius: var(--fur-radius-md);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: opacity var(--fur-transition-fast) ease, transform var(--fur-transition-fast) ease;
}

.tft-jnl-growth__card-tag {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
}

.tft-jnl-growth__card-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.25rem, 3vw, 1.8rem);
  font-weight: 400;
  color: var(--fur-text);
}

.tft-jnl-growth__card-text {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
}

.tft-jnl-growth__card-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  border-top: 1px solid var(--fur-border-light);
  padding-block-start: 16px;
  margin-block-start: 8px;
}

.tft-jnl-growth__stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
}

.tft-jnl-growth__stat span {
  color: var(--fur-text-muted);
}

.tft-jnl-growth__stat strong {
  color: var(--fur-text);
  font-weight: 600;
}


/* 2. Section 9 - Tactile Swatch Moodboard & Interior Simulator */
.tft-jnl-palette {
  padding-block: clamp(60px, 8vw, 120px);
}

.tft-jnl-palette__layout {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: clamp(40px, 6vw, 80px);
  align-items: center;
  margin-block-start: clamp(30px, 5vw, 60px);
}

@media (max-width: 992px) {
  .tft-jnl-palette__layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.tft-jnl-palette__swatches {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-jnl-palette__btn {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border-light);
  padding: clamp(16px, 3vw, 24px);
  border-radius: var(--fur-radius-md);
  cursor: pointer;
  text-align: start;
  width: 100%;
  transition: border-color var(--fur-transition-fast) ease, transform var(--fur-transition-fast) ease;
  outline: none;
}

.tft-jnl-palette__btn--active, 
.tft-jnl-palette__btn:hover {
  border-color: var(--fur-primary);
  transform: translateX(4px);
}

.tft-jnl-palette__swatch-preview {
  display: flex;
  width: clamp(50px, 8vw, 70px);
  height: clamp(50px, 8vw, 70px);
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  border: 1px solid var(--fur-border-light);
  flex-shrink: 0;
}

.tft-jnl-palette__color {
  flex: 1;
  background-size: cover;
  background-position: center;
}

.tft-jnl-palette__btn-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tft-jnl-palette__btn-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 400;
  color: var(--fur-text);
}

.tft-jnl-palette__btn-desc {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

.tft-jnl-palette__display {
  border: 1px solid var(--fur-border);
  padding: 12px;
  border-radius: var(--fur-radius-md);
  background-color: var(--fur-surface);
  width: 100%;
}

.tft-jnl-palette__display-inner {
  position: relative;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.tft-jnl-palette__display-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-jnl-palette__display-caption {
  position: relative;
  z-index: 2;
  padding: clamp(20px, 4vw, 30px);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);
  color: var(--fur-bg);
  width: 100%;
  box-sizing: border-box;
}

.tft-jnl-palette__display-caption h4 {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.2rem, 3.5vw, 1.6rem);
  font-weight: 400;
  margin-block-end: 6px;
  color: var(--fur-bg);
}

.tft-jnl-palette__display-caption p {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}





/* ==========================================================================
   ariely COMPATIBILITY: WIDE INNER PAGES RECTIFICATION
   ========================================================================== */
@media (min-width: 1025px) {
  /* Expand the main content feed to occupy all remaining width on all inner pages */
  .tft-layout-wide .fur-main {
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* ==========================================================================
   ariely & WP-CONVERSION: PREMIUM INNER PAGES POLISH & DECORATIONS
   ========================================================================== */

/* 1. Immersive Ken Burns Header Block */
.tft-page-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-block-size: clamp(300px, 35vh, 420px);
  overflow: hidden;
  margin-block-end: var(--fur-margin-block-lg);
  border-radius: var(--fur-radius-lg);
  padding-inline: var(--fur-margin-block-md);
  padding-block: var(--fur-margin-block-lg);
  color: var(--fur-ref-white);
  box-shadow: 0 10px 40px var(--fur-shadow-lg);
}

.tft-page-header__bg-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.tft-page-header__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: tft-kenburns-zoom 35s ease-in-out infinite alternate;
}

.tft-page-header__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--fur-primary) 30%, transparent) 0%,
    color-mix(in srgb, var(--fur-primary) 85%, transparent) 100%
  );
  z-index: 2;
}

.tft-page-header__container {
  position: relative;
  z-index: 3;
  max-width: 900px;
  width: 100%;
  margin-inline: auto;
  text-align: left;
}

.tft-page-header__tag {
  display: inline-block;
  font-family: var(--fur-font-sans);
  font-size: clamp(0.75rem, 1.2vw, 0.85rem);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 700;
  color: var(--fur-bg);
  background-color: color-mix(in srgb, var(--fur-primary) 40%, transparent);
  padding-inline: 12px;
  padding-block: 4px;
  border-radius: var(--fur-radius-sm);
  margin-block-end: 16px;
  border: 1px solid color-mix(in srgb, var(--fur-bg) 30%, transparent);
}

.tft-page-header__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 5vw, 3.8rem);
  line-height: 1.15;
  font-weight: 300;
  color: var(--fur-ref-white);
  margin-block-end: 16px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.2);
}

.tft-page-header__desc {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  font-weight: 300;
  color: color-mix(in srgb, var(--fur-ref-white) 80%, transparent);
  max-width: 650px;
}

@keyframes tft-kenburns-zoom {
  0% {
    transform: scale(1) translate(0, 0);
  }
  100% {
    transform: scale(1.12) translate(-1%, -0.5%);
  }
}

/* 2. Shop Page: Hotspot Lookbook */
.tft-lookbook {
  position: relative;
  margin-block: var(--fur-margin-block-lg);
  border-radius: var(--fur-radius-xl);
  overflow: hidden;
  box-shadow: 0 12px 40px var(--fur-shadow-lg);
}

.tft-lookbook__img-wrap {
  width: 100%;
  aspect-ratio: 21 / 9;
  min-block-size: 280px;
  overflow: hidden;
}

.tft-lookbook__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tft-lookbook__hotspot {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--fur-ref-white);
  border: 4px solid var(--fur-primary);
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  z-index: 5;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--fur-ref-white) 40%, transparent);
  transition: transform var(--fur-transition-fast), box-shadow var(--fur-transition-fast);
}

.tft-lookbook__hotspot:hover {
  transform: translate(-50%, -50%) scale(1.25);
  box-shadow: 0 0 0 10px color-mix(in srgb, var(--fur-primary) 30%, transparent);
}

.tft-lookbook__hotspot::after {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-ref-white);
  animation: tft-pulse 2s infinite;
  opacity: 0;
}

@keyframes tft-pulse {
  0% {
    transform: scale(0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

.tft-lookbook__card {
  position: absolute;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 16px;
  width: 220px;
  box-shadow: 0 10px 30px var(--fur-shadow-lg);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -120%) scale(0.95);
  transition: opacity var(--fur-transition-normal), transform var(--fur-transition-normal), visibility var(--fur-transition-normal);
}

.tft-lookbook__card--visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -120%) scale(1);
}

.tft-lookbook__card-title {
  font-family: var(--fur-font-serif);
  font-size: 1rem;
  color: var(--fur-text);
  margin-block-end: 4px;
}

.tft-lookbook__card-price {
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--fur-primary);
  margin-block-end: 8px;
}

.tft-lookbook__card-link {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-ref-white);
  background-color: var(--fur-primary);
  padding-inline: 12px;
  padding-block: 6px;
  border-radius: var(--fur-radius-sm);
  display: inline-block;
  transition: background-color var(--fur-transition-fast);
}

.tft-lookbook__card-link:hover {
  background-color: var(--fur-primary-hover);
}

/* 3. Shop Page: Material Swatch Showcase */
.tft-materials-sec {
  margin-block: var(--fur-margin-block-lg);
  padding: clamp(20px, 4vw, 40px);
  background-color: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-xl);
  border: 1px solid var(--fur-border);
}

.tft-materials-sec__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  margin-block-end: 24px;
  text-align: center;
}

.tft-materials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.tft-materials-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  box-shadow: 0 4px 20px var(--fur-shadow);
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal);
}

.tft-materials-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px var(--fur-shadow-lg);
}

.tft-materials-card__img-wrap {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.tft-materials-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tft-materials-card__body {
  padding: 20px;
}

.tft-materials-card__tag {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
  margin-block-end: 8px;
  display: block;
}

.tft-materials-card__title {
  font-family: var(--fur-font-serif);
  font-size: 1.15rem;
  margin-block-end: 8px;
}

.tft-materials-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  line-height: 1.6;
}

/* 4. Product Details: Accordions */
.tft-product-accordion {
  border-top: 1px solid var(--fur-border);
  margin-block-start: 24px;
}

.tft-product-accordion__item {
  border-bottom: 1px solid var(--fur-border);
}

.tft-product-accordion__btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 16px;
  text-align: left;
  font-family: var(--fur-font-serif);
  font-size: 1.1rem;
  color: var(--fur-text);
  font-weight: 500;
}

.tft-product-accordion__btn .fur-icon {
  transition: transform var(--fur-transition-fast);
}

.tft-product-accordion__btn[aria-expanded="true"] .fur-icon {
  transform: rotate(180deg);
}

.tft-product-accordion__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--fur-transition-normal) ease-out;
}

.tft-product-accordion__content {
  padding-block-end: 16px;
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  line-height: 1.6;
}

/* 5. Product Details: Scarcity Ticker & Timeline */
.tft-scarcity-ticker {
  background-color: color-mix(in srgb, var(--fur-accent) 8%, transparent);
  border: 1px dashed var(--fur-accent);
  padding: 12px 16px;
  border-radius: var(--fur-radius-sm);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-block: 16px;
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-accent);
  font-weight: 600;
}

.tft-scarcity-ticker__dot {
  width: 8px;
  height: 8px;
  background-color: var(--fur-accent);
  border-radius: var(--fur-radius-full);
  animation: tft-dot-pulse 1.5s infinite alternate;
}

@keyframes tft-dot-pulse {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}

.tft-configurator-timeline {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-md);
  padding: 16px;
  border: 1px solid var(--fur-border);
  margin-block-start: 16px;
}

.tft-configurator-timeline__step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.tft-configurator-timeline__icon {
  width: 20px;
  height: 20px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-ref-white);
  font-size: 0.65rem;
  font-weight: 800;
  flex-shrink: 0;
  margin-block-start: 2px;
}

.tft-configurator-timeline__step-title {
  font-family: var(--fur-font-sans);
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--fur-text);
  margin-block-end: 2px;
}

.tft-configurator-timeline__step-desc {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

/* 6. About Us: Artisans & Stats */
.tft-artisans-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  margin-block: var(--fur-margin-block-lg);
}

.tft-artisans-card {
  text-align: center;
}

.tft-artisans-card__img-wrap {
  width: 160px;
  height: 160px;
  border-radius: var(--fur-radius-full);
  overflow: hidden;
  margin-inline: auto;
  margin-block-end: 20px;
  border: 3px solid var(--fur-border);
  box-shadow: 0 4px 15px var(--fur-shadow);
}

.tft-artisans-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tft-artisans-card__name {
  font-family: var(--fur-font-serif);
  font-size: 1.25rem;
  margin-block-end: 4px;
}

.tft-artisans-card__role {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
  display: block;
}

.tft-artisans-card__bio {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  line-height: 1.5;
}

.tft-sustainability-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px;
  padding: 40px;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  border-radius: var(--fur-radius-xl);
  text-align: center;
  margin-block: var(--fur-margin-block-lg);
}

.tft-sustainability-stats__val {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 300;
  margin-block-end: 8px;
  color: var(--fur-bg);
}

.tft-sustainability-stats__label {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: color-mix(in srgb, var(--fur-ref-white) 80%, transparent);
}

/* 7. Contact Us: Calendar Slots & Accordions */
.tft-calendar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-block: 16px;
}

.tft-calendar-slot {
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  padding: 12px;
  border-radius: var(--fur-radius-sm);
  text-align: center;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}

.tft-calendar-slot:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-sidebar-active);
}

.tft-calendar-slot--selected {
  border-color: var(--fur-primary);
  background-color: var(--fur-primary);
  color: var(--fur-ref-white) !important;
}

.tft-calendar-slot__day {
  font-family: var(--fur-font-sans);
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-block-end: 4px;
}

.tft-calendar-slot__time {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  font-weight: 600;
}

.tft-faq-accordion {
  margin-block-start: 40px;
}

.tft-faq-accordion__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h3);
  margin-block-end: 20px;
}

/* 8. Blog: Scroll Indicator & Audio Podcast */
.tft-scroll-progress {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  block-size: 4px;
  background-color: var(--fur-border);
  z-index: 1000;
}

.tft-scroll-progress__bar {
  block-size: 100%;
  inline-size: 0%;
  background-color: var(--fur-accent);
  transition: width 0.1s ease-out;
}

.tft-podcast-widget {
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-block-end: 24px;
}

.tft-podcast-widget__play-btn {
  width: 48px;
  height: 48px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast);
}

.tft-podcast-widget__play-btn:hover {
  transform: scale(1.05);
  background-color: var(--fur-primary-hover);
}

.tft-podcast-widget__track-info {
  flex: 1;
}

.tft-podcast-widget__title {
  font-family: var(--fur-font-sans);
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--fur-text);
}

.tft-podcast-widget__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

.tft-podcast-widget__progress-container {
  width: 100%;
  height: 4px;
  background-color: var(--fur-border);
  border-radius: var(--fur-radius-full);
  margin-block-start: 8px;
  overflow: hidden;
}

.tft-podcast-widget__progress-bar {
  width: 0%;
  height: 100%;
  background-color: var(--fur-primary);
  transition: width 0.3s ease;
}

/* 9. Checkout: Transit Stepper */
.tft-shipping-stepper {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-block: 40px;
}

.tft-shipping-stepper::before {
  content: "";
  position: absolute;
  inset-block-start: 14px;
  inset-inline: 0;
  height: 2px;
  background-color: var(--fur-border);
  z-index: 1;
}

.tft-shipping-stepper__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  flex: 1;
  text-align: center;
}

.tft-shipping-stepper__indicator {
  width: 30px;
  height: 30px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: 2px solid var(--fur-border);
  color: var(--fur-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  margin-block-end: 8px;
  transition: all var(--fur-transition-normal);
}

.tft-shipping-stepper__step--active .tft-shipping-stepper__indicator {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--fur-primary) 20%, transparent);
}

.tft-shipping-stepper__step--complete .tft-shipping-stepper__indicator {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}

.tft-shipping-stepper__label {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text-muted);
}

.tft-shipping-stepper__step--active .tft-shipping-stepper__label {
  color: var(--fur-text);
}

/* ==========================================================================
   PRODUCT SINGLE PAGE PREMIUM LAYOUT & 3D SWITCH SHOWCASE
   ========================================================================== */
.tft-single-product-wrap {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 48px;
  width: 100%;
  margin-block-end: 80px;
}

@media (max-width: 991px) {
  .tft-single-product-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.tft-single-showcase {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-xl);
  padding: 0;
  display: flex;
  flex-direction: column;
  align-self: start;
  position: sticky;
  top: 100px;
  overflow: hidden;
}

.tft-single-showcase__view {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: auto;
  transition: opacity 0.3s ease;
}

.tft-single-showcase__view--hidden {
  display: none !important;
}

/* ------------------------------------------------------------------------
   14. INTERACTIVE DESIGN STUDIO CALL TO ACTION
   ------------------------------------------------------------------------ */
.tft-planner-cta {
  padding-block: var(--fur-margin-block-lg);
  padding-inline: var(--fur-margin-block-md);
  max-width: 1400px;
  margin-inline: auto;
  width: 100%;
}

.tft-planner-cta__wrapper {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-xl);
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: clamp(2rem, 4vw, 5rem);
  padding-inline: clamp(2rem, 3.5vw, 4.5rem);
  padding-block: clamp(2rem, 3.5vw, 4.5rem);
  align-items: center;
  box-shadow: 0 10px 30px var(--fur-shadow);
  overflow: hidden;
}

@media (max-width: 991px) {
  .tft-planner-cta__wrapper {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-inline: 24px;
    padding-block: 40px;
  }
}

.tft-planner-cta__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.tft-planner-cta__tag {
  display: inline-block;
  font-size: var(--fur-fs-small);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--fur-primary);
  font-weight: 700;
}

.tft-planner-cta__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  line-height: 1.15;
  color: var(--fur-text);
}

.tft-planner-cta__title em {
  font-family: var(--fur-font-serif);
  font-style: italic;
}

.tft-planner-cta__desc {
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  line-height: 1.6;
}

.tft-planner-cta__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-block-start: 12px;
  width: 100%;
}

.tft-planner-cta__primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-inline: 32px;
  padding-block: 16px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-family: var(--fur-font-sans);
  font-weight: 600;
  font-size: var(--fur-fs-small);
  text-decoration: none;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast);
  width: fit-content;
}

.tft-planner-cta__primary-btn:hover {
  background-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

.tft-planner-cta__primary-btn:active {
  transform: translateY(0);
}

.tft-planner-cta__meta {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}

.tft-planner-cta__visual {
  width: 100%;
}

.tft-planner-cta__frame {
  position: relative;
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  border: 1px solid var(--fur-border);
  box-shadow: 0 20px 40px var(--fur-shadow-lg);
}

.tft-planner-cta__img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  transition: transform var(--fur-transition-slow);
}

.tft-planner-cta__wrapper:hover .tft-planner-cta__img {
  transform: scale(1.03);
}

.tft-planner-cta__badge {
  position: absolute;
  inset-inline-end: 24px;
  inset-block-start: 24px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  padding-inline: 16px;
  padding-block: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px var(--fur-shadow-lg);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
}

.tft-planner-cta__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-ref-lime-500);
  animation: tftPulse 2s infinite;
}

@keyframes tftPulse {
  0% { transform: scale(0.9); opacity: 0.6; }
  50% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.6; }
}

/* ------------------------------------------------------------------------
   15. PREMIUM RELATED PRODUCTS CARDS
   ------------------------------------------------------------------------ */
.tft-related-card {
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-xl);
  border: 1px solid var(--fur-border);
  padding: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 24px var(--fur-shadow);
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal), border-color var(--fur-transition-fast);
  cursor: pointer;
}

.tft-related-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px var(--fur-shadow-lg);
  border-color: var(--fur-primary);
}

.tft-related-card__image-wrap {
  width: 100%;
  aspect-ratio: 1;
  background-color: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-lg);
  position: relative;
  overflow: hidden;
  margin-block-end: 16px;
}

.tft-related-card__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 24px;
  box-sizing: border-box;
  transition: transform var(--fur-transition-slow);
}

.tft-related-card:hover .tft-related-card__img {
  transform: scale(1.06);
}

.tft-related-card__overlay {
  position: absolute;
  inset: 0;
  background-color: var(--fur-ref-overlay-light);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 1;
  transition: opacity var(--fur-transition-fast);
}

.tft-related-card__image-wrap:hover .tft-related-card__overlay {
  opacity: 1;
}

.tft-related-card__overlay-btn {
  padding-inline: 20px;
  padding-block: 10px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  color: var(--fur-text);
  font-weight: 600;
  font-size: var(--fur-fs-small);
  box-shadow: 0 8px 20px var(--fur-shadow-lg);
  transform: translateY(10px);
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast), color var(--fur-transition-fast);
}

.tft-related-card__image-wrap:hover .tft-related-card__overlay-btn {
  transform: translateY(0);
}

.tft-related-card__overlay-btn:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.tft-related-card__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.tft-related-card__category {
  font-family: var(--fur-font-serif);
  font-style: italic;
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  margin-block-end: 6px;
}

.tft-related-card__title {
  font-family: var(--fur-font-sans);
  font-weight: 600;
  font-size: var(--fur-fs-body);
  color: var(--fur-text);
  margin-block-end: 12px;
  letter-spacing: -0.3px;
}

.tft-related-card__divider {
  width: 100%;
  height: 1px;
  background-color: var(--fur-border);
  margin-block-end: 12px;
}

.tft-related-card__footer {
  margin-block-start: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tft-related-card__price {
  font-weight: 700;
  font-size: var(--fur-fs-body);
  color: var(--fur-primary);
}

.tft-related-card__badge {
  font-family: var(--fur-font-sans);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: var(--fur-bg);
  color: var(--fur-text-muted);
  padding-inline: 8px;
  padding-block: 4px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border);
}

/* ==========================================================================
   2026 ARCHITECTURAL PRODUCT CARD OVERRIDES
   ========================================================================== */
.fur-product-card {
  padding: 0 !important;
  background-color: var(--fur-bg) !important;
  border-radius: 4px !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: none !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;
}

.fur-product-card:hover {
  transform: translateY(-6px) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05) !important;
}

.fur-product-card__img-wrap {
  margin-block-end: 0 !important;
  border-radius: 0 !important;
  background-color: var(--fur-bg-secondary) !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.fur-product-card__img {
  padding: 24px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.fur-product-card__info {
  padding: 20px !important;
}

.fur-product-card__add-btn {
  border-radius: 2px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border: none !important;
  padding-inline: 20px !important;
  padding-block: 10px !important;
  letter-spacing: 0.5px !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   2026 PREMIUM MOBILE MENU DRAWER OVERRIDES
   ========================================================================== */
@media (max-width: 1024px) {
  .fur-sidebar__nav {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    inset-block: 0 !important;
    inset-inline-end: -100vw !important;
    inset-inline-start: auto !important;
    width: min(320px, 100vw) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-inline-start: 1px solid var(--fur-border) !important;
    border-block-end: none !important;
    padding-inline: clamp(20px, 5vw, 40px) !important;
    padding-block: clamp(40px, 8vw, 80px) !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.08) !important;
    transition: inset-inline-end 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 10000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body[data-theme="dark"] .fur-sidebar__nav {
    background: rgba(26, 26, 26, 0.85) !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3) !important;
  }

  .fur-sidebar__nav--open {
    inset-inline-end: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Reset default fadeInUp animation */
  .fur-sidebar__nav--open {
    animation: none !important;
  }

  /* Nav Links styling for drawer */
  .fur-sidebar__nav-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-block-start: 40px !important;
  }

  .fur-sidebar__nav-item {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
  }

  .fur-sidebar__nav--open .fur-sidebar__nav-item {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  /* Stagger delays for 8 items */
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(1) { transition-delay: 0.1s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(2) { transition-delay: 0.15s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(3) { transition-delay: 0.2s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(4) { transition-delay: 0.25s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(5) { transition-delay: 0.3s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(6) { transition-delay: 0.35s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(7) { transition-delay: 0.4s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(8) { transition-delay: 0.45s !important; }

  /* Premium Close Button inside drawer for mobile */
  .fur-sidebar__nav-close {
    display: flex !important;
    align-self: flex-end !important;
    background: none !important;
    border: none !important;
    color: var(--fur-text) !important;
    cursor: pointer !important;
    padding: 8px !important;
    margin-inline-end: -8px !important;
    margin-block-end: 20px !important;
    transition: transform 0.3s ease !important;
  }

  .fur-sidebar__nav-close:hover {
    transform: rotate(90deg) !important;
  }

  /* Dark background glass backdrop overlay when menu open */
  .tft-menu-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
  }

  .tft-menu-overlay--visible {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* ==========================================================================
   2026 ABOUT PAGE NEW SECTIONS STYLING
   ========================================================================== */
.tft-material-explorer {
  padding-block: clamp(40px, 6vw, 80px);
}

.tft-material-explorer__container {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: clamp(30px, 5vw, 60px);
  align-items: flex-start;
  margin-block-start: 30px;
}

@media (max-width: 768px) {
  .tft-material-explorer__container {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.tft-material-explorer__swatches {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 768px) {
  .tft-material-explorer__swatches {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
}

/* Swatch Item styling */
.fur-swatches__item {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  padding: 16px 24px;
  border-radius: var(--fur-radius-md);
  cursor: pointer;
  text-align: start;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}

@media (max-width: 768px) {
  .fur-swatches__item {
    width: auto;
    padding: 12px 18px;
    gap: 10px;
  }
}

.fur-swatches__item:hover {
  border-color: var(--fur-primary);
  transform: translateX(4px);
}

@supports not (inset-inline-start: 0) {
  .fur-swatches__item:hover {
    transform: translateX(4px);
  }
}

@media (max-width: 768px) {
  .fur-swatches__item:hover {
    transform: translateY(-2px);
  }
}

.fur-swatches__item--active {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.tft-material-explorer__swatch-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
}

.tft-material-explorer__swatch-name {
  font-family: var(--fur-font-sans);
  font-weight: 600;
  font-size: var(--fur-fs-body);
  color: var(--fur-text);
}

/* Right Detail Column styling */
.tft-material-explorer__detail-wrap {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: clamp(24px, 5vw, 48px);
  box-shadow: var(--fur-shadow-sm);
  transition: opacity 0.4s ease;
  min-height: 320px;
}

.fur-swatches__detail-block {
  animation: tftFadeIn 0.5s ease;
}

@keyframes tftFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.fur-swatches__detail-category {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-primary);
  display: block;
  margin-block-end: 12px;
}

.fur-swatches__detail-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 16px;
  letter-spacing: -0.5px;
}

.fur-swatches__detail-text {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  line-height: 1.8;
  color: var(--fur-text-muted);
  margin-block-end: 32px;
}

.fur-swatches__meta-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  border-top: 1px solid var(--fur-border);
  padding-block-start: 24px;
  margin-block-end: 28px;
}

@media (max-width: 480px) {
  .fur-swatches__meta-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.fur-swatches__meta-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fur-swatches__meta-label {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text-muted);
}

.fur-swatches__meta-val {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--fur-text);
  line-height: 1.4;
}

.fur-swatches__products-row {
  border-top: 1px solid var(--fur-border);
  padding-block-start: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fur-swatches__products-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.fur-swatches__prod-tag {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  padding: 6px 14px;
  border-radius: var(--fur-radius-sm);
}

/* Timeline component styling */
.tft-slow-craft {
  padding-block: clamp(40px, 6vw, 80px);
}

.tft-slow-craft__timeline {
  position: relative;
  max-width: 800px;
  margin-inline: auto;
  padding-block: 20px;
}

.tft-slow-craft__line {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 29px;
  width: 1px;
  background-color: var(--fur-border);
  z-index: 1;
}

.tft-slow-craft__step {
  position: relative;
  display: flex;
  gap: 40px;
  margin-block-end: clamp(40px, 6vh, 70px);
  z-index: 2;
}

.tft-slow-craft__step:last-child {
  margin-block-end: 0;
}

.tft-slow-craft__node {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fur-font-serif);
  font-size: 1.15rem;
  color: var(--fur-primary);
  font-weight: 600;
  flex-shrink: 0;
  box-shadow: var(--fur-shadow-sm);
  transition: all 0.3s ease;
}

.tft-slow-craft__step:hover .tft-slow-craft__node {
  border-color: var(--fur-primary);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.tft-slow-craft__content {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  padding: clamp(20px, 4vw, 32px);
  border-radius: var(--fur-radius-md);
  flex-grow: 1;
  box-shadow: var(--fur-shadow-sm);
  transition: border-color 0.3s ease;
}

.tft-slow-craft__step:hover .tft-slow-craft__content {
  border-color: var(--fur-primary);
}

.tft-slow-craft__phase {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
  display: block;
  margin-block-end: 8px;
}

.tft-slow-craft__step-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 10px;
}

.tft-slow-craft__step-desc {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  line-height: 1.7;
  color: var(--fur-text-muted);
}

/* ==========================================================================
   2026 CONTACT PAGE SHOWROOM LOCATOR STYLING
   ========================================================================== */
.tft-showroom-locator {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: clamp(20px, 4vw, 32px);
  box-shadow: var(--fur-shadow-sm);
  position: sticky;
  top: 100px;
}

.tft-showroom-locator__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.25rem, 2.5vw, 1.6rem);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 20px;
}

.tft-showroom-locator__tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-block-end: 24px;
}

.tft-showroom-tab {
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  color: var(--fur-text-muted);
  padding-block: 10px;
  text-align: center;
  border-radius: var(--fur-radius-sm);
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-showroom-tab:hover {
  color: var(--fur-text);
  border-color: var(--fur-primary);
}

.tft-showroom-tab--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.tft-showroom-locator__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tft-showroom-locator__media {
  position: relative;
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border: 1px solid var(--fur-border-light);
}

.tft-showroom-locator__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.tft-showroom-locator__media:hover .tft-showroom-locator__img {
  transform: scale(1.04);
}

.tft-showroom-locator__coordinates {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  font-family: var(--fur-font-sans);
  font-size: 0.62rem;
  letter-spacing: 0.5px;
  padding: 4px 8px;
  border-radius: var(--fur-radius-sm);
}

.tft-showroom-locator__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-showroom-locator__name {
  font-family: var(--fur-font-serif);
  font-size: 1.1rem;
  color: var(--fur-text);
  font-weight: 400;
}

.tft-showroom-locator__info-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tft-showroom-locator__label {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text-muted);
}

.tft-showroom-locator__val {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--fur-text);
  margin: 0;
}

.tft-showroom-locator__meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  border-top: 1px solid var(--fur-border-light);
  padding-block-start: 16px;
}

@media (max-width: 480px) {
  .tft-showroom-locator__meta-grid {
    grid-template-columns: 1fr;
  }
}

/* Segmented Option Selectors */
.tft-segmented-selector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 12px;
  margin-block-start: 8px;
}

.tft-segmented-btn {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 16px;
  text-align: start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
}

.tft-segmented-btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}

.tft-segmented-btn--active {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
  box-shadow: inset 0 0 0 1px var(--fur-primary);
}

.tft-segmented-btn__title {
  font-family: var(--fur-font-sans);
  font-weight: 600;
  font-size: 0.82rem;
  color: var(--fur-text);
}

.tft-segmented-btn__subtitle {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  color: var(--fur-text-muted);
}

/* Contact Page Layout & Form Sizing */
.tft-contact-layout {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: clamp(24px, 4vw, 48px);
  align-items: start;
  margin-block-start: clamp(30px, 5vw, 60px);
}

.tft-contact-form {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: clamp(24px, 4vw, 40px);
  display: flex;
  flex-direction: column;
  gap: 28px;
}

@media (max-width: 1024px) {
  .tft-contact-layout {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------------------------
   6. PREMIUM NAVIGATION DROPDOWNS
   ------------------------------------------------------------------------ */
.tft-nav-dropdown {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.tft-nav-dropdown__btn {
  background: none;
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 0;
  cursor: pointer;
  text-align: start;
}

.tft-nav-dropdown__arrow {
  margin-inline-start: auto;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-nav-dropdown__btn[aria-expanded="true"] .tft-nav-dropdown__arrow {
  transform: rotate(180deg);
}

.tft-nav-dropdown__menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  flex-direction: column;
  gap: 8px;
  padding-inline-start: 36px;
  margin-block-start: 4px;
  margin-block-end: 12px;
}

.tft-nav-dropdown__btn[aria-expanded="true"] + .tft-nav-dropdown__menu {
  display: flex;
}

.tft-nav-dropdown__link {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  color: var(--fur-text-muted);
  text-decoration: none;
  padding-block: 6px;
  transition: color 0.3s ease;
}

.tft-nav-dropdown__link:hover {
  color: var(--fur-primary);
}

/* ------------------------------------------------------------------------
   7. SECURE CHECKOUT INPUT FIELDS
   ------------------------------------------------------------------------ */
.tft-checkout-input {
  width: 100%;
  padding-block: 14px;
  padding-inline: 16px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  color: var(--fur-text);
  outline: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-checkout-input::placeholder {
  color: var(--fur-text-muted);
  opacity: 0.65;
}

.tft-checkout-input:focus {
  border-color: var(--fur-primary);
  box-shadow: 0 0 0 3px rgba(88, 120, 80, 0.12);
  background-color: var(--fur-surface);
}

/* ==========================================================================
   2026 CONTACT PAGE FORM TABS & PREMIUM INPUTS STYLING
   ========================================================================== */

/* Form switching tabs container */
.tft-contact-form__tabs {
  display: flex;
  gap: clamp(16px, 3vw, 24px);
  margin-block-end: 28px;
  border-block-end: 1px solid var(--fur-border-light);
}

/* Individual tab button */
.tft-contact-form-tab {
  background: none;
  border: none;
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--fur-text-muted);
  padding-block: 12px;
  cursor: pointer;
  position: relative;
  transition: color var(--fur-transition-fast);
}

.tft-contact-form-tab:hover {
  color: var(--fur-text);
}

.tft-contact-form-tab--active {
  color: var(--fur-primary);
}

.tft-contact-form-tab--active::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  inset-block-end: -1px;
  height: 2px;
  background-color: var(--fur-primary);
}

/* Universal rectangular input fields (distinct from pill-shaped buttons) */
.tft-contact-input,
.tft-contact-textarea {
  width: 100%;
  padding-block: 14px;
  padding-inline: 16px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-md);
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  color: var(--fur-text);
  outline: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-contact-input::placeholder,
.tft-contact-textarea::placeholder {
  color: var(--fur-text-muted);
  opacity: 0.65;
}

.tft-contact-input:focus,
.tft-contact-textarea:focus {
  border-color: var(--fur-primary);
  box-shadow: 0 0 0 3px rgba(88, 120, 80, 0.12);
  background-color: var(--fur-surface);
}

/* Swatches as distinct interactive buttons (cursor pointer, micro-animations) */
.tft-shop-filters__swatch {
  cursor: pointer !important;
  position: relative;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-shop-filters__swatch:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  background-color: var(--fur-surface) !important;
  color: var(--fur-text) !important;
  border-color: var(--fur-primary) !important;
}

.tft-shop-filters__swatch--active {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  transform: none !important;
  box-shadow: none !important;
}

.tft-shop-filters__swatch:active {
  transform: translateY(-1px);
}

/* ==========================================================================
   2026 PREMIUM ABOUT PAGE STYLING ENHANCEMENTS
   ========================================================================== */

/* 1. Philosophy Features Grid Block (Right Column) */
.tft-about-features {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: clamp(24px, 4vw, 36px) !important;
  box-shadow: var(--fur-shadow) !important;
}

.tft-about-features__card {
  display: flex !important;
  gap: 20px !important;
  align-items: flex-start !important;
  transition: transform 0.3s ease !important;
}

.tft-about-features__card:hover {
  transform: translateX(4px) !important;
}

@supports not (inset-inline-start: 0) {
  .tft-about-features__card:hover {
    transform: translateX(4px) !important;
  }
}

.tft-about-features__icon-wrap {
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-md) !important;
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: var(--fur-shadow) !important;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
}

.tft-about-features__card:hover .tft-about-features__icon-wrap {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}

.tft-about-features__body {
  flex-grow: 1 !important;
}

.tft-about-features__title {
  font-family: var(--fur-font-sans) !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  margin: 0 0 6px 0 !important;
  font-size: 0.95rem !important;
}

.tft-about-features__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.82rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* 2. Core Values Grid & Cards Namespace */
.tft-values-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 24px !important;
}

.tft-value-card {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: 36px 30px !important;
  box-shadow: var(--fur-shadow) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  text-align: left !important;
}

.tft-value-card:hover {
  transform: translateY(-6px) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: var(--fur-shadow-lg) !important;
}

.tft-value-card__icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-value-card:hover .tft-value-card__icon {
  transform: scale(1.1) !important;
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}

.tft-value-card__title {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

.tft-value-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* 3. Sustainability Stats Polish */
.tft-sustainability-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 32px !important;
  padding: clamp(30px, 5vw, 60px) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-radius: var(--fur-radius-xl) !important;
  text-align: center !important;
  margin-block: var(--fur-margin-block-lg) !important;
  box-shadow: var(--fur-shadow-lg) !important;
}

body[data-theme="dark"] .tft-sustainability-stats {
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-text) !important;
}

.tft-sustainability-stats__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
}

.tft-sustainability-stats__icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: var(--fur-radius-full) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-block-end: 4px !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-ref-white) !important;
  transition: transform 0.4s ease !important;
  z-index: 2 !important;
}

.tft-sustainability-stats__icon::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  opacity: 0.1 !important;
  z-index: -1 !important;
  transition: opacity 0.3s ease, background-color 0.3s ease !important;
}

body[data-theme="dark"] .tft-sustainability-stats__icon::before {
  background-color: var(--fur-ref-charcoal) !important;
  opacity: 0.2 !important;
}

body[data-theme="dark"] .tft-sustainability-stats__icon {
  color: var(--fur-primary) !important;
  border-color: var(--fur-border) !important;
}

.tft-sustainability-stats__item:hover .tft-sustainability-stats__icon {
  transform: translateY(-4px) scale(1.05) !important;
}

.tft-sustainability-stats__item:hover .tft-sustainability-stats__icon::before {
  opacity: 0.2 !important;
}

body[data-theme="dark"] .tft-sustainability-stats__item:hover .tft-sustainability-stats__icon::before {
  opacity: 0.3 !important;
}

/* 4. Swatch Explorer Items Layout Polish (Overriding global !important defaults) */
.tft-material-explorer .fur-swatches__item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(12px, 2vw, 20px) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  padding: clamp(12px, 1.5vw, 18px) clamp(16px, 2vw, 24px) !important;
  border-radius: var(--fur-radius-md) !important;
  cursor: pointer !important;
  text-align: start !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
  box-shadow: var(--fur-shadow) !important;
  position: relative !important;
  overflow: hidden !important;
}

.tft-material-explorer .fur-swatches__item:hover {
  border-color: var(--fur-primary) !important;
  transform: translateX(6px) !important;
  background-color: var(--fur-bg-secondary) !important;
  box-shadow: var(--fur-shadow-lg) !important;
}

@supports not (inset-inline-start: 0) {
  .tft-material-explorer .fur-swatches__item:hover {
    transform: translateX(6px) !important;
  }
}

.tft-material-explorer .fur-swatches__item--active {
  border-color: var(--fur-primary) !important;
  border-inline-start: 4px solid var(--fur-primary) !important;
  background-color: var(--fur-bg-secondary) !important;
  box-shadow: var(--fur-shadow-lg) !important;
  transform: translateX(4px) !important;
}

.tft-material-explorer .tft-material-explorer__swatch-circle {
  width: clamp(24px, 2.5vw, 32px) !important;
  height: clamp(24px, 2.5vw, 32px) !important;
  border-radius: var(--fur-radius-full) !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  box-shadow: var(--fur-shadow) !important;
  border: 1px solid var(--fur-border) !important;
}

.fur-swatches__item-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  text-align: start !important;
  flex-grow: 1 !important;
}

.tft-material-explorer__swatch-name {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
}

.fur-swatches__item-sub {
  font-size: 0.68rem !important;
  color: var(--fur-text-muted) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.fur-swatches__item-arrow {
  color: var(--fur-text-muted) !important;
  opacity: 0 !important;
  transform: translateX(-4px) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  margin-inline-start: auto !important;
}

.tft-material-explorer .fur-swatches__item:hover .fur-swatches__item-arrow,
.tft-material-explorer .fur-swatches__item--active .fur-swatches__item-arrow {
  opacity: 1 !important;
  transform: translateX(0) !important;
  color: var(--fur-primary) !important;
}

@media (max-width: 768px) {
  .tft-material-explorer .fur-swatches__item {
    width: auto !important;
    padding: 12px 18px !important;
    gap: 10px !important;
    transform: none !important;
  }
  .tft-material-explorer .fur-swatches__item:hover {
    transform: translateY(-2px) !important;
  }
  .tft-material-explorer .fur-swatches__item--active {
    transform: translateY(-2px) !important;
    border-inline-start: 1px solid var(--fur-primary) !important;
    border-block-start: 4px solid var(--fur-primary) !important;
  }
  .fur-swatches__item-arrow {
    display: none !important;
  }
}

/* 5. Custom Swatch Explorer Detail Enhancement */
.tft-material-explorer__detail-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* 6. Meet The Artisans Premium Profiles */
.tft-artisans-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px !important;
  margin-block-start: 40px !important;
  margin-block-end: var(--fur-margin-block-lg) !important;
  max-width: 1000px !important;
  margin-inline: auto !important;
}

@media (max-width: 768px) {
  .tft-artisans-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

.tft-artisans-card {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: 40px 30px !important;
  box-shadow: var(--fur-shadow) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.tft-artisans-card:hover {
  transform: translateY(-6px) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: var(--fur-shadow-lg) !important;
}

.tft-artisans-card__img-wrap {
  width: 150px !important;
  height: 150px !important;
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  margin-inline: auto !important;
  margin-block-end: 24px !important;
  border: 3px solid var(--fur-border) !important;
  box-shadow: var(--fur-shadow) !important;
  transition: border-color 0.4s ease, transform 0.4s ease !important;
}

.tft-artisans-card:hover .tft-artisans-card__img-wrap {
  border-color: var(--fur-primary) !important;
  transform: scale(1.05) !important;
}

.tft-artisans-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.tft-artisans-card__name {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
  margin-block-start: 0 !important;
  margin-block-end: 6px !important;
}

.tft-artisans-card__role {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--fur-primary) !important;
  margin-block-end: 16px !important;
}

.tft-artisans-card__bio {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* 7. Timeline Node and Hover Animation */
.tft-slow-craft__node {
  position: relative !important;
  z-index: 5 !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 2px solid var(--fur-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-primary) !important;
  box-shadow: var(--fur-shadow) !important;
}

.tft-slow-craft__step:hover .tft-slow-craft__node {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  transform: scale(1.1) !important;
  box-shadow: var(--fur-shadow-lg) !important;
}

.tft-slow-craft__node svg {
  transition: color 0.4s ease !important;
}

/* ==========================================================================
   2026 PREMIUM REDESIGNED EDITORIAL FOOTER & HEADER DRAWER SYNC
   ========================================================================== */

/* 1. Header Sidebar Drawer Overrides (Cutoff Fix) */
.fur-sidebar__nav {
  z-index: 1100 !important;
  padding-block-start: 80px !important;
}

/* 2. Redesigned Editorial Footer */
.tft-footer {
  background-color: var(--fur-bg-secondary) !important;
  border-block-start: 1px solid var(--fur-border) !important;
  padding-inline: var(--fur-margin-block-md) !important;
  padding-block: clamp(40px, 6vw, 80px) clamp(20px, 4vw, 40px) !important;
  margin-block-start: auto !important;
  transition: all var(--fur-transition-normal) !important;
  font-family: var(--fur-font-sans) !important;
}

.tft-footer__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
}

.tft-footer__grid {
  display: grid !important;
  grid-template-columns: 1.5fr repeat(3, 1fr) 1.5fr !important;
  gap: clamp(24px, 3vw, 48px) !important;
  margin-block-end: clamp(32px, 5vw, 64px) !important;
}

@media (max-width: 1024px) {
  .tft-footer__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .tft-footer__col-brand,
  .tft-footer__col-newsletter {
    grid-column: span 2 !important;
  }
}

@media (max-width: 600px) {
  .tft-footer__grid {
    grid-template-columns: 1fr !important;
  }
  .tft-footer__col-brand,
  .tft-footer__col-newsletter {
    grid-column: span 1 !important;
  }
}

/* Brand Column styling */
.tft-footer__col-brand {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.tft-footer__logo {
  font-family: var(--fur-font-sans) !important;
  font-weight: 800 !important;
  font-size: 2.2rem !important;
  letter-spacing: -2px !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.tft-footer__logo-dot {
  color: var(--fur-primary) !important;
}

.tft-footer__brand-desc {
  font-size: var(--fur-fs-small) !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.tft-footer__address {
  font-style: normal !important;
  font-size: var(--fur-fs-small) !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.5 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.tft-footer__social-list {
  display: flex !important;
  gap: 16px !important;
  margin-block-start: 8px !important;
  padding: 0 !important;
  list-style: none !important;
}

.tft-footer__social-link {
  font-size: var(--fur-fs-small) !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-footer__social-link:hover {
  color: var(--fur-primary) !important;
}

/* Link Columns */
.tft-footer__col-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.tft-footer__heading {
  font-family: var(--fur-font-sans) !important;
  font-weight: 600 !important;
  font-size: var(--fur-fs-small) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

.tft-footer__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.tft-footer__list a {
  font-size: var(--fur-fs-small) !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  transition: all var(--fur-transition-fast) !important;
  display: inline-block !important;
}

.tft-footer__list a:hover {
  color: var(--fur-primary) !important;
  transform: translateX(4px) !important;
}

[dir="rtl"] .tft-footer__list a:hover {
  transform: translateX(-4px) !important;
}

/* Newsletter Dispatch Column */
.tft-footer__col-newsletter {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.tft-footer__newsletter-desc {
  font-size: var(--fur-fs-small) !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.tft-footer__form {
  display: flex !important;
  position: relative !important;
  width: 100% !important;
}

.tft-footer__input {
  width: 100% !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  padding-block: 12px !important;
  padding-inline: 16px 48px !important;
  font-size: var(--fur-fs-small) !important;
  font-family: var(--fur-font-sans) !important;
  color: var(--fur-text) !important;
  border-radius: var(--fur-radius-sm) !important;
  transition: border-color var(--fur-transition-fast) !important;
}

.tft-footer__input:focus {
  outline: none !important;
  border-color: var(--fur-primary) !important;
}

.tft-footer__submit-btn {
  position: absolute !important;
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  width: 48px !important;
  background: transparent !important;
  border: none !important;
  color: var(--fur-text-muted) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.2rem !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-footer__submit-btn:hover {
  color: var(--fur-primary) !important;
}

.tft-footer__disclaimer {
  font-size: 0.75rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Divider & Meta Bottom Row */
.tft-footer__divider {
  width: 100% !important;
  height: 1px !important;
  background-color: var(--fur-border) !important;
  margin-block-end: 24px !important;
}

.tft-footer__meta-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.tft-footer__copyright {
  font-size: 0.8rem !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

.tft-footer__meta-links {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.tft-footer__meta-links a {
  font-size: 0.8rem !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-footer__meta-links a:hover {
  color: var(--fur-primary) !important;
}

.tft-footer__galleries {
  font-size: 0.8rem !important;
  color: var(--fur-text-muted) !important;
  letter-spacing: 0.05em !important;
}

/* ==========================================================================
   2026 PREMIUM DRAWER MENU REDESIGN — FULL OVERHAUL
   Fixes: top cutoff | boring design | no interactions | no decorations
   All values use existing CSS variables. RTL-ready with logical properties.
   ========================================================================== */

/* ── 1. DRAWER CONTAINER: zero padding so header is perfectly flush at top */
@media (max-width: 1024px) {
  .fur-sidebar__nav {
    padding-block: 0 !important;
    padding-inline: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .fur-sidebar__nav-list {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    padding-inline: clamp(16px, 5vw, 28px) !important;
    padding-block: 16px 20px !important;
    margin-block-start: 0 !important;
    gap: 4px !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--fur-border-light) transparent !important;
  }
}

/* ── 2. PREMIUM DRAWER HEADER ────────────────────────────────────────────── */
.tft-drawer__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-inline: clamp(20px, 5vw, 32px) !important;
  padding-block: 22px 20px !important;
  background: linear-gradient(
    135deg,
    var(--fur-ref-green-900) 0%,
    var(--fur-ref-green-700) 60%,
    var(--fur-ref-olive-500) 100%
  ) !important;
  position: relative !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

/* Decorative circles */
.tft-drawer__header::before {
  content: "" !important;
  position: absolute !important;
  inset-block-end: -40px !important;
  inset-inline-end: -40px !important;
  width: 120px !important;
  height: 120px !important;
  border-radius: var(--fur-radius-full) !important;
  background: var(--fur-ref-lime-400) !important;
  opacity: 0.12 !important;
  pointer-events: none !important;
}

.tft-drawer__header::after {
  content: "" !important;
  position: absolute !important;
  inset-block-start: -20px !important;
  inset-inline-start: 60% !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: var(--fur-radius-full) !important;
  background: var(--fur-ref-white) !important;
  opacity: 0.06 !important;
  pointer-events: none !important;
}

.tft-drawer__brand {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-drawer__brand-mark {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.5rem, 4vw, 2rem) !important;
  font-weight: 700 !important;
  color: var(--fur-ref-white) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

.tft-drawer__brand-tagline {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.65rem !important;
  font-weight: 400 !important;
  color: var(--fur-ref-lime-400) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  opacity: 0.9 !important;
}

/* ── 3. CLOSE BUTTON (lives inside the green header) ───────────────────── */
.tft-drawer__close-btn,
.fur-sidebar__nav-close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--fur-radius-full) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: var(--fur-ref-white) !important;
  cursor: pointer !important;
  margin: 0 !important;
  align-self: auto !important;
  flex-shrink: 0 !important;
  transition:
    background var(--fur-transition-fast),
    transform var(--fur-transition-fast),
    border-color var(--fur-transition-fast) !important;
}

.tft-drawer__close-btn:hover,
.fur-sidebar__nav-close:hover {
  background: rgba(255, 255, 255, 0.24) !important;
  border-color: rgba(255, 255, 255, 0.44) !important;
  transform: rotate(90deg) scale(1.06) !important;
}

/* ── 4. NAV ITEM STAGGER ENTRANCE ───────────────────────────────────────── */
@media (max-width: 1024px) {
  .fur-sidebar__nav-item {
    transform: translateX(14px) !important;
    opacity: 0 !important;
    transition:
      opacity 0.38s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  .fur-sidebar__nav--open .fur-sidebar__nav-item {
    transform: translateX(0) !important;
    opacity: 1 !important;
  }

  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(1) { transition-delay: 0.06s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(2) { transition-delay: 0.10s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(3) { transition-delay: 0.14s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(4) { transition-delay: 0.18s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(5) { transition-delay: 0.22s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(6) { transition-delay: 0.26s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(7) { transition-delay: 0.30s !important; }
  .fur-sidebar__nav--open .fur-sidebar__nav-item:nth-child(8) { transition-delay: 0.34s !important; }
}

/* ── 5. TOP-LEVEL NAV BUTTONS ────────────────────────────────────────────── */
.tft-nav-dropdown__btn,
.fur-sidebar__nav-link {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  padding-block: 13px !important;
  padding-inline: 14px !important;
  border-radius: var(--fur-radius-md) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  text-align: start !important;
  overflow: hidden !important;
  transition:
    background var(--fur-transition-fast),
    color var(--fur-transition-fast),
    transform var(--fur-transition-fast) !important;
}

.tft-nav-dropdown__btn:hover,
.fur-sidebar__nav-link:hover {
  background: var(--fur-sidebar-active) !important;
  color: var(--fur-primary) !important;
  transform: translateX(3px) !important;
}

.tft-nav-dropdown__btn:active,
.fur-sidebar__nav-link:active {
  transform: translateX(1px) scale(0.98) !important;
}

.tft-nav-dropdown__btn:hover .fur-icon,
.fur-sidebar__nav-link:hover .fur-icon {
  color: var(--fur-primary) !important;
  transform: scale(1.1) !important;
  transition: transform var(--fur-transition-fast), color var(--fur-transition-fast) !important;
}

/* ── 6. ACCENT DOTS: DISABLED (removed per design decision) ─────────────── */
.fur-sidebar__nav-item .tft-nav-dropdown__btn::before,
.fur-sidebar__nav-item .fur-sidebar__nav-link::before {
  display: none !important;
}

.fur-sidebar__nav-item:hover .tft-nav-dropdown__btn::before,
.fur-sidebar__nav-item:hover .fur-sidebar__nav-link::before {
  opacity: 1 !important;
  transform: translateY(-50%) scale(1.5) !important;
}

/* ── 7. DROPDOWN ARROW ───────────────────────────────────────────────────── */
.tft-nav-dropdown__arrow {
  margin-inline-start: auto !important;
  color: var(--fur-text-muted) !important;
  flex-shrink: 0 !important;
  transition:
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    color var(--fur-transition-fast) !important;
}

.tft-nav-dropdown__btn:hover .tft-nav-dropdown__arrow {
  color: var(--fur-primary) !important;
}

.tft-nav-dropdown__btn[aria-expanded="true"] .tft-nav-dropdown__arrow {
  transform: rotate(180deg) !important;
  color: var(--fur-primary) !important;
}

/* ── 8. SMOOTH HEIGHT-ANIMATED SUBMENU ───────────────────────────────────── */
/* display is always flex; JS controls max-height inline for the transition */
.tft-nav-dropdown__menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  overflow: hidden !important;
  max-height: 0;  /* collapsed by default; JS sets exact value via inline style */
  transition: max-height 0.42s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border-inline-start: 2px solid var(--fur-border) !important;
  margin-inline-start: 22px !important;
  padding-inline-start: 12px !important;
  margin-block: 0 4px !important;
}

.tft-nav-dropdown__btn[aria-expanded="true"] + .tft-nav-dropdown__menu {
  border-inline-start-color: var(--fur-primary) !important;
}

/* ── 9. SUBMENU LINKS ────────────────────────────────────────────────────── */
.tft-nav-dropdown__link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.84rem !important;
  font-weight: 400 !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  padding-block: 9px !important;
  padding-inline: 10px !important;
  border-radius: var(--fur-radius-sm) !important;
  position: relative !important;
  overflow: hidden !important;
  transition:
    color var(--fur-transition-fast),
    background var(--fur-transition-fast),
    padding-inline-start 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    transform var(--fur-transition-fast) !important;
}

.tft-nav-dropdown__link::before {
  content: "" !important;
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: var(--fur-radius-full) !important;
  background: var(--fur-border-light) !important;
  flex-shrink: 0 !important;
  transition:
    background var(--fur-transition-fast),
    transform var(--fur-transition-fast) !important;
}

.tft-nav-dropdown__link:hover {
  color: var(--fur-primary) !important;
  background: var(--fur-sidebar-active) !important;
  padding-inline-start: 16px !important;
  transform: translateX(2px) !important;
}

.tft-nav-dropdown__link:hover::before {
  background: var(--fur-primary) !important;
  transform: scale(1.6) !important;
}

.tft-nav-dropdown__link:active {
  transform: scale(0.98) !important;
}

/* ── 10. CLICK RIPPLE EFFECT ─────────────────────────────────────────────── */
.tft-nav-ripple {
  position: absolute !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: var(--fur-radius-full) !important;
  background: var(--fur-primary) !important;
  opacity: 0.22 !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) scale(0) !important;
  animation: tft-ripple-expand 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes tft-ripple-expand {
  to {
    transform: translate(-50%, -50%) scale(32) !important;
    opacity: 0 !important;
  }
}

/* ── 11. SECTION DIVIDER between items 4 and 5 ──────────────────────────── */
.fur-sidebar__nav-item:nth-child(4) {
  margin-block-end: 8px !important;
  padding-block-end: 8px !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

/* ── 12. PREMIUM DRAWER FOOTER ───────────────────────────────────────────── */
.tft-drawer__footer {
  flex-shrink: 0 !important;
  padding-inline: clamp(20px, 5vw, 32px) !important;
  padding-block: 14px 18px !important;
  border-block-start: 1px solid var(--fur-border) !important;
  background: var(--fur-surface-secondary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.tft-drawer__footer-tagline {
  font-family: var(--fur-font-serif) !important;
  font-size: 0.7rem !important;
  color: var(--fur-text-muted) !important;
  font-style: italic !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.tft-drawer__footer-links {
  display: flex !important;
  gap: 14px !important;
  flex-shrink: 0 !important;
}

.tft-drawer__footer-link {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-drawer__footer-link:hover {
  color: var(--fur-primary) !important;
}

/* ── 13. DARK MODE ───────────────────────────────────────────────────────── */
body[data-theme="dark"] .tft-drawer__header {
  background: linear-gradient(
    135deg,
    var(--fur-ref-forest-900) 0%,
    var(--fur-ref-forest-700) 60%,
    var(--fur-ref-forest-600) 100%
  ) !important;
}

body[data-theme="dark"] .tft-drawer__footer {
  background: var(--fur-ref-forest-900) !important;
  border-block-start-color: var(--fur-border) !important;
}

body[data-theme="dark"] .tft-nav-dropdown__btn:hover,
body[data-theme="dark"] .fur-sidebar__nav-link:hover {
  background: rgba(88, 150, 40, 0.12) !important;
}

/* ── 14. DESKTOP DRAWER (slides in from left; same header treatment) ──── */
@media (min-width: 1025px) {
  .fur-sidebar__nav {
    padding-block: 0 !important;
    padding-inline: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    max-height: 100vh !important;
  }

  .fur-sidebar__nav-list {
    overflow-y: auto !important;
    flex: 1 !important;
    padding-block: 16px 20px !important;
    padding-inline: 16px !important;
    margin-block-start: 0 !important;
    gap: 4px !important;
  }

  .tft-drawer__header {
    display: flex !important;
  }
}

/* ── 15. TINY PHONE SQUEEZE ─────────────────────────────────────────────── */
@media (max-width: 380px) {
  .tft-drawer__header {
    padding-inline: 16px !important;
    padding-block: 16px 14px !important;
  }
  .fur-sidebar__nav-list {
    padding-inline: 14px !important;
  }
  .tft-drawer__footer {
    padding-inline: 14px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
}

/* ==========================================================================
   ARIELY BRAND — NAMING UPDATE & LOGO MARK
   ========================================================================== */

/* Remove submenu link dots (user request: no bullets) */
.tft-nav-dropdown__link::before {
  display: none !important;
}

/* ariely wordmark — uses the K with a distinctive arch baseline */
.tft-drawer__brand-mark,
.fur-sidebar__logo,
.fur-header__scrolled-logo,
.tft-footer__logo {
  font-family: var(--fur-font-serif) !important;
  letter-spacing: -0.04em !important;
}

/* The "e" in ariely gets a decorative italic flourish via CSS */
.tft-ariely-logo {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 1px !important;
  font-family: var(--fur-font-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
}

.tft-ariely-logo__accent {
  font-style: italic !important;
  color: var(--fur-ref-lime-400) !important;
  font-weight: 400 !important;
}

/* ariely tagline accent — used in the green drawer header */
.tft-drawer__brand-tagline {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.6rem !important;
  font-weight: 500 !important;
  color: var(--fur-ref-lime-400) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  opacity: 0.85 !important;
}

/* ==========================================================================
   Z-INDEX FIX: DRAWER ABOVE STICKY HEADER & TOP BAR
   ========================================================================== */

/* The nav drawer must be above the sticky fur-header (z-index: 20) */
.fur-sidebar__nav {
  z-index: 10100 !important;
}

/* Overlay also must cover the header */
.tft-menu-overlay {
  z-index: 10099 !important;
}

/* ==========================================================================
   BLOG PAGE PREMIUM REDESIGN STYLES
   ========================================================================== */

/* ── Blog Hero Header ── */
.tft-blog-hero {
  position: relative !important;
  height: clamp(260px, 38vw, 420px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  margin-block-end: 0 !important;
}

.tft-blog-hero__img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.04) !important;
  transition: transform 8s ease !important;
}

.tft-blog-hero:hover .tft-blog-hero__img {
  transform: scale(1) !important;
}

.tft-blog-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to top,
    hsla(125, 34%, 8%, 0.85) 0%,
    hsla(125, 34%, 8%, 0.4) 50%,
    transparent 100%
  ) !important;
}

.tft-blog-hero__content {
  position: relative !important;
  z-index: 2 !important;
  padding-inline: clamp(24px, 5vw, 56px) !important;
  padding-block-end: clamp(24px, 4vw, 44px) !important;
  width: 100% !important;
}

.tft-blog-hero__eyebrow {
  display: inline-block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-lime-400) !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  backdrop-filter: blur(6px) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 14px !important;
  padding-block: 5px !important;
  margin-block-end: 14px !important;
}

.tft-blog-hero__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 4vw, 3.2rem) !important;
  font-weight: 700 !important;
  color: var(--fur-ref-white) !important;
  line-height: 1.1 !important;
  margin: 0 0 10px !important;
  max-width: 700px !important;
}

.tft-blog-hero__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.85rem, 1.2vw, 1rem) !important;
  color: rgba(255,255,255,0.72) !important;
  margin: 0 !important;
  max-width: 520px !important;
}

/* ── Filter Bar ── */
.tft-blog-filters {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-inline: clamp(24px, 5vw, 56px) !important;
  padding-block: 20px !important;
  background: var(--fur-surface) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  flex-wrap: nowrap !important;
}

.tft-blog-filters::-webkit-scrollbar { display: none !important; }

.tft-blog-filter-btn {
  flex-shrink: 0 !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: var(--fur-text-muted) !important;
  background: transparent !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 18px !important;
  padding-block: 8px !important;
  cursor: pointer !important;
  transition:
    background var(--fur-transition-fast),
    color var(--fur-transition-fast),
    border-color var(--fur-transition-fast) !important;
}

.tft-blog-filter-btn:hover {
  background: var(--fur-sidebar-active) !important;
  color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
}

.tft-blog-filter-btn--active {
  background: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
}

/* ── Featured Post (full-width card on top) ── */
.tft-blog-featured {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  min-height: clamp(260px, 30vw, 380px) !important;
  text-decoration: none !important;
  overflow: hidden !important;
  border-radius: var(--fur-radius-lg) !important;
  background: var(--fur-surface) !important;
  box-shadow: 0 4px 32px var(--fur-shadow) !important;
  transition: box-shadow var(--fur-transition-normal), transform var(--fur-transition-normal) !important;
  margin-block-end: clamp(24px, 3vw, 40px) !important;
}

.tft-blog-featured:hover {
  box-shadow: 0 16px 48px var(--fur-shadow-lg) !important;
  transform: translateY(-3px) !important;
}

.tft-blog-featured__img-wrap {
  position: relative !important;
  overflow: hidden !important;
}

.tft-blog-featured__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-blog-featured:hover .tft-blog-featured__img {
  transform: scale(1.04) !important;
}

.tft-blog-featured__badge {
  position: absolute !important;
  inset-block-start: 16px !important;
  inset-inline-start: 16px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 12px !important;
  padding-block: 5px !important;
}

.tft-blog-featured__body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(24px, 4vw, 48px) !important;
  gap: 16px !important;
}

.tft-blog-featured__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--fur-primary) !important;
}

.tft-blog-featured__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.3rem, 2.5vw, 2rem) !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.tft-blog-featured__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.9rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.tft-blog-featured__meta {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.75rem !important;
  color: var(--fur-text-muted) !important;
}

.tft-blog-featured__read-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
  text-decoration: none !important;
  margin-block-start: auto !important;
  transition: gap var(--fur-transition-fast) !important;
}

.tft-blog-featured:hover .tft-blog-featured__read-btn {
  gap: 14px !important;
}

/* ── Post Grid ── */
.tft-blog-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: clamp(16px, 2.5vw, 28px) !important;
}

@media (max-width: 900px) {
  .tft-blog-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .tft-blog-featured {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .tft-blog-featured__img-wrap {
    height: 240px !important;
  }
}

@media (max-width: 560px) {
  .tft-blog-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Post Card ── */
.tft-blog-card {
  display: flex !important;
  flex-direction: column !important;
  background: var(--fur-surface) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  text-decoration: none !important;
  box-shadow: 0 2px 16px var(--fur-shadow) !important;
  transition: box-shadow var(--fur-transition-normal), transform var(--fur-transition-normal) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-blog-card:hover {
  box-shadow: 0 12px 36px var(--fur-shadow-lg) !important;
  transform: translateY(-4px) !important;
}

.tft-blog-card__img-wrap {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 4 / 3 !important;
}

.tft-blog-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-blog-card:hover .tft-blog-card__img {
  transform: scale(1.06) !important;
}

.tft-blog-card__tag-pill {
  position: absolute !important;
  inset-block-end: 12px !important;
  inset-inline-start: 12px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 10px !important;
  padding-block: 4px !important;
}

.tft-blog-card__body {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: clamp(16px, 2vw, 22px) !important;
  flex: 1 !important;
}

.tft-blog-card__date {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.7rem !important;
  color: var(--fur-text-muted) !important;
  font-weight: 400 !important;
}

.tft-blog-card__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1rem, 1.6vw, 1.25rem) !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-blog-card:hover .tft-blog-card__title {
  color: var(--fur-primary) !important;
}

.tft-blog-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.82rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.tft-blog-card__read {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
  margin-block-start: auto !important;
  transition: gap var(--fur-transition-fast) !important;
}

.tft-blog-card:hover .tft-blog-card__read {
  gap: 10px !important;
}

/* ── Newsletter Banner ── */
.tft-blog-newsletter {
  background: linear-gradient(
    135deg,
    var(--fur-ref-green-900) 0%,
    var(--fur-ref-green-700) 100%
  ) !important;
  border-radius: var(--fur-radius-xl) !important;
  padding: clamp(32px, 5vw, 60px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  flex-wrap: wrap !important;
  margin-block: clamp(32px, 5vw, 60px) !important;
  position: relative !important;
  overflow: hidden !important;
}

.tft-blog-newsletter::before {
  content: "" !important;
  position: absolute !important;
  inset-block-end: -60px !important;
  inset-inline-end: -60px !important;
  width: 200px !important;
  height: 200px !important;
  border-radius: var(--fur-radius-full) !important;
  background: var(--fur-ref-lime-400) !important;
  opacity: 0.08 !important;
  pointer-events: none !important;
}

.tft-blog-newsletter__text h2 {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.4rem, 2.5vw, 2rem) !important;
  font-weight: 700 !important;
  color: var(--fur-ref-white) !important;
  margin: 0 0 8px !important;
}

.tft-blog-newsletter__text p {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.9rem !important;
  color: rgba(255,255,255,0.72) !important;
  margin: 0 !important;
  max-width: 400px !important;
}

.tft-blog-newsletter__form {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.tft-blog-newsletter__input {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.88rem !important;
  color: var(--fur-ref-charcoal) !important;
  background: var(--fur-ref-white) !important;
  border: none !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 20px !important;
  padding-block: 12px !important;
  width: clamp(220px, 30vw, 300px) !important;
  outline: none !important;
}

.tft-blog-newsletter__btn {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--fur-ref-white) !important;
  background: var(--fur-ref-olive-500) !important;
  border: none !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 24px !important;
  padding-block: 12px !important;
  cursor: pointer !important;
  transition: background var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

.tft-blog-newsletter__btn:hover {
  background: var(--fur-ref-lime-500) !important;
  transform: translateY(-1px) !important;
}

/* ── Blog Page layout wrapper ── */
.tft-blog-page {
  padding-inline: clamp(24px, 5vw, 56px) !important;
  padding-block: clamp(32px, 4vw, 48px) !important;
}

/* ── Scroll progress bar ── */
.tft-scroll-progress {
  height: 3px !important;
  background: var(--fur-primary) !important;
  width: 0% !important;
  transition: width 0.1s linear !important;
  position: sticky !important;
  inset-block-start: 0 !important;
  z-index: 50 !important;
}

/* dark mode blog */
body[data-theme="dark"] .tft-blog-card {
  background: var(--fur-ref-forest-800) !important;
  border-color: var(--fur-border) !important;
}

body[data-theme="dark"] .tft-blog-featured {
  background: var(--fur-ref-forest-800) !important;
}

/* ================================================================
   SINGLE POST PAGE � blog-post.html
   ================================================================ */

/* Post Hero */
.tft-post-hero { position:relative; height:clamp(320px,45vw,520px); overflow:hidden; display:flex; align-items:flex-end; }
.tft-post-hero__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.04); transition:transform 10s ease; }
.tft-post-hero:hover .tft-post-hero__img { transform:scale(1); }
.tft-post-hero__overlay { position:absolute; inset:0; background:linear-gradient(to top, hsla(125,34%,8%,0.88) 0%, hsla(125,34%,8%,0.3) 55%, transparent 100%); }
.tft-post-hero__content { position:relative; z-index:2; padding-inline:clamp(24px,6vw,64px); padding-block-end:clamp(28px,4vw,52px); width:100%; }
.tft-post-hero__breadcrumb { display:flex; align-items:center; gap:8px; font-family:var(--fur-font-sans); font-size:.7rem; color:rgba(255,255,255,.6); margin-block-end:12px; flex-wrap:wrap; }
.tft-post-hero__breadcrumb a { color:rgba(255,255,255,.6); text-decoration:none; transition:color var(--fur-transition-fast); }
.tft-post-hero__breadcrumb a:hover { color:var(--fur-ref-lime-400); }
.tft-post-hero__tag { display:inline-block; font-family:var(--fur-font-sans); font-size:.65rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--fur-ref-lime-400); border:1px solid rgba(255,255,255,.2); border-radius:var(--fur-radius-full); padding-inline:14px; padding-block:5px; backdrop-filter:blur(6px); margin-block-end:14px; }
.tft-post-hero__title { font-family:var(--fur-font-serif); font-size:clamp(1.8rem,4.5vw,3.4rem); font-weight:700; color:var(--fur-ref-white); line-height:1.12; margin:0 0 14px; max-width:860px; }
.tft-post-hero__meta { display:flex; align-items:center; gap:16px; font-family:var(--fur-font-sans); font-size:.78rem; color:rgba(255,255,255,.65); flex-wrap:wrap; }
.tft-post-hero__author-img { width:36px; height:36px; border-radius:var(--fur-radius-full); object-fit:cover; border:2px solid rgba(255,255,255,.3); }

/* Post Layout */
.tft-post-layout { display:grid; grid-template-columns:1fr 320px; gap:clamp(32px,4vw,56px); padding-inline:clamp(24px,6vw,64px); padding-block:clamp(32px,4vw,52px); align-items:start; }
@media(max-width:1024px){ .tft-post-layout { grid-template-columns:1fr; } }

/* Progress bar */
.tft-post-progress { height:3px; background:var(--fur-primary); width:0%; position:sticky; inset-block-start:0; z-index:50; transition:width .1s linear; }

/* Article Content */
.tft-post-article { min-width:0; }
.tft-post-article__lede { font-family:var(--fur-font-serif); font-size:clamp(1.1rem,1.8vw,1.35rem); font-weight:400; font-style:italic; color:var(--fur-text); line-height:1.7; margin-block-end:32px; padding-block-end:28px; border-block-end:1px solid var(--fur-border); }
.tft-post-article__body { font-family:var(--fur-font-sans); font-size:clamp(.9rem,1.1vw,1.02rem); color:var(--fur-text); line-height:1.8; }
.tft-post-article__body h2 { font-family:var(--fur-font-serif); font-size:clamp(1.3rem,2.2vw,1.8rem); font-weight:700; color:var(--fur-text); margin-block:36px 14px; }
.tft-post-article__body h3 { font-family:var(--fur-font-serif); font-size:clamp(1.1rem,1.6vw,1.4rem); font-weight:600; margin-block:28px 10px; }
.tft-post-article__body p { margin-block-end:22px; }
.tft-post-article__body strong { font-weight:700; color:var(--fur-text); }
.tft-post-article__blockquote { border-inline-start:4px solid var(--fur-primary); padding-inline:28px; padding-block:18px; background:var(--fur-sidebar-active); border-radius:0 var(--fur-radius-md) var(--fur-radius-md) 0; margin-block:32px; }
.tft-post-article__blockquote p { font-family:var(--fur-font-serif); font-size:clamp(1.05rem,1.4vw,1.22rem); font-style:italic; line-height:1.65; margin:0 0 8px; }
.tft-post-article__blockquote cite { font-family:var(--fur-font-sans); font-size:.75rem; color:var(--fur-text-muted); font-style:normal; font-weight:600; letter-spacing:.06em; }
.tft-post-article__img-caption { width:100%; border-radius:var(--fur-radius-md); margin-block:28px; overflow:hidden; }
.tft-post-article__img-caption img { width:100%; display:block; }
.tft-post-article__img-caption figcaption { font-family:var(--fur-font-sans); font-size:.72rem; color:var(--fur-text-muted); padding:10px 14px; background:var(--fur-bg-secondary); }
.tft-post-article__tags { display:flex; flex-wrap:wrap; gap:8px; margin-block-start:36px; padding-block-start:24px; border-block-start:1px solid var(--fur-border); }
.tft-post-article__tag { font-family:var(--fur-font-sans); font-size:.72rem; font-weight:600; color:var(--fur-text-muted); border:1px solid var(--fur-border); border-radius:var(--fur-radius-full); padding-inline:14px; padding-block:6px; text-decoration:none; transition:all var(--fur-transition-fast); }
.tft-post-article__tag:hover { background:var(--fur-primary); color:var(--fur-ref-white); border-color:var(--fur-primary); }

/* Author Box */
.tft-author-box { display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:start; background:var(--fur-surface); border:1px solid var(--fur-border); border-radius:var(--fur-radius-xl); padding:clamp(20px,3vw,36px); margin-block-start:48px; position:relative; overflow:hidden; }
.tft-author-box::before { content:; position:absolute; inset-block-start:0; inset-inline-start:0; width:100%; height:4px; background:linear-gradient(90deg,var(--fur-ref-green-900),var(--fur-ref-lime-400)); }
.tft-author-box__img { width:clamp(72px,8vw,96px); height:clamp(72px,8vw,96px); border-radius:var(--fur-radius-full); object-fit:cover; border:3px solid var(--fur-border); }
.tft-author-box__label { font-family:var(--fur-font-sans); font-size:.65rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--fur-primary); margin-block-end:4px; }
.tft-author-box__name { font-family:var(--fur-font-serif); font-size:clamp(1.1rem,1.6vw,1.3rem); font-weight:700; color:var(--fur-text); margin:0 0 8px; }
.tft-author-box__bio { font-family:var(--fur-font-sans); font-size:.88rem; color:var(--fur-text-muted); line-height:1.65; margin:0 0 14px; }
.tft-author-box__links { display:flex; gap:12px; flex-wrap:wrap; }
.tft-author-box__link { font-family:var(--fur-font-sans); font-size:.72rem; font-weight:700; color:var(--fur-primary); text-decoration:none; display:flex; align-items:center; gap:5px; transition:gap var(--fur-transition-fast); }
.tft-author-box__link:hover { gap:9px; }

/* Comments Section */
.tft-comments { margin-block-start:48px; }
.tft-comments__heading { font-family:var(--fur-font-serif); font-size:clamp(1.3rem,2vw,1.6rem); font-weight:700; color:var(--fur-text); margin-block-end:28px; display:flex; align-items:center; gap:12px; }
.tft-comments__count { font-family:var(--fur-font-sans); font-size:.78rem; font-weight:700; color:var(--fur-ref-white); background:var(--fur-primary); border-radius:var(--fur-radius-full); padding-inline:10px; padding-block:3px; }

/* Comment Thread */
.tft-comment-list { display:flex; flex-direction:column; gap:0; }
.tft-comment { display:grid; grid-template-columns:auto 1fr; gap:14px; padding-block:22px; border-block-end:1px solid var(--fur-border); position:relative; }
.tft-comment--child { padding-inline-start:48px; background:linear-gradient(to right, var(--fur-border) 1px, transparent 1px); background-position:inset-inline-start 22px; }
.tft-comment__avatar { width:44px; height:44px; border-radius:var(--fur-radius-full); object-fit:cover; flex-shrink:0; }
.tft-comment__avatar--placeholder { width:44px; height:44px; border-radius:var(--fur-radius-full); background:var(--fur-primary); display:flex; align-items:center; justify-content:center; font-family:var(--fur-font-serif); font-weight:700; color:var(--fur-ref-white); font-size:1rem; flex-shrink:0; }
.tft-comment__body { min-width:0; }
.tft-comment__header { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-block-end:8px; }
.tft-comment__author { font-family:var(--fur-font-sans); font-size:.88rem; font-weight:700; color:var(--fur-text); }
.tft-comment__badge { font-family:var(--fur-font-sans); font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--fur-ref-white); background:var(--fur-primary); border-radius:var(--fur-radius-full); padding-inline:8px; padding-block:2px; }
.tft-comment__date { font-family:var(--fur-font-sans); font-size:.7rem; color:var(--fur-text-muted); margin-inline-start:auto; }
.tft-comment__text { font-family:var(--fur-font-sans); font-size:.88rem; color:var(--fur-text); line-height:1.7; margin-block-end:10px; }
.tft-comment__actions { display:flex; gap:16px; }
.tft-comment__action { font-family:var(--fur-font-sans); font-size:.72rem; font-weight:600; color:var(--fur-text-muted); background:none; border:none; cursor:pointer; padding:0; transition:color var(--fur-transition-fast); display:flex; align-items:center; gap:5px; }
.tft-comment__action:hover { color:var(--fur-primary); }
.tft-comment__action--liked { color:var(--fur-primary); }

/* Comment Form */
.tft-comment-form { margin-block-start:40px; background:var(--fur-surface); border:1px solid var(--fur-border); border-radius:var(--fur-radius-xl); padding:clamp(22px,3vw,38px); position:relative; overflow:hidden; }
.tft-comment-form::before { content:; position:absolute; inset-block-start:0; inset-inline-start:0; width:60px; height:60px; border-radius:0 0 var(--fur-radius-full) 0; background:var(--fur-sidebar-active); pointer-events:none; }
.tft-comment-form__heading { font-family:var(--fur-font-serif); font-size:clamp(1.1rem,1.6vw,1.35rem); font-weight:700; color:var(--fur-text); margin-block-end:20px; }
.tft-comment-form__grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-block-end:14px; }
@media(max-width:560px){ .tft-comment-form__grid { grid-template-columns:1fr; } }
.tft-comment-form__field { display:flex; flex-direction:column; gap:6px; }
.tft-comment-form__field--full { grid-column:1/-1; }
.tft-comment-form__label { font-family:var(--fur-font-sans); font-size:.72rem; font-weight:700; color:var(--fur-text-muted); letter-spacing:.04em; }
.tft-comment-form__input, .tft-comment-form__textarea { font-family:var(--fur-font-sans); font-size:.88rem; color:var(--fur-text); background:var(--fur-bg); border:1px solid var(--fur-border); border-radius:var(--fur-radius-md); padding-inline:16px; padding-block:12px; outline:none; transition:border-color var(--fur-transition-fast), box-shadow var(--fur-transition-fast); width:100%; box-sizing:border-box; }
.tft-comment-form__input:focus, .tft-comment-form__textarea:focus { border-color:var(--fur-primary); box-shadow:0 0 0 3px var(--fur-sidebar-active); }
.tft-comment-form__textarea { resize:vertical; min-height:130px; line-height:1.65; }
.tft-comment-form__submit { display:inline-flex; align-items:center; gap:10px; font-family:var(--fur-font-sans); font-size:.85rem; font-weight:700; color:var(--fur-ref-white); background:var(--fur-primary); border:none; border-radius:var(--fur-radius-full); padding-inline:28px; padding-block:13px; cursor:pointer; margin-block-start:8px; transition:background var(--fur-transition-fast), transform var(--fur-transition-fast); }
.tft-comment-form__submit:hover { background:var(--fur-primary-hover); transform:translateY(-1px); }

/* Sidebar Widgets */
.tft-post-sidebar { display:flex; flex-direction:column; gap:24px; position:sticky; inset-block-start:80px; }
.tft-widget { background:var(--fur-surface); border:1px solid var(--fur-border); border-radius:var(--fur-radius-xl); overflow:hidden; }
.tft-widget__header { padding:18px 22px 14px; border-block-end:1px solid var(--fur-border); display:flex; align-items:center; gap:10px; }
.tft-widget__icon { width:32px; height:32px; border-radius:var(--fur-radius-md); background:var(--fur-sidebar-active); display:flex; align-items:center; justify-content:center; color:var(--fur-primary); flex-shrink:0; }
.tft-widget__title { font-family:var(--fur-font-serif); font-size:.98rem; font-weight:700; color:var(--fur-text); margin:0; }
.tft-widget__body { padding:18px 22px; }

/* Widget: Author */
.tft-widget-author { display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; }
.tft-widget-author__img { width:72px; height:72px; border-radius:var(--fur-radius-full); object-fit:cover; border:3px solid var(--fur-border); }
.tft-widget-author__name { font-family:var(--fur-font-serif); font-size:1rem; font-weight:700; color:var(--fur-text); }
.tft-widget-author__role { font-family:var(--fur-font-sans); font-size:.72rem; color:var(--fur-primary); font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.tft-widget-author__bio { font-family:var(--fur-font-sans); font-size:.8rem; color:var(--fur-text-muted); line-height:1.65; }
.tft-widget-author__btn { font-family:var(--fur-font-sans); font-size:.75rem; font-weight:700; color:var(--fur-primary); border:1px solid var(--fur-primary); border-radius:var(--fur-radius-full); padding-inline:18px; padding-block:7px; text-decoration:none; transition:all var(--fur-transition-fast); }
.tft-widget-author__btn:hover { background:var(--fur-primary); color:var(--fur-ref-white); }

/* Widget: Related Posts */
.tft-widget-related { display:flex; flex-direction:column; gap:14px; }
.tft-widget-related__item { display:grid; grid-template-columns:72px 1fr; gap:12px; align-items:center; text-decoration:none; transition:transform var(--fur-transition-fast); }
.tft-widget-related__item:hover { transform:translateX(3px); }
.tft-widget-related__img { width:72px; height:56px; border-radius:var(--fur-radius-sm); object-fit:cover; }
.tft-widget-related__title { font-family:var(--fur-font-serif); font-size:.84rem; font-weight:600; color:var(--fur-text); line-height:1.35; transition:color var(--fur-transition-fast); }
.tft-widget-related__item:hover .tft-widget-related__title { color:var(--fur-primary); }
.tft-widget-related__date { font-family:var(--fur-font-sans); font-size:.65rem; color:var(--fur-text-muted); margin-block-start:3px; }

/* Widget: Categories */
.tft-widget-cats { display:flex; flex-direction:column; gap:2px; }
.tft-widget-cats__item { display:flex; justify-content:space-between; align-items:center; font-family:var(--fur-font-sans); font-size:.84rem; color:var(--fur-text); text-decoration:none; padding-block:9px; padding-inline:10px; border-radius:var(--fur-radius-sm); transition:all var(--fur-transition-fast); }
.tft-widget-cats__item:hover { background:var(--fur-sidebar-active); color:var(--fur-primary); }
.tft-widget-cats__count { font-size:.7rem; font-weight:700; color:var(--fur-ref-white); background:var(--fur-primary); border-radius:var(--fur-radius-full); padding-inline:8px; padding-block:2px; }

/* Widget: Tags */
.tft-widget-tags { display:flex; flex-wrap:wrap; gap:8px; }
.tft-widget-tag { font-family:var(--fur-font-sans); font-size:.7rem; font-weight:600; color:var(--fur-text-muted); border:1px solid var(--fur-border); border-radius:var(--fur-radius-full); padding-inline:12px; padding-block:5px; text-decoration:none; transition:all var(--fur-transition-fast); }
.tft-widget-tag:hover { background:var(--fur-primary); color:var(--fur-ref-white); border-color:var(--fur-primary); }

/* Widget: Newsletter */
.tft-widget-newsletter { display:flex; flex-direction:column; gap:10px; }
.tft-widget-newsletter__desc { font-family:var(--fur-font-sans); font-size:.8rem; color:var(--fur-text-muted); line-height:1.6; }
.tft-widget-newsletter__input { font-family:var(--fur-font-sans); font-size:.82rem; color:var(--fur-text); background:var(--fur-bg); border:1px solid var(--fur-border); border-radius:var(--fur-radius-md); padding:11px 14px; outline:none; box-sizing:border-box; width:100%; transition:border-color var(--fur-transition-fast); }
.tft-widget-newsletter__input:focus { border-color:var(--fur-primary); }
.tft-widget-newsletter__btn { font-family:var(--fur-font-sans); font-size:.8rem; font-weight:700; color:var(--fur-ref-white); background:var(--fur-primary); border:none; border-radius:var(--fur-radius-md); padding-block:11px; cursor:pointer; transition:background var(--fur-transition-fast); }
.tft-widget-newsletter__btn:hover { background:var(--fur-primary-hover); }

/* Widget: Featured Product */
.tft-widget-product { display:flex; flex-direction:column; gap:12px; }
.tft-widget-product__img { width:100%; border-radius:var(--fur-radius-md); object-fit:cover; display:block; aspect-ratio:4/3; }
.tft-widget-product__name { font-family:var(--fur-font-serif); font-size:.95rem; font-weight:700; color:var(--fur-text); }
.tft-widget-product__desc { font-family:var(--fur-font-sans); font-size:.78rem; color:var(--fur-text-muted); line-height:1.55; }
.tft-widget-product__price { font-family:var(--fur-font-sans); font-size:1rem; font-weight:700; color:var(--fur-primary); }
.tft-widget-product__btn { display:block; font-family:var(--fur-font-sans); font-size:.78rem; font-weight:700; color:var(--fur-ref-white); background:var(--fur-primary); border-radius:var(--fur-radius-full); padding-block:10px; text-align:center; text-decoration:none; transition:background var(--fur-transition-fast); }
.tft-widget-product__btn:hover { background:var(--fur-primary-hover); }

/* Dark mode */
body[data-theme='dark'] .tft-comment-form__input,
body[data-theme='dark'] .tft-comment-form__textarea,
body[data-theme='dark'] .tft-widget-newsletter__input { background:var(--fur-ref-forest-800) !important; }



/* ==========================================================================
   TFT PREMIUM FOOTER REBUILD (HIGH FIDELITY)
   ========================================================================== */

.tft-footer {
  display: flex;
  flex-direction: column;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-block-start: var(--fur-margin-block-lg);
  box-shadow: none !important;
}

.tft-footer__upper {
  background-color: var(--fur-ref-beige-50);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-xl);
  margin-inline: clamp(12px, 2.5vw, 24px);
  padding-inline: clamp(20px, 4vw, 60px);
  padding-block: clamp(40px, 6vw, 80px) clamp(30px, 4vw, 40px);
}

.tft-footer__main-grid {
  display: grid;
  grid-template-columns: 2.2fr 1fr 1fr 1fr 1.8fr 1.5fr;
  gap: clamp(20px, 2.5vw, 40px);
  align-items: start;
}

.tft-footer__col-brand {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.tft-footer__logo {
  font-family: var(--fur-font-serif);
  font-size: 2.2rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--fur-text);
  margin-block-end: 16px;
  display: inline-block;
  line-height: 1;
}

.tft-footer__tagline {
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin-block-end: 24px;
  max-width: 320px;
}

.tft-footer__contact-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-block-end: 24px;
  width: 100%;
}

.tft-footer__contact-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.tft-footer__contact-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-ref-beige-100);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-primary);
  flex-shrink: 0;
}

.tft-footer__contact-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tft-footer__contact-info strong {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--fur-text);
}

.tft-footer__contact-info span {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  color: var(--fur-text-muted);
}

.tft-footer__social-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.tft-footer__social-title {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
}

.tft-footer__social-links {
  display: flex;
  gap: 10px;
}

.tft-footer__social-btn {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-ref-beige-100);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-text);
  text-decoration: none;
  transition: all var(--fur-transition-fast);
}

.tft-footer__social-btn:hover {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  transform: translateY(-2px);
}

.tft-footer__col-links {
  display: flex;
  flex-direction: column;
}

.tft-footer__heading {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
  position: relative;
  margin-block-end: 24px;
  padding-block-end: 8px;
}

.tft-footer__heading::after {
  content: '';
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 4px;
  height: 4px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-accent);
}

.tft-footer__links-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
  margin: 0;
}

.tft-footer__links-list a {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  text-decoration: none;
  transition: color var(--fur-transition-fast), padding-inline-start var(--fur-transition-fast);
}

.tft-footer__links-list a:hover {
  color: var(--fur-primary);
  padding-inline-start: 4px;
}

.tft-footer__col-newsletter {
  display: flex;
  flex-direction: column;
}

.tft-footer__newsletter-text {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin-block-end: 18px;
}

.tft-footer__form {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin-block-end: 16px;
}

.tft-footer__input {
  width: 100%;
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text);
  padding-block: 12px;
  padding-inline-start: 16px;
  padding-inline-end: 50px;
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-ref-beige-50);
  outline: none;
  transition: border-color var(--fur-transition-fast);
}

.tft-footer__input:focus {
  border-color: var(--fur-primary);
  background-color: var(--fur-ref-white);
}

.tft-footer__submit-btn {
  position: absolute;
  inset-inline-end: 6px;
  width: 32px;
  height: 32px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  border: none;
  color: var(--fur-ref-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color var(--fur-transition-fast);
}

.tft-footer__submit-btn:hover {
  background-color: var(--fur-primary-hover);
}

.tft-footer__checkbox-wrapper {
  display: flex;
  align-items: start;
  gap: 8px;
}

.tft-footer__checkbox-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  flex-shrink: 0;
  margin-block-start: 2px;
}

.tft-footer__checkbox-label {
  font-family: var(--fur-font-sans);
  font-size: 0.76rem;
  line-height: 1.4;
  color: var(--fur-text-muted);
}

.tft-footer__col-arch {
  display: flex;
  justify-content: flex-end;
  align-items: start;
}

.tft-footer__arch-frame {
  border-radius: 120px 120px 0px 0px;
  overflow: hidden;
  width: 100%;
  max-width: 220px;
  aspect-ratio: 2.2 / 3;
  border: 1px solid var(--fur-border);
}

.tft-footer__arch-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tft-footer__trust-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  background-color: var(--fur-ref-beige-100);
  border-radius: var(--fur-radius-md);
  padding: 20px 32px;
  margin-block-start: 48px;
  border: 1px solid var(--fur-border);
}

.tft-footer__trust-card {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}

.tft-footer__trust-icon {
  width: 42px;
  height: 42px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-ref-white);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-primary);
  border: 1px solid var(--fur-border);
  flex-shrink: 0;
}

.tft-footer__trust-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tft-footer__trust-content strong {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--fur-text);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.tft-footer__trust-content span {
  font-family: var(--fur-font-sans);
  font-size: 0.74rem;
  color: var(--fur-text-muted);
}

.tft-footer__lower {
  background-color: var(--fur-ref-green-900);
  border-radius: var(--fur-radius-lg) var(--fur-radius-lg) 0 0;
  margin-inline: clamp(12px, 2.5vw, 24px);
  margin-block-start: -16px;
  padding-inline: clamp(20px, 4vw, 60px);
  padding-block: 40px;
  color: var(--fur-ref-beige-50);
  z-index: 2;
  position: relative;
}

.tft-footer__lower-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.tft-footer__quote-block {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 380px;
}

.tft-footer__quote-thumb {
  width: 64px;
  height: 64px;
  border-radius: var(--fur-radius-sm);
  object-fit: cover;
  flex-shrink: 0;
}

.tft-footer__quote-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tft-footer__quote-symbol {
  font-family: var(--fur-font-serif);
  font-size: 2.5rem;
  color: var(--fur-ref-lime-400);
  line-height: 1;
  height: 16px;
  display: block;
  margin-block-start: -12px;
}

.tft-footer__quote-text {
  font-family: var(--fur-font-serif);
  font-size: 0.95rem;
  font-style: italic;
  color: var(--fur-ref-beige-50);
  line-height: 1.4;
}

.tft-footer__quote-author {
  font-family: var(--fur-font-sans);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--fur-ref-lime-400);
  text-transform: uppercase;
}

.tft-footer__seen-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.tft-footer__seen-label {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--fur-ref-beige-dark-muted);
  text-transform: uppercase;
}

.tft-footer__seen-logos {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.5vw, 32px);
}

.tft-footer__seen-logo-item {
  color: var(--fur-ref-beige-50);
  opacity: 0.85;
  white-space: nowrap;
}

.tft-footer__meta-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  text-align: right;
}

.tft-footer__meta-galleries {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tft-footer__globe-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-ref-beige-dark-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-ref-lime-400);
  background: transparent;
  flex-shrink: 0;
}

.tft-footer__gallery-cities {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--fur-ref-beige-50);
}

.tft-footer__copyright-text {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-ref-beige-dark-muted);
}

/* ------------------------------------------------------------------------
   RESPONSIVE DESIGN (FLUID BREAKPOINTS)
   ------------------------------------------------------------------------ */

@media (max-width: 1200px) {
  .tft-footer__main-grid {
    grid-template-columns: 2fr 1fr 1fr 1.5fr 1.2fr;
  }
  .tft-footer__col-arch {
    display: none;
  }
}

@media (max-width: 991px) {
  .tft-footer__main-grid {
    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
  }
  .tft-footer__trust-strip {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 24px;
  }
  .tft-footer__lower-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .tft-footer__meta-info {
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }
  .tft-footer__seen-in {
    align-items: flex-start;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .tft-footer__main-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .tft-footer__col-brand {
    grid-column: span 2;
    margin-block-end: 20px;
  }
  .tft-footer__col-newsletter {
    grid-column: span 2;
    margin-block-start: 20px;
  }
}

@media (max-width: 480px) {
  .tft-footer__main-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .tft-footer__col-brand,
  .tft-footer__col-newsletter {
    grid-column: span 1;
  }
  .tft-footer__trust-strip {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px;
  }
  .tft-footer__seen-logos {
    flex-wrap: wrap;
    gap: 16px;
  }
  .tft-footer__gallery-cities {
    font-size: 0.65rem;
  }
}

/* Dark Mode Overrides */
body[data-theme='dark'] .tft-footer__upper {
  background-color: var(--fur-ref-forest-800);
  border-color: var(--fur-ref-forest-700);
}
body[data-theme='dark'] .tft-footer__contact-icon,
body[data-theme='dark'] .tft-footer__social-btn {
  background-color: var(--fur-ref-forest-700);
  color: var(--fur-ref-beige-dark);
}
body[data-theme='dark'] .tft-footer__trust-strip {
  background-color: var(--fur-ref-forest-900);
  border-color: var(--fur-ref-forest-700);
}
body[data-theme='dark'] .tft-footer__trust-icon {
  background-color: var(--fur-ref-forest-800);
  border-color: var(--fur-ref-forest-700);
}
body[data-theme='dark'] .tft-footer__input {
  background-color: var(--fur-ref-forest-700);
  border-color: var(--fur-ref-forest-600);
  color: var(--fur-ref-beige-50);
}
body[data-theme='dark'] .tft-footer__input:focus {
  border-color: var(--fur-ref-lime-400);
}

/* ==========================================================================
   TFT REDESIGNED TESTIMONIALS & FEATURES BAR (ariely/WP Ready)
   ========================================================================== */

.tft-testimonials {
  padding-block: clamp(60px, 8vw, 120px);
  padding-inline: clamp(24px, 5vw, 80px);
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  position: relative;
  overflow: hidden;
}

body[data-theme="dark"] .tft-testimonials {
  background-color: var(--fur-ref-forest-900);
  color: var(--fur-ref-beige-100);
}

.tft-testimonials__container {
  max-width: 1400px;
  margin-inline: auto;
}

.tft-testimonials__header {
  text-align: center;
  margin-block-end: clamp(40px, 6vw, 80px);
  max-width: 600px;
  margin-inline: auto;
}

.tft-testimonials__eyebrow {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

body[data-theme="dark"] .tft-testimonials__eyebrow {
  color: var(--fur-ref-lime-400);
}

.tft-testimonials__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 400;
  line-height: 1.15;
  margin: 0 0 16px 0;
  color: inherit;
}

.tft-testimonials__title em {
  font-style: italic;
  font-weight: 400;
}

.tft-testimonials__subtitle {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin: 0;
}

body[data-theme="dark"] .tft-testimonials__subtitle {
  color: var(--fur-ref-lime-400);
}

/* Grid Layout */
.tft-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-block-end: clamp(50px, 7vw, 100px);
}

@media (max-width: 1200px) {
  .tft-testimonials__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .tft-testimonials__grid {
    grid-template-columns: 1fr;
  }
}

/* Card Styling */
.tft-testimonial-card {
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal);
}

body[data-theme="dark"] .tft-testimonial-card {
  background-color: var(--fur-ref-forest-800);
}

.tft-testimonial-card:hover {
  transform: translateY(-6px);
}

/* Top Image of Card */
.tft-testimonial-card__img-wrap {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.tft-testimonial-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-slow);
}

.tft-testimonial-card:hover .tft-testimonial-card__img {
  transform: scale(1.04);
}

/* Overlapping Quote Badge */
.tft-testimonial-card__quote-badge {
  position: absolute;
  inset-block-end: -20px;
  inset-inline-end: 24px;
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

body[data-theme="dark"] .tft-testimonial-card__quote-badge {
  background-color: var(--fur-ref-lime-400);
  color: var(--fur-ref-forest-900);
}

.tft-testimonial-card__quote-badge svg {
  width: 16px;
  height: 16px;
}

/* Card Body */
.tft-testimonial-card__body {
  padding: 32px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Rating Stars (Green) */
.tft-testimonial-card__rating {
  display: flex;
  gap: 2px;
  margin-block-end: 16px;
  color: var(--fur-primary);
  font-size: 0.9rem;
}

body[data-theme="dark"] .tft-testimonial-card__rating {
  color: var(--fur-ref-lime-400);
}

/* Quote Text */
.tft-testimonial-card__quote {
  font-family: var(--fur-font-serif);
  font-style: italic;
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  line-height: 1.6;
  color: inherit;
  margin: 0 0 24px 0;
  flex-grow: 1;
}

/* Author Footer */
.tft-testimonial-card__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  border-block-start: 1px solid var(--fur-border);
  padding-block-start: 16px;
}

body[data-theme="dark"] .tft-testimonial-card__footer {
  border-color: var(--fur-ref-forest-700);
}

.tft-testimonial-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  object-fit: cover;
}

.tft-testimonial-card__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tft-testimonial-card__author {
  font-size: 0.85rem;
  font-weight: 700;
  color: inherit;
}

.tft-testimonial-card__location {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
}

body[data-theme="dark"] .tft-testimonial-card__location {
  color: var(--fur-ref-beige-dark-muted);
}

/* Horizontal Features Bar */
.tft-features-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 3vw, 40px);
  padding-block-start: clamp(40px, 6vw, 80px);
  border-block-start: 1px solid var(--fur-border);
  text-align: center;
}

body[data-theme="dark"] .tft-features-bar {
  border-color: var(--fur-ref-forest-700);
}

.tft-features-bar__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.tft-features-bar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg);
  color: var(--fur-primary);
}

body[data-theme="dark"] .tft-features-bar__icon {
  background-color: var(--fur-ref-forest-700);
  color: var(--fur-ref-lime-400);
}

.tft-features-bar__text {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: inherit;
}

@media (max-width: 820px) {
  .tft-features-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 480px) {
  .tft-features-bar {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* Overrides for Materials Showcase to prevent cutoffs and match design */
.fur-materials__track-wrap {
  cursor: grab;
  user-select: none;
}
.fur-materials__track-wrap:active {
  cursor: grabbing;
}
.fur-material-card,
.fur-material-card--tall {
  width: clamp(260px, 20vw, 300px) !important;
  height: 380px !important;
  display: flex !important;
  flex-direction: column !important;
  background-color: var(--fur-ref-beige-200) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  position: relative !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
}

body[data-theme="dark"] .fur-material-card,
body[data-theme="dark"] .fur-material-card--tall {
  background-color: var(--fur-ref-forest-700) !important;
}

.fur-material-card__img-wrap,
.fur-material-card--tall .fur-material-card__img-wrap {
  width: 100% !important;
  height: 280px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}

.fur-material-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  pointer-events: none;
  -webkit-user-drag: none;
}

.fur-material-card__info {
  position: relative !important;
  inset: auto !important;
  padding: 18px 20px !important;
  background: transparent !important;
  color: var(--fur-text) !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex-grow: 1 !important;
}

body[data-theme="dark"] .fur-material-card__info {
  color: var(--fur-ref-beige-100) !important;
}

.fur-material-card__name {
  color: inherit !important;
  font-family: var(--fur-font-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  margin: 0 0 6px 0 !important;
}

.fur-material-card__origin {
  color: var(--fur-text-muted) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

body[data-theme="dark"] .fur-material-card__origin {
  color: var(--fur-ref-lime-400) !important;
}

.fur-material-card__badge {
  position: absolute !important;
  inset-block-start: 14px !important;
  inset-inline-end: 14px !important;
  background-color: var(--fur-ref-forest-900) !important;
  color: var(--fur-ref-white) !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: var(--fur-radius-full) !important;
  z-index: 2 !important;
}

/* Rounded Main Panel Pane & Header Removal at Scroll Top */
body:not([data-scrolled="true"]) .fur-header {
  display: none !important;
}

.fur-main {
  border-top-left-radius: var(--fur-radius-xl) !important;
  border-top-right-radius: var(--fur-radius-xl) !important;
}

.tft-blog-hero,
.tft-post-hero,
.fur-hero,
.fur-hero-slider {
  border-top-left-radius: var(--fur-radius-xl) !important;
  border-top-right-radius: var(--fur-radius-xl) !important;
  overflow: hidden !important;
}

/* REDESIGNED TESTIMONIALS & FEATURES BAR CSS STYLES */
.tft-testimonials {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body[data-theme="dark"] .tft-testimonials {
  background-image: none !important;
  background-color: var(--fur-ref-forest-900) !important;
}

.tft-testimonials__title em {
  color: var(--fur-primary) !important;
  font-style: italic !important;
}

body[data-theme="dark"] .tft-testimonials__title em {
  color: var(--fur-ref-lime-400) !important;
}

/* Quote Badge Centered */
.tft-testimonial-card__quote-badge {
  inset-block-end: -22px !important;
  inset-inline-start: 50% !important;
  inset-inline-end: auto !important;
  transform: translateX(-50%) !important;
  background-color: var(--fur-surface) !important;
  border: 1.5px solid var(--fur-primary) !important;
  color: var(--fur-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  border-radius: var(--fur-radius-full) !important;
}

body[data-theme="dark"] .tft-testimonial-card__quote-badge {
  background-color: var(--fur-ref-forest-800) !important;
  border-color: var(--fur-ref-lime-400) !important;
  color: var(--fur-ref-lime-400) !important;
}

/* Initials Avatar Circle */
.tft-testimonial-card__avatar-initial {
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  flex-shrink: 0 !important;
}

body[data-theme="dark"] .tft-testimonial-card__avatar-initial {
  background-color: var(--fur-ref-lime-400) !important;
  color: var(--fur-ref-forest-900) !important;
}

/* Features Bar Rounded Container */
.tft-features-bar {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: clamp(24px, 4vw, 48px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.02) !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(24px, 3vw, 48px) !important;
  text-align: start !important;
  align-items: center !important;
  border-block-start: none !important;
  margin-block-start: 40px !important;
}

body[data-theme="dark"] .tft-features-bar {
  background-color: var(--fur-ref-forest-800) !important;
  border-color: var(--fur-ref-forest-700) !important;
}

.tft-features-bar__item {
  flex-direction: row !important;
  align-items: flex-start !important;
  text-align: start !important;
  gap: 16px !important;
}

.tft-features-bar__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.tft-features-bar__title {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  display: inline-block !important;
}

body[data-theme="dark"] .tft-features-bar__title {
  color: var(--fur-ref-beige-100) !important;
}

.tft-features-bar__desc {
  font-size: 0.78rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

body[data-theme="dark"] .tft-features-bar__desc {
  color: var(--fur-ref-beige-dark-muted) !important;
}

@media (max-width: 992px) {
  .tft-features-bar {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 576px) {
  .tft-features-bar {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 576px) {
  .tft-features-bar {
    grid-template-columns: 1fr !important;
  }
}

/* Quote Badge Relocation & Styling Updates */
.tft-testimonial-card__body {
  position: relative !important;
}

.tft-testimonial-card__quote-badge {
  position: absolute !important;
  top: -22px !important;
  bottom: auto !important;
  inset-block-end: auto !important;
  inset-inline-start: 50% !important;
  inset-inline-end: auto !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
}

/* REDESIGNED CURVED NEWSLETTER SECTION */
.tft-newsletter {
  padding-block: clamp(60px, 8vw, 120px) !important;
  padding-inline: var(--fur-margin-block-md) !important;
  width: 100% !important;
}

.tft-newsletter__card {
  background-color: var(--fur-ref-beige-200) !important;
  border-radius: var(--fur-radius-xl) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03) !important;
  border: 1px solid var(--fur-border) !important;
}

body[data-theme="dark"] .tft-newsletter__card {
  background-color: var(--fur-ref-forest-800) !important;
  border-color: var(--fur-ref-forest-700) !important;
}

.tft-newsletter__main {
  display: flex !important;
  width: 100% !important;
  position: relative !important;
}

.tft-newsletter__content {
  flex-basis: 58% !important;
  flex-shrink: 0 !important;
  background-color: var(--fur-ref-beige-100) !important;
  padding: clamp(32px, 6vw, 64px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 2 !important;
}

body[data-theme="dark"] .tft-newsletter__content {
  background-color: var(--fur-ref-forest-800) !important;
}

/* Wave S-Curve Divider Overlay */
.tft-newsletter__divider {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  inset-inline-start: 100% !important;
  width: 200px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  color: var(--fur-ref-beige-100) !important;
}

body[data-theme="dark"] .tft-newsletter__divider {
  color: var(--fur-ref-forest-800) !important;
}

.tft-newsletter__divider svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Floating White Badge at curve */
.tft-newsletter__wave-badge {
  position: absolute !important;
  top: 150px !important;
  inset-inline-start: 30px !important;
  transform: translate(-50%, -50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
  z-index: 10 !important;
}

.tft-newsletter__wave-badge svg.tft-newsletter__leaf-icon {
  width: 20px !important;
  height: 20px !important;
  transform: scaleX(-1) !important;
  display: block !important;
}

body[data-theme="dark"] .tft-newsletter__wave-badge {
  background-color: var(--fur-ref-forest-800) !important;
  border-color: var(--fur-ref-forest-700) !important;
  color: var(--fur-ref-lime-400) !important;
}

.tft-newsletter__image-side {
  position: absolute !important;
  inset-inline-end: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 45% !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.tft-newsletter__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-newsletter__tag {
  display: inline-block !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: var(--fur-primary) !important;
  margin-block-end: 16px !important;
}

body[data-theme="dark"] .tft-newsletter__tag {
  color: var(--fur-ref-lime-400) !important;
}

.tft-newsletter__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 3.2vw, 2.6rem) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: var(--fur-text) !important;
  margin: 0 0 16px 0 !important;
  max-width: 520px !important;
}

body[data-theme="dark"] .tft-newsletter__title {
  color: var(--fur-ref-beige-100) !important;
}

.tft-newsletter__title em {
  font-style: italic !important;
  color: var(--fur-primary) !important;
}

body[data-theme="dark"] .tft-newsletter__title em {
  color: var(--fur-ref-lime-400) !important;
}

.tft-newsletter__desc {
  font-size: 0.95rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 0 32px 0 !important;
  max-width: 480px !important;
}

body[data-theme="dark"] .tft-newsletter__desc {
  color: var(--fur-ref-beige-dark-muted) !important;
}

/* Features horizontal row with dividers */
.tft-newsletter__features {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  margin-block-end: 36px !important;
  width: 100% !important;
  max-width: 600px !important;
}

.tft-newsletter__feature-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding-inline: 8px !important;
}

.tft-newsletter__feature-item:not(:last-child) {
  border-inline-end: 1px solid var(--fur-border) !important;
}

body[data-theme="dark"] .tft-newsletter__feature-item:not(:last-child) {
  border-color: var(--fur-ref-forest-700) !important;
}

.tft-newsletter__feature-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-beige-200) !important;
  color: var(--fur-primary) !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--fur-border) !important;
  margin-block-end: 12px !important;
}

.tft-newsletter__feature-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.tft-newsletter__feature-icon svg.tft-newsletter__leaf-icon {
  transform: scaleX(-1) !important;
}

body[data-theme="dark"] .tft-newsletter__feature-icon {
  background-color: var(--fur-ref-forest-700) !important;
  border-color: var(--fur-ref-forest-600) !important;
  color: var(--fur-ref-lime-400) !important;
}

.tft-newsletter__feature-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-newsletter__feature-title {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
}

body[data-theme="dark"] .tft-newsletter__feature-title {
  color: var(--fur-ref-beige-100) !important;
}

.tft-newsletter__feature-desc {
  font-size: 0.72rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.3 !important;
}

body[data-theme="dark"] .tft-newsletter__feature-desc {
  color: var(--fur-ref-beige-dark-muted) !important;
}

/* Subscription Form with Inline Mail Envelope Icon */
.tft-newsletter__form {
  width: 100% !important;
  max-width: 480px !important;
}

.tft-newsletter__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.tft-newsletter__input-group {
  display: flex !important;
  position: relative !important;
  align-items: center !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  padding: 4px !important;
  width: 100% !important;
  height: 54px !important;
  margin-block-end: 12px !important;
}

body[data-theme="dark"] .tft-newsletter__input-group {
  background-color: var(--fur-ref-forest-900) !important;
  border-color: var(--fur-ref-forest-700) !important;
}

.tft-newsletter__input-icon {
  position: absolute !important;
  inset-inline-start: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--fur-text-muted) !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  pointer-events: none !important;
}

body[data-theme="dark"] .tft-newsletter__input-icon {
  color: var(--fur-ref-beige-dark-muted) !important;
}

.tft-newsletter__input {
  flex-grow: 1 !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  padding-inline: 46px 140px !important;
  color: var(--fur-text) !important;
  font-size: 0.9rem !important;
  width: 100% !important;
  outline: none !important;
}

body[data-theme="dark"] .tft-newsletter__input {
  color: var(--fur-ref-beige-100) !important;
}

.tft-newsletter__btn {
  position: absolute !important;
  inset-inline-end: 4px !important;
  top: 4px !important;
  bottom: 4px !important;
  border: none !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  padding-inline: 28px !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-normal) !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body[data-theme="dark"] .tft-newsletter__btn {
  background-color: var(--fur-ref-lime-400) !important;
  color: var(--fur-ref-forest-900) !important;
}

.tft-newsletter__btn:hover {
  background-color: var(--fur-ref-forest-900) !important;
}

body[data-theme="dark"] .tft-newsletter__btn:hover {
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-ref-forest-900) !important;
}

.tft-newsletter__note {
  font-size: 0.72rem !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

body[data-theme="dark"] .tft-newsletter__note {
  color: var(--fur-ref-beige-dark-muted) !important;
}

.tft-newsletter__note a {
  color: inherit !important;
  text-decoration: underline !important;
}

/* Bottom Stats Bar */
.tft-newsletter__stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  padding: 24px clamp(24px, 5vw, 64px) !important;
  background-color: var(--fur-ref-beige-200) !important;
  border-block-start: 1px solid var(--fur-border) !important;
}

body[data-theme="dark"] .tft-newsletter__stats {
  background-color: var(--fur-ref-forest-900) !important;
  border-color: var(--fur-ref-forest-700) !important;
}

.tft-newsletter__stat-item {
  display: flex !important;
  gap: 12px !important;
  align-items: center;
}

.tft-newsletter__stat-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-beige-100) !important;
  color: var(--fur-primary) !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--fur-border) !important;
}

body[data-theme="dark"] .tft-newsletter__stat-icon {
  background-color: var(--fur-ref-forest-800) !important;
  border-color: var(--fur-ref-forest-700) !important;
  color: var(--fur-ref-lime-400) !important;
}

.tft-newsletter__stat-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-newsletter__stat-number {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
}

body[data-theme="dark"] .tft-newsletter__stat-number {
  color: var(--fur-ref-beige-100) !important;
}

.tft-newsletter__stat-label {
  font-size: 0.72rem !important;
  color: var(--fur-text-muted) !important;
  white-space: nowrap !important;
}

body[data-theme="dark"] .tft-newsletter__stat-label {
  color: var(--fur-ref-beige-dark-muted) !important;
}

/* RESPONSIVENESS OVERRIDES */
@media (max-width: 992px) {
  .tft-newsletter__main {
    flex-direction: column !important;
  }
  .tft-newsletter__content {
    flex-basis: 100% !important;
    padding: 40px 32px !important;
  }
  .tft-newsletter__divider {
    display: none !important;
  }
  .tft-newsletter__image-side {
    position: relative !important;
    width: 100% !important;
    height: 350px !important;
    order: -1 !important;
    inset-inline-end: auto !important;
  }
  .tft-newsletter__features {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
  .tft-newsletter__feature-item:not(:last-child) {
    border-inline-end: none !important;
  }
  .tft-newsletter__stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px 24px !important;
  }
}

@media (max-width: 576px) {
  .tft-newsletter {
    padding-inline: 16px !important;
    padding-block: 40px !important;
  }
  .tft-newsletter__content {
    padding: 32px 20px !important;
  }
  .tft-newsletter__features {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .tft-newsletter__stats {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding-inline: 20px !important;
  }
  .tft-newsletter__stat-label {
    white-space: normal !important;
  }
}

@media (max-width: 480px) {
  .tft-newsletter__input-group {
    flex-direction: column !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    gap: 12px !important;
  }
  .tft-newsletter__input {
    padding-inline: 46px 20px !important;
    background-color: var(--fur-surface) !important;
    border: 1px solid var(--fur-border) !important;
    border-radius: var(--fur-radius-full) !important;
    height: 48px !important;
  }
  body[data-theme="dark"] .tft-newsletter__input {
    background-color: var(--fur-ref-forest-900) !important;
    border-color: var(--fur-ref-forest-700) !important;
  }
  .tft-newsletter__btn {
    position: static !important;
    width: 100% !important;
    height: 48px !important;
  }
  .tft-newsletter__input-icon {
    top: 24px !important;
  }
}


/* ==========================================================================
   ariely COMPLIANT PREMIUM REDESIGN STYLES (HOME 1 OVERHAUL)
   ========================================================================== */

/* 1. Global Viewport Layout modifications */
.tft-redesign-layout .fur-app-layout {
  display: flex !important;
  flex-direction: row !important;
  height: 100vh !important;
  overflow: hidden !important;
  background-color: var(--fur-bg) !important;
}

/* Hide original desktop layout panels */
.tft-redesign-layout .fur-sidebar {
  display: none !important;
}
.tft-redesign-layout .fur-sidebar__nav {
  display: none !important;
}
.tft-redesign-layout .fur-hero {
  display: none !important;
}
.tft-redesign-layout .fur-header {
  display: none !important;
}
.tft-redesign-layout #wp-block-fur-categories {
  display: none !important;
}
.tft-redesign-layout #wp-block-fur-promo-slider {
  display: none !important;
}
.tft-redesign-layout #wp-block-fur-marquee {
  display: none !important;
}
.tft-redesign-layout #wp-block-fur-press {
  display: none !important;
}

/* 2. Sleek Compact Sidebar Layout (Desktop) */
.tft-redesign-layout .tft-sidebar {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100px !important;
  height: 100vh !important;
  background-color: var(--fur-sidebar-bg) !important;
  border-inline-end: 1px solid var(--fur-border) !important;
  padding-block: clamp(20px, 3vw, 40px) !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  z-index: 100 !important;
  position: relative !important;
  transition: background-color var(--fur-transition-normal), border-color var(--fur-transition-normal) !important;
}

.tft-redesign-layout .tft-sidebar__header {
  margin-block-end: 32px !important;
}

.tft-redesign-layout .tft-sidebar__logo {
  text-decoration: none !important;
}

.tft-redesign-layout .tft-sidebar__nav {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(16px, 2.5vh, 32px) !important;
  align-items: center !important;
}

.tft-redesign-layout .tft-sidebar__nav-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  color: var(--fur-text-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  transition: color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  cursor: pointer !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.tft-redesign-layout .tft-sidebar__nav-item:hover,
.tft-redesign-layout .tft-sidebar__nav-item--active {
  color: var(--fur-primary) !important;
}

.tft-redesign-layout .tft-sidebar__nav-item:hover {
  transform: translateY(-2px) !important;
}

.tft-redesign-layout .tft-sidebar__nav-icon {
  width: 20px !important;
  height: 20px !important;
  color: inherit !important;
  transition: stroke var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-sidebar__cart-icon-wrapper {
  position: relative !important;
}

.tft-redesign-layout .tft-sidebar__cart-badge {
  position: absolute !important;
  top: -6px !important;
  inset-inline-end: -6px !important;
  background-color: var(--fur-badge-bg) !important;
  color: var(--fur-badge-text) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid var(--fur-sidebar-bg) !important;
}

/* Mobile Nav Drawer overlay inside sidebar */
.tft-redesign-layout .tft-mobile-drawer {
  display: none !important;
}

/* 3. Main content viewport */
.tft-redesign-layout .fur-main {
  width: calc(100vw - 100px) !important;
  flex-grow: 1 !important;
  height: 100vh !important;
  overflow-y: auto !important;
  background-color: var(--fur-bg-secondary) !important;
  padding-inline: clamp(24px, 4vw, 64px) !important;
  padding-block: clamp(24px, 4vw, 48px) !important;
  transition: background-color var(--fur-transition-normal) !important;
}

/* 4. Top Bar layout styles */
.tft-redesign-layout .tft-top-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  margin-block-end: 24px !important;
}

.tft-redesign-layout .tft-top-bar__search {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 24px !important;
  height: 48px !important;
  width: 100% !important;
  max-width: 540px !important;
  transition: background-color var(--fur-transition-normal), border-color var(--fur-transition-normal) !important;
}

.tft-redesign-layout .tft-top-bar__search-icon {
  color: var(--fur-text-muted) !important;
  flex-shrink: 0 !important;
}

.tft-redesign-layout .tft-top-bar__search input {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  width: 100% !important;
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  color: var(--fur-text) !important;
}

.tft-redesign-layout .tft-top-bar__search input::placeholder {
  color: var(--fur-text-muted) !important;
}

.tft-redesign-layout .tft-top-bar__actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.tft-redesign-layout .tft-top-bar__action-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-border) !important;
  background-color: var(--fur-surface) !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  position: relative !important;
}

.tft-redesign-layout .tft-top-bar__action-btn:hover {
  border-color: var(--fur-text-muted) !important;
  transform: scale(1.03) !important;
}

.tft-redesign-layout .tft-top-bar__cart-count {
  position: absolute !important;
  top: -4px !important;
  inset-inline-end: -4px !important;
  background-color: var(--fur-badge-bg) !important;
  color: var(--fur-badge-text) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 5. Categories Pills Styles */
.tft-redesign-layout .tft-categories-bar {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-block-end: clamp(24px, 4vh, 36px) !important;
  position: relative !important;
}

.tft-redesign-layout .tft-categories-bar__scroller {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  flex-grow: 1 !important;
}

.tft-redesign-layout .tft-categories-bar__scroller::-webkit-scrollbar {
  display: none !important;
}

.tft-redesign-layout .tft-categories-bar__pill {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 40px !important;
  padding-inline: 18px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-border) !important;
  background-color: var(--fur-surface) !important;
  color: var(--fur-text) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-categories-bar__pill svg {
  width: 14px !important;
  height: 14px !important;
  color: inherit !important;
}

.tft-redesign-layout .tft-categories-bar__pill:hover {
  border-color: var(--fur-text-muted) !important;
}

.tft-redesign-layout .tft-categories-bar__pill--active {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border-color: var(--fur-primary) !important;
}

.tft-redesign-layout .tft-categories-bar__arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-border) !important;
  background-color: var(--fur-surface) !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  flex-shrink: 0 !important;
}

.tft-redesign-layout .tft-categories-bar__arrow:hover {
  border-color: var(--fur-text-muted) !important;
}

/* 6. Hero Side-by-Side Grid Layout */
.tft-redesign-layout .tft-hero-grid {
  display: grid !important;
  grid-template-columns: 43% 57% !important;
  gap: 24px !important;
  margin-block-end: clamp(32px, 5vw, 64px) !important;
}

.tft-redesign-layout .tft-hero-card {
  height: clamp(500px, 45vw, 620px) !important;
  border-radius: var(--fur-radius-xl) !important;
  overflow: hidden !important;
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 48px !important;
  transition: background-image 0.5s ease-in-out !important;
}

.tft-redesign-layout .tft-hero-card__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

/* Clean transparent gradient overlay for text readability */
.tft-redesign-layout .tft-hero-card--left .tft-hero-card__overlay {
  background: radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) !important;
}

.tft-redesign-layout .tft-hero-card--right .tft-hero-card__overlay {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%) !important;
}

.tft-redesign-layout .tft-hero-card__content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  max-width: 480px !important;
  height: 100% !important;
}

.tft-redesign-layout .tft-hero-card--left {
  color: var(--fur-primary) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-redesign-layout .tft-hero-card--right {
  color: var(--fur-ref-white) !important;
}

.tft-redesign-layout .tft-hero-card__subtitle {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  margin-block-end: 16px !important;
  opacity: 0.95 !important;
}

.tft-redesign-layout .tft-hero-card__badge {
  display: inline-block !important;
  padding: 6px 14px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(4px) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-block-end: 20px !important;
}

.tft-redesign-layout .tft-hero-card__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2rem, 3.2vw, 3.4rem) !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  margin-block-end: 18px !important;
}

.tft-redesign-layout .tft-hero-card__title--serif {
  font-family: var(--fur-font-serif) !important;
}

.tft-redesign-layout .tft-hero-card__title-script {
  font-family: var(--fur-font-script) !important;
  color: var(--fur-ref-lime-500) !important;
  font-size: 1.35em !important;
  line-height: 0.8 !important;
  display: inline-block !important;
  transform: rotate(-3deg) !important;
}

body[data-theme="dark"] .tft-redesign-layout .tft-hero-card__title-script {
  color: var(--fur-ref-lime-400) !important;
}

.tft-redesign-layout .tft-hero-card__desc {
  font-size: clamp(0.9rem, 1.1vw, 1rem) !important;
  line-height: 1.5 !important;
  margin-block-end: clamp(24px, 4vh, 32px) !important;
  opacity: 0.85 !important;
}

.tft-redesign-layout .tft-hero-card--left .tft-hero-card__desc {
  color: var(--fur-text-muted) !important;
}

.tft-redesign-layout .tft-hero-card__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  height: 48px !important;
  padding-inline: 28px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border-radius: var(--fur-radius-full) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: var(--fur-fs-small) !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  margin-block-end: auto !important;
}

.tft-redesign-layout .tft-hero-card__btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: translateY(-1px) !important;
}

.tft-redesign-layout .tft-hero-card__btn svg {
  transition: transform var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-hero-card__btn:hover svg {
  transform: translateX(4px) !important;
}

.tft-redesign-layout .tft-hero-card__btn-explore {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--fur-ref-white) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: var(--fur-fs-small) !important;
  border-block-end: 2px solid var(--fur-ref-white) !important;
  padding-block-end: 4px !important;
  transition: border-color var(--fur-transition-fast), opacity var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-hero-card__btn-explore:hover {
  opacity: 0.8 !important;
}

/* Social proof details */
.tft-redesign-layout .tft-hero-card__social-proof {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-block-start: 24px !important;
}

.tft-redesign-layout .tft-hero-card__avatars {
  display: flex !important;
}

.tft-redesign-layout .tft-hero-card__avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 2px solid var(--fur-surface) !important;
  margin-inline-start: -8px !important;
}

.tft-redesign-layout .tft-hero-card__avatar:first-child {
  margin-inline-start: 0 !important;
}

.tft-redesign-layout .tft-hero-card__rating {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-redesign-layout .tft-hero-card__stars {
  color: var(--fur-ref-lime-500) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.tft-redesign-layout .tft-hero-card__proof-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
}

/* Floating White Trust Strip Card */
.tft-redesign-layout .tft-hero-card__trust-strip {
  position: absolute !important;
  inset-inline: 24px !important;
  inset-block-end: 24px !important;
  z-index: 5 !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-md) !important;
  padding: 16px 24px !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
  transition: background-color var(--fur-transition-normal), border-color var(--fur-transition-normal) !important;
}

.tft-redesign-layout .tft-hero-card__trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 !important;
}

.tft-redesign-layout .tft-hero-card__trust-icon {
  color: var(--fur-primary) !important;
  flex-shrink: 0 !important;
}

.tft-redesign-layout .tft-hero-card__trust-text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.3 !important;
}

.tft-redesign-layout .tft-hero-card__trust-text strong {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
}

.tft-redesign-layout .tft-hero-card__trust-text span {
  font-size: 10px !important;
  color: var(--fur-text-muted) !important;
}

/* Slider indicator dot controls */
.tft-redesign-layout .tft-hero-card__slider-dots {
  position: absolute !important;
  inset-inline-start: 48px !important;
  inset-block-end: 48px !important;
  z-index: 5 !important;
  display: flex !important;
  gap: 8px !important;
}

.tft-redesign-layout .tft-hero-card__slider-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-hero-card__slider-dot--active {
  background-color: var(--fur-ref-white) !important;
  width: 20px !important;
}

/* Slider Arrows */
.tft-redesign-layout .tft-hero-card__arrows {
  position: absolute !important;
  inset-inline-end: 48px !important;
  inset-block-end: 40px !important;
  z-index: 5 !important;
  display: flex !important;
  gap: 8px !important;
}

.tft-redesign-layout .tft-hero-card__arrow-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--fur-ref-white) !important;
  cursor: pointer !important;
  backdrop-filter: blur(4px) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-hero-card__arrow-btn:hover {
  background-color: rgba(255, 255, 255, 0.35) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

/* 7. New Arrivals Grid Layout */
.tft-redesign-layout .tft-new-arrivals {
  margin-block-end: clamp(32px, 5vw, 64px) !important;
}

.tft-redesign-layout .tft-new-arrivals__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  margin-block-end: 24px !important;
}

.tft-redesign-layout .tft-new-arrivals__title-wrap {
  display: flex !important;
  align-items: center !important;
}

.tft-redesign-layout .tft-new-arrivals__title {
  font-family: var(--fur-font-serif) !important;
  font-size: var(--fur-fs-h2) !important;
  font-weight: 400 !important;
  color: var(--fur-text) !important;
}

.tft-redesign-layout .tft-new-arrivals__view-all {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--fur-primary) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: var(--fur-fs-small) !important;
  transition: gap var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-new-arrivals__view-all:hover {
  gap: 10px !important;
}

.tft-redesign-layout .tft-new-arrivals__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

.tft-redesign-layout .tft-product-card {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}

.tft-redesign-layout .tft-product-card__img-wrap {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 100% !important;
  border-radius: var(--fur-radius-md) !important;
  overflow: hidden !important;
  background-color: var(--fur-surface-secondary) !important;
  margin-block-end: 12px !important;
  border: 1px solid var(--fur-border) !important;
  transition: border-color var(--fur-transition-normal) !important;
}

.tft-redesign-layout .tft-product-card__img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-normal) !important;
}

.tft-redesign-layout .tft-product-card:hover .tft-product-card__img {
  transform: scale(1.04) !important;
}

.tft-redesign-layout .tft-product-card__wishlist {
  position: absolute !important;
  top: 12px !important;
  inset-inline-end: 12px !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  color: var(--fur-text-muted) !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-product-card__wishlist:hover {
  color: var(--fur-primary) !important;
  transform: scale(1.08) !important;
}

.tft-redesign-layout .tft-product-card__title {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin-block-end: 4px !important;
}

.tft-redesign-layout .tft-product-card__price {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
}

/* 8. Press Logotypes Strip */
.tft-redesign-layout .tft-press-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: 32px 48px !important;
  transition: background-color var(--fur-transition-normal), border-color var(--fur-transition-normal) !important;
  margin-block-end: clamp(32px, 5vw, 64px) !important;
}

.tft-redesign-layout .tft-press-strip__label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: var(--fur-text-muted) !important;
  flex-shrink: 0 !important;
}

.tft-redesign-layout .tft-press-strip__logos {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
  max-width: 760px !important;
  gap: 20px !important;
}

.tft-redesign-layout .tft-press-logo {
  font-size: clamp(14px, 1.8vw, 18px) !important;
  font-weight: 700 !important;
  color: var(--fur-text-muted) !important;
  opacity: 0.55 !important;
  transition: opacity var(--fur-transition-fast) !important;
  cursor: default !important;
}

.tft-redesign-layout .tft-press-logo:hover {
  opacity: 0.85 !important;
}

.tft-redesign-layout .tft-press-logo--dezeen {
  font-family: var(--fur-font-sans) !important;
  font-weight: 800 !important;
  text-transform: lowercase !important;
}

.tft-redesign-layout .tft-press-logo--ad {
  font-family: var(--fur-font-serif) !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
}

.tft-redesign-layout .tft-press-logo--elle {
  font-family: var(--fur-font-sans) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
}

.tft-redesign-layout .tft-press-logo--vogue {
  font-family: var(--fur-font-serif) !important;
  font-weight: 700 !important;
  font-style: italic !important;
}

.tft-redesign-layout .tft-press-logo--wallpaper {
  font-family: var(--fur-font-sans) !important;
  font-weight: 500 !important;
  letter-spacing: -0.3px !important;
}

/* ==========================================================================
   9. RESPONSIVE MEDIA QUERIES FOR REDESIGN (MOBILE & TABLET)
   ========================================================================== */
@media (max-width: 1024px) {
  .tft-redesign-layout .fur-app-layout {
    flex-direction: column !important;
    height: auto !important;
    overflow-y: visible !important;
  }

  /* Compact sidebar transforms into top sticky bar on mobile */
  .tft-redesign-layout .tft-sidebar {
    width: 100% !important;
    height: auto !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    padding-inline: 20px !important;
    padding-block: 14px !important;
    position: sticky !important;
    inset-block-start: 0 !important;
    border-inline-end: none !important;
    border-block-end: 1px solid var(--fur-border) !important;
    background-color: var(--fur-sidebar-bg) !important;
    z-index: 150 !important;
  }

  .tft-redesign-layout .tft-sidebar__header {
    margin-block-end: 0 !important;
  }

  .tft-redesign-layout .tft-sidebar__nav {
    display: none !important;
  }

  .tft-redesign-layout .tft-sidebar__footer {
    display: flex !important;
    align-items: center !important;
  }

  /* Hamburger Menu Button styling */
  .tft-redesign-layout .tft-sidebar__menu-btn {
    flex-direction: row !important;
    gap: 8px !important;
    color: var(--fur-text) !important;
  }

  .tft-redesign-layout .tft-sidebar__menu-btn span {
    display: inline !important;
    font-size: var(--fur-fs-small) !important;
  }

  /* Slide-Out Drawer Navigation menu */
  .tft-redesign-layout .tft-mobile-drawer {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    inset-block-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 280px !important;
    height: 100vh !important;
    background-color: var(--fur-sidebar-bg) !important;
    box-shadow: -10px 0 40px rgba(0,0,0,0.15) !important;
    padding: 32px 24px !important;
    transform: translateX(100%) !important;
    transition: transform var(--fur-transition-normal) !important;
    z-index: 200 !important;
  }

  .tft-redesign-layout .tft-mobile-drawer--open {
    transform: translateX(0) !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-block-end: 40px !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__close {
    background: transparent !important;
    border: none !important;
    font-size: 28px !important;
    color: var(--fur-text) !important;
    cursor: pointer !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__link {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--fur-text-muted) !important;
    text-decoration: none !important;
    transition: color var(--fur-transition-fast) !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__link--active,
  .tft-redesign-layout .tft-mobile-drawer__link:hover {
    color: var(--fur-primary) !important;
  }

  /* Main panel occupies full screen width */
  .tft-redesign-layout .fur-main {
    width: 100% !important;
    height: auto !important;
    overflow-y: visible !important;
    padding-inline: 20px !important;
    padding-block: 24px !important;
  }

  /* Categories scroll arrow hidden on mobile */
  .tft-redesign-layout .tft-categories-bar__arrow {
    display: none !important;
  }

  /* Hero grid stacks on mobile */
  .tft-redesign-layout .tft-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .tft-redesign-layout .tft-hero-card {
    height: 480px !important;
    padding: 32px !important;
  }

  .tft-redesign-layout .tft-hero-card__trust-strip {
    display: none !important;
  }

  /* New arrivals 2 columns on tablets */
  .tft-redesign-layout .tft-new-arrivals__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }

  /* Press strip wrapping */
  .tft-redesign-layout .tft-press-strip {
    flex-direction: column !important;
    padding: 24px !important;
    gap: 16px !important;
    text-align: center !important;
  }

  .tft-redesign-layout .tft-press-strip__logos {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 16px 24px !important;
  }
}

@media (max-width: 600px) {
  .tft-redesign-layout .tft-hero-card {
    height: 420px !important;
    padding: 24px !important;
  }

  .tft-redesign-layout .tft-hero-card__title {
    font-size: 26px !important;
  }

  .tft-redesign-layout .tft-hero-card__arrows,
  .tft-redesign-layout .tft-hero-card__slider-dots {
    inset-block-end: 24px !important;
  }

  .tft-redesign-layout .tft-hero-card__slider-dots {
    inset-inline-start: 24px !important;
  }

  .tft-redesign-layout .tft-hero-card__arrows {
    inset-inline-end: 24px !important;
  }

  /* New arrivals 1 column on small phone screens */
  .tft-redesign-layout .tft-new-arrivals__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}


/* ==========================================================================
   ariely COMPLIANT SUSTAINABILITY & PHILOSOPHY OVERHAUL (IMAGE 2)
   ========================================================================== */

/* 1. Philosophy Section Redesign (Horizontal Layout) */
.tft-redesign-layout .tft-philosophy {
  display: block !important;
  padding-block: var(--fur-margin-block-md) !important;
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-inline: 0 !important;
}

.tft-redesign-layout .tft-philosophy__container {
  display: flex !important;
  flex-direction: row !important;
  gap: clamp(24px, 4vw, 64px) !important;
  align-items: center !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
}

.tft-redesign-layout .tft-philosophy__image-side {
  flex: 1.1 !important;
  position: relative !important;
  border-radius: var(--fur-radius-xl) !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 10 !important;
}

.tft-redesign-layout .tft-philosophy__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.tft-redesign-layout .tft-philosophy__img-badge {
  position: absolute !important;
  inset-inline-start: 16px !important;
  inset-block-end: 16px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-xsmall) !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  border-radius: var(--fur-radius-sm) !important;
  letter-spacing: 0.5px !important;
}

.tft-redesign-layout .tft-philosophy__content-side {
  flex: 1.2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.tft-redesign-layout .tft-philosophy__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-xsmall) !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
  letter-spacing: 2px !important;
  margin-block-end: 16px !important;
}

.tft-redesign-layout .tft-philosophy__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 2.8vw, 3rem) !important;
  line-height: 1.2 !important;
  color: var(--fur-text) !important;
  font-weight: 400 !important;
  margin-block-end: 20px !important;
}

.tft-redesign-layout .tft-philosophy__title em {
  font-family: var(--fur-font-serif) !important;
  font-style: italic !important;
  color: var(--fur-primary) !important;
}

.tft-redesign-layout .tft-philosophy__text {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-body) !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 32px !important;
}

.tft-redesign-layout .tft-philosophy__bottom-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  border-block-start: 1px solid var(--fur-border-light) !important;
  padding-block-start: 24px !important;
}

.tft-redesign-layout .tft-philosophy__pillars {
  display: flex !important;
  flex-direction: row !important;
  gap: 16px !important;
  flex-grow: 1 !important;
}

.tft-redesign-layout .tft-philosophy__pillar {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex: 1 !important;
  padding-inline-end: 16px !important;
  border-inline-end: 1px solid var(--fur-border) !important;
}

.tft-redesign-layout .tft-philosophy__pillar:last-child {
  border-inline-end: none !important;
  padding-inline-end: 0 !important;
}

.tft-redesign-layout .tft-philosophy__pillar-icon {
  color: var(--fur-primary) !important;
  width: 24px !important;
  height: 24px !important;
}

.tft-redesign-layout .tft-philosophy__pillar span {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: var(--fur-text-muted) !important;
  font-weight: 500 !important;
}

.tft-redesign-layout .tft-philosophy__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 48px !important;
  padding-inline: 24px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border-radius: var(--fur-radius-full) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: var(--fur-fs-small) !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  flex-shrink: 0 !important;
}

.tft-redesign-layout .tft-philosophy__btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: translateY(-1px) !important;
}

.tft-redesign-layout .tft-philosophy__btn svg {
  transition: transform var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-philosophy__btn:hover svg {
  transform: translateX(4px) !important;
}

/* 2. Sustainability Stats Bar Redesign (Dark Green Pill layout) */
.tft-redesign-layout .tft-stats {
  padding-block: 0 !important;
  background-color: var(--fur-bg) !important;
}

.tft-redesign-layout .tft-stats__bar {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  background-color: var(--fur-primary) !important;
  border-radius: var(--fur-radius-xl) !important;
  padding: 32px 40px !important;
  align-items: center !important;
  gap: 24px !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
}

.tft-redesign-layout .tft-stats__item {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  color: var(--fur-button-text) !important;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding-inline-end: 16px !important;
}

.tft-redesign-layout .tft-stats__item:last-child {
  border-inline-end: none !important;
  padding-inline-end: 0 !important;
}

.tft-redesign-layout .tft-stats__icon-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  flex-shrink: 0 !important;
  color: inherit !important;
}

.tft-redesign-layout .tft-stats__icon-wrapper svg {
  width: 22px !important;
  height: 22px !important;
}

.tft-redesign-layout .tft-stats__text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-redesign-layout .tft-stats__headline {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 6px !important;
  line-height: 1.2 !important;
}

.tft-redesign-layout .tft-stats__headline strong {
  font-family: var(--fur-font-serif) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

.tft-redesign-layout .tft-stats__headline span {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  opacity: 0.9 !important;
}

.tft-redesign-layout .tft-stats__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  color: var(--fur-button-text) !important;
  opacity: 0.75 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* 3. Responsive overrides for new components */
@media (max-width: 1024px) {
  .tft-redesign-layout .tft-philosophy__container {
    flex-direction: column !important;
    gap: 32px !important;
  }
  
  .tft-redesign-layout .tft-philosophy__image-side {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
  }

  .tft-redesign-layout .tft-stats__bar {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px 24px !important;
    padding: 24px !important;
  }

  .tft-redesign-layout .tft-stats__item {
    border-inline-end: none !important;
    padding-inline-end: 0 !important;
  }
}

@media (max-width: 768px) {
  .tft-redesign-layout .tft-philosophy__bottom-row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
  }

  .tft-redesign-layout .tft-philosophy__pillars {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .tft-redesign-layout .tft-philosophy__pillar {
    border-inline-end: none !important;
    padding-inline-end: 0 !important;
    border-block-end: 1px solid var(--fur-border-light) !important;
    padding-block-end: 12px !important;
  }

  .tft-redesign-layout .tft-philosophy__pillar:last-child {
    border-block-end: none !important;
    padding-block-end: 0 !important;
  }

  .tft-redesign-layout .tft-philosophy__btn {
    align-self: flex-start !important;
  }
}

@media (max-width: 600px) {
  .tft-redesign-layout .tft-stats__bar {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* TFT Custom Features Bar Position & Mobile Menu Responsive Overrides */
.tft-redesign-layout .tft-sidebar__footer {
  display: none !important;
}

@media (max-width: 768px) {
  .tft-redesign-layout .tft-sidebar__footer {
    display: flex !important;
  }
}

.tft-redesign-layout .tft-features-bar {
  margin-block-start: 0 !important;
  margin-block-end: clamp(32px, 5vw, 64px) !important;
  background-color: var(--fur-surface) !important;
}

.tft-redesign-layout .tft-features-bar__title {
  text-transform: none !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: normal !important;
}

/* Hide the categories scroll arrow button globally in redesigned layout */
.tft-redesign-layout .tft-categories-bar__arrow {
  display: none !important;
}

/* Premium logo image adjustments */
.tft-sidebar__logo-img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  transition: opacity 0.2s ease !important;
}

.tft-sidebar__logo:hover .tft-sidebar__logo-img {
  opacity: 0.85 !important;
}

.tft-footer__logo-img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  transition: opacity 0.2s ease !important;
}

.tft-footer__logo:hover .tft-footer__logo-img {
  opacity: 0.85 !important;
}

/* Custom readability improvements for the left hero card text overlay */
.tft-redesign-layout .tft-hero-card--left .tft-hero-card__overlay {
  background: linear-gradient(90deg, 
    color-mix(in srgb, var(--fur-ref-white) 90%, transparent) 0%, 
    color-mix(in srgb, var(--fur-ref-white) 75%, transparent) 40%, 
    color-mix(in srgb, var(--fur-ref-white) 0%, transparent) 90%
  ) !important;
}

.tft-redesign-layout .tft-hero-card--left .tft-hero-card__desc {
  color: var(--fur-text) !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

.tft-redesign-layout .tft-hero-card--left .tft-hero-card__title {
  color: var(--fur-primary) !important;
  text-shadow: 0 1px 2px color-mix(in srgb, var(--fur-ref-white) 80%, transparent) !important;
}

.tft-redesign-layout .tft-hero-card--left .tft-hero-card__subtitle {
  color: var(--fur-primary) !important;
  opacity: 1 !important;
}

.tft-redesign-layout .tft-hero-card--left .tft-hero-card__proof-text {
  color: var(--fur-text) !important;
  font-weight: 500 !important;
}

/* Brand Philosophy Container Card Overhaul */
.tft-redesign-layout .tft-philosophy__container {
  align-items: stretch !important; /* Forces image and content to match height */
  max-width: 1320px !important;
  background-color: var(--fur-surface-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-xl) !important;
  padding: clamp(24px, 4vw, 48px) !important;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--fur-text) 4%, transparent) !important;
}

.tft-redesign-layout .tft-philosophy__image-side {
  flex: 1 !important;
  aspect-ratio: auto !important; /* Stretches dynamically on desktop */
}

/* Premium Luxury Badge Seal */
.tft-redesign-layout .tft-philosophy__img-badge {
  position: absolute !important;
  inset-inline-start: 24px !important;
  inset-block-end: 24px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  font-family: var(--fur-font-serif) !important;
  font-style: italic !important;
  font-size: 0.85rem !important;
  padding: 10px 20px !important;
  border-radius: var(--fur-radius-full) !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--fur-text) 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 15%, transparent) !important;
  z-index: 2 !important;
}

/* Stacking Bottom Row to give pillars breathing room */
.tft-redesign-layout .tft-philosophy__bottom-row {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 24px !important;
  width: 100% !important;
}

/* Pillars Container */
.tft-redesign-layout .tft-philosophy__pillars {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  width: 100% !important;
  margin-block-end: 8px !important;
}

/* Pillar styled horizontally to avoid narrow text wrapping */
.tft-redesign-layout .tft-philosophy__pillar {
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 !important;
  border-inline-end: 1px solid var(--fur-border-light) !important;
  padding-inline-end: 16px !important;
  padding-block: 4px !important;
}

.tft-redesign-layout .tft-philosophy__pillar:last-child {
  border-inline-end: none !important;
  padding-inline-end: 0 !important;
}

.tft-redesign-layout .tft-philosophy__pillar-icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
}

/* Pillar text: high contrast charcoal black */
.tft-redesign-layout .tft-philosophy__pillar span {
  font-size: 0.8rem !important;
  color: var(--fur-text) !important;
  font-weight: 600 !important;
}

/* Full story button */
.tft-redesign-layout .tft-philosophy__btn {
  align-self: flex-start !important;
  margin-block-start: 8px !important;
}

/* Mobile responsive resets */
@media (max-width: 1024px) {
  .tft-redesign-layout .tft-philosophy__image-side {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
  }
}

@media (max-width: 768px) {
  .tft-redesign-layout .tft-philosophy__pillars {
    flex-direction: column !important;
    gap: 16px !important;
    margin-block-end: 0 !important;
  }
  
  .tft-redesign-layout .tft-philosophy__pillar {
    border-inline-end: none !important;
    padding-inline-end: 0 !important;
    border-block-end: 1px solid var(--fur-border-light) !important;
    padding-block-end: 12px !important;
    width: 100% !important;
  }
  
  .tft-redesign-layout .tft-philosophy__pillar:last-child {
    border-block-end: none !important;
    padding-block-end: 0 !important;
  }
}

/* 3-Column Philosophy Stats Card Integration (Side-by-Side Sibling Card Layout) */
.tft-redesign-layout .tft-philosophy__row {
  display: flex !important;
  flex-direction: row !important;
  gap: 48px !important;
  max-width: 100% !important; /* Full width support to eliminate empty margins */
  margin-inline: auto !important;
  padding-inline: clamp(48px, 7vw, 120px) !important; /* Match standard section alignment */
  align-items: stretch !important;
  width: 100% !important;
}

/* Left Card: Philosophy Card (Flat, No Box Background) */
.tft-redesign-layout .tft-philosophy__container {
  flex: 1.15 1 0% !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  align-items: stretch !important;
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-inline: 0 !important;
  max-width: none !important;
}

.tft-redesign-layout .tft-philosophy__image-side {
  flex: 1 !important;
  aspect-ratio: auto !important;
  position: relative !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  min-height: 420px !important;
}

.tft-redesign-layout .tft-philosophy__content-side {
  flex: 1.25 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

/* Right Card: Stats Card (Grid Container) */
.tft-redesign-layout .tft-philosophy__stats-side {
  flex: 1 1 0% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.tft-redesign-layout .tft-philosophy__stats-card {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important; /* Grid gap between individual boxes */
  width: 100% !important;
  align-content: center !important;
}

/* Individual Metric Box Styling with Green Background */
.tft-redesign-layout .tft-philosophy__stat-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px !important;
  background-color: var(--fur-primary) !important; /* Premium brand green background */
  border-radius: var(--fur-radius-xl) !important;
  padding: 24px 20px !important;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--fur-primary) 10%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 6%, transparent) !important;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
}

.tft-redesign-layout .tft-philosophy__stat-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--fur-primary) 20%, transparent) !important;
}

.tft-redesign-layout .tft-philosophy__stat-icon {
  color: var(--fur-button-text) !important; /* Contrast white icon */
  opacity: 0.95 !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

.tft-redesign-layout .tft-philosophy__stat-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-redesign-layout .tft-philosophy__stat-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 6px !important;
}

.tft-redesign-layout .tft-philosophy__stat-header strong {
  font-family: var(--fur-font-sans) !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--fur-button-text) !important;
}

.tft-redesign-layout .tft-philosophy__stat-header span {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: color-mix(in srgb, var(--fur-button-text) 85%, transparent) !important;
}

.tft-redesign-layout .tft-philosophy__stat-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  color: color-mix(in srgb, var(--fur-button-text) 70%, transparent) !important;
  margin: 0 !important;
}

/* Responsive Overrides for Row Layout */
@media (max-width: 1200px) {
  .tft-redesign-layout .tft-philosophy__row {
    gap: 32px !important;
    padding-inline: clamp(24px, 5vw, 48px) !important;
  }
}

@media (max-width: 1024px) {
  .tft-redesign-layout .tft-philosophy__row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 40px !important;
  }
  
  .tft-redesign-layout .tft-philosophy__container {
    flex-direction: column !important;
    gap: 32px !important;
  }

  .tft-redesign-layout .tft-philosophy__image-side {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: auto !important;
  }
  
  .tft-redesign-layout .tft-philosophy__stats-side {
    width: 100% !important;
  }
  
  .tft-redesign-layout .tft-philosophy__stats-card {
    gap: 20px !important;
  }
}

@media (max-width: 600px) {
  .tft-redesign-layout .tft-philosophy__stats-card {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* ==========================================================================
   10. SIDEBAR REDESIGN NAVIGATION OVERRIDES (PULL UP NAV & DIVIDERS)
   ========================================================================== */

@media (min-width: 1025px) {
  /* Pull menu to top under logo */
  .tft-redesign-layout .tft-sidebar {
    justify-content: flex-start !important;
    gap: clamp(24px, 3.5vh, 40px) !important;
  }
  
  /* Add elegant light divider under logo */
  .tft-redesign-layout .tft-sidebar__header {
    width: 100% !important;
    text-align: center !important;
    padding-block-end: clamp(16px, 2vh, 24px) !important;
    border-block-end: 1px solid var(--fur-border) !important;
    margin-block-end: 0 !important;
  }
  
  /* Adjust nav spacing */
  .tft-redesign-layout .tft-sidebar__nav {
    gap: clamp(14px, 2vh, 24px) !important;
  }
  
  /* Add elegant light divider above footer and push to bottom */
  .tft-redesign-layout .tft-sidebar__footer {
    margin-block-start: auto !important;
    padding-block-start: clamp(16px, 2vh, 24px) !important;
    border-block-start: 1px solid var(--fur-border) !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   11. PREMIUM MOBILE MENU DRAWER OVERHAUL (GLASSMORPHISM & MICRO-INTERACTIONS)
   ========================================================================== */

@media (max-width: 1024px) {
  /* Apply premium glassmorphism background to drawer */
  .tft-redesign-layout .tft-mobile-drawer {
    background-color: color-mix(in srgb, var(--fur-sidebar-bg) 82%, transparent) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-inline-start: 1px solid var(--fur-border) !important;
    box-shadow: -10px 0 40px color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
    padding-inline: 24px !important;
    padding-block: 32px !important;
  }

  /* Full screen blur overlay behind drawer */
  .tft-redesign-layout .tft-mobile-drawer::before {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    background-color: color-mix(in srgb, var(--fur-ref-charcoal) 30%, transparent) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: -1 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity var(--fur-transition-normal) !important;
  }

  /* Reveal overlay when open */
  .tft-redesign-layout .tft-mobile-drawer--open::before {
    opacity: 1 !important;
  }

  /* Close Button Custom styling & Spin Micro-interaction */
  .tft-redesign-layout .tft-mobile-drawer__close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: var(--fur-radius-full) !important;
    border: 1px solid var(--fur-border) !important;
    background-color: var(--fur-surface) !important;
    color: var(--fur-text) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transition: all var(--fur-transition-fast) !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__close:hover {
    background-color: var(--fur-border) !important;
    transform: rotate(90deg) !important;
  }

  /* Header spacing */
  .tft-redesign-layout .tft-mobile-drawer__header {
    margin-block-end: clamp(24px, 4vh, 40px) !important;
  }

  /* Navigation Links with borders and hover transitions */
  .tft-redesign-layout .tft-mobile-drawer__link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-block: 16px !important;
    border-block-end: 1px solid var(--fur-border) !important;
    font-size: clamp(14px, 1.2vw, 16px) !important;
    font-weight: 600 !important;
    color: var(--fur-text-muted) !important;
    transition: color var(--fur-transition-fast), padding-inline-start var(--fur-transition-fast) !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__link::after {
    content: '→' !important;
    font-family: var(--fur-font-sans) !important;
    font-size: 16px !important;
    opacity: 0.3 !important;
    transition: transform var(--fur-transition-fast), opacity var(--fur-transition-fast) !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__link:hover,
  .tft-redesign-layout .tft-mobile-drawer__link--active {
    color: var(--fur-primary) !important;
    padding-inline-start: 8px !important;
  }

  .tft-redesign-layout .tft-mobile-drawer__link:hover::after,
  .tft-redesign-layout .tft-mobile-drawer__link--active::after {
    opacity: 1 !important;
    transform: translateX(4px) !important;
    color: var(--fur-primary) !important;
  }
}

/* ==========================================================================
   12. SIDEBAR LOGO AND SOCIAL MEDIA EXTENSIONS
   ========================================================================== */

/* Fix logo sizing and clipping issues globally */
.tft-redesign-layout .tft-sidebar__logo-img {
  width: 48px !important;
  height: 36px !important;
  object-fit: contain !important;
}

/* Desktop sidebar socials vertical stack */
.tft-redesign-layout .tft-sidebar__socials {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-items: center !important;
  margin-block-end: 20px !important;
}

.tft-redesign-layout .tft-sidebar__social-link {
  color: var(--fur-text-muted) !important;
  transition: color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-redesign-layout .tft-sidebar__social-link:hover {
  color: var(--fur-primary) !important;
  transform: scale(1.15) !important;
}

/* Mobile drawer socials horizontal layout */
.tft-redesign-layout .tft-mobile-drawer__socials {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  justify-content: center !important;
  margin-block-start: auto !important;
  padding-block-start: 24px !important;
  border-block-start: 1px solid var(--fur-border) !important;
}

.tft-redesign-layout .tft-mobile-drawer__social-link {
  color: var(--fur-text-muted) !important;
  transition: color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-redesign-layout .tft-mobile-drawer__social-link:hover {
  color: var(--fur-primary) !important;
  transform: scale(1.15) !important;
}

/* Responsive visibility rules for socials */
@media (max-width: 1024px) {
  .tft-redesign-layout .tft-sidebar__socials {
    display: none !important;
  }
}

/* ==========================================================================
   13. LOGO ENLARGEMENT & SIDEBAR DECK CLEANUP
   ========================================================================== */

/* Enlarge sidebar logo and ensure it is centered perfectly */
.tft-redesign-layout .tft-sidebar__logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.tft-redesign-layout .tft-sidebar__logo-img {
  width: 60px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

@media (min-width: 1025px) {
  /* Center header contents horizontally */
  .tft-redesign-layout .tft-sidebar__header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Hide bottom Menu trigger button on desktop */
  .tft-redesign-layout .tft-sidebar__menu-btn {
    display: none !important;
  }

  /* Remove bottom margin on desktop socials since Menu is removed */
  .tft-redesign-layout .tft-sidebar__socials {
    margin-block-end: 0 !important;
  }
}

/* ==========================================================================
   TFT EDITORIAL INDEX-4 HEADER & MOBILE OVERLAY MENU (2026 SPEC)
   ========================================================================== */
.tft-jnl-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--fur-bg, #f4ede4); /* Elegant Beige background from theme variables */
  border-bottom: 1px solid var(--fur-border, rgba(0, 0, 0, 0.08));
  padding-block: clamp(1rem, 2vh, 1.5rem);
  padding-inline: clamp(1.5rem, 5vw, 4rem);
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.tft-jnl-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  margin-inline: auto;
}

.tft-jnl-header__left {
  display: flex;
  align-items: center;
}

.tft-jnl-header__menu-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  color: var(--fur-text, #1c1c1c);
  font-family: var(--fur-font-serif, "Playfair Display", serif);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  font-style: italic;
  font-weight: 500;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: var(--fur-radius-sm, 4px);
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.tft-jnl-header__menu-btn:hover {
  background-color: var(--fur-border, rgba(0, 0, 0, 0.04));
}

.tft-jnl-header__center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.tft-jnl-header__logo {
  text-decoration: none;
}

.tft-jnl-header__right {
  display: flex;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 3rem);
}

.tft-jnl-header__nav {
  display: flex;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 768px) {
  .tft-jnl-header__nav {
    display: none;
  }
}

.tft-jnl-header__nav-link {
  text-decoration: none;
  color: var(--fur-text, #1c1c1c);
  font-family: var(--fur-font-sans, "Plus Jakarta Sans", sans-serif);
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  position: relative;
  padding-block: 4px;
}

.tft-jnl-header__nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 1px;
  background-color: var(--fur-primary, #6b5c48);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.tft-jnl-header__nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.tft-jnl-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tft-jnl-header__action-btn {
  background: none;
  border: none;
  color: var(--fur-text, #1c1c1c);
  cursor: pointer;
  padding: 8px;
  border-radius: var(--fur-radius-sm, 4px);
  position: relative;
  transition: background-color 0.2s ease;
}

.tft-jnl-header__action-btn:hover {
  background-color: var(--fur-border, rgba(0, 0, 0, 0.04));
}

.tft-jnl-header__action-btn--cart {
  display: flex;
  align-items: center;
}

.tft-jnl-header__cart-count {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  background-color: var(--fur-primary, #6b5c48);
  color: var(--fur-bg, #f4ede4);
  font-size: 0.65rem;
  font-weight: 700;
  width: clamp(14px, 1.2vw, 16px);
  height: clamp(14px, 1.2vw, 16px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Slide-out Overlay Mobile Menu */
.tft-jnl-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 2000;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0.4s ease;
}

.tft-jnl-mobile-menu[aria-hidden="false"] {
  visibility: visible;
  pointer-events: auto;
}

.tft-jnl-mobile-menu__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__backdrop {
  opacity: 1;
}

.tft-jnl-mobile-menu__drawer {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: min(420px, 100%);
  height: 100%;
  background-color: var(--fur-bg, #f4ede4);
  box-shadow: 4px 0 30px rgba(0, 0, 0, 0.1);
  padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-100%);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

[dir="rtl"] .tft-jnl-mobile-menu__drawer {
  transform: translateX(100%);
}

.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__drawer {
  transform: translateX(0);
}

.tft-jnl-mobile-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 3rem;
}

.tft-jnl-mobile-menu__title {
  font-family: var(--fur-font-serif, "Playfair Display", serif);
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 500;
  color: var(--fur-text, #1c1c1c);
}

.tft-jnl-mobile-menu__close {
  background: none;
  border: none;
  color: var(--fur-text, #1c1c1c);
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}

.tft-jnl-mobile-menu__close:hover {
  background-color: var(--fur-border, rgba(0, 0, 0, 0.04));
}

.tft-jnl-mobile-menu__nav {
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.tft-jnl-mobile-menu__list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.tft-jnl-mobile-menu__item {
  display: flex;
  align-items: baseline;
  gap: 1.5rem;
  margin-block-end: clamp(1.2rem, 3vh, 2rem);
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__item {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger transition delays for menu items */
.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__item:nth-child(1) { transition-delay: 0.1s; }
.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__item:nth-child(2) { transition-delay: 0.15s; }
.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__item:nth-child(3) { transition-delay: 0.2s; }
.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__item:nth-child(4) { transition-delay: 0.25s; }
.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__item:nth-child(5) { transition-delay: 0.3s; }
.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__item:nth-child(6) { transition-delay: 0.35s; }
.tft-jnl-mobile-menu[aria-hidden="false"] .tft-jnl-mobile-menu__item:nth-child(7) { transition-delay: 0.4s; }

.tft-jnl-mobile-menu__num {
  font-family: var(--fur-font-sans, "Plus Jakarta Sans", sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fur-primary, #6b5c48);
  opacity: 0.6;
}

.tft-jnl-mobile-menu__link {
  text-decoration: none;
  font-family: var(--fur-font-serif, "Playfair Display", serif);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 400;
  color: var(--fur-text, #1c1c1c);
  transition: color 0.2s ease, padding-inline-start 0.2s ease;
}

.tft-jnl-mobile-menu__link:hover {
  color: var(--fur-primary, #6b5c48);
  padding-inline-start: 8px;
}

.tft-jnl-mobile-menu__link--active {
  font-style: italic;
  color: var(--fur-primary, #6b5c48);
}

.tft-jnl-mobile-menu__footer {
  border-block-start: 1px solid var(--fur-border, rgba(0, 0, 0, 0.08));
  padding-block-start: 2rem;
  margin-block-start: 2rem;
}

.tft-jnl-mobile-menu__contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: var(--fur-font-sans, "Plus Jakarta Sans", sans-serif);
  font-size: 0.8rem;
  color: var(--fur-text-muted, #767676);
}

/* ==========================================================================
   TFT RELATED PRODUCT CARD OVERRIDES (MATCHING SHOP CATALOG)
   ========================================================================== */
.tft-related-card {
  padding: 0 !important;
  background-color: var(--fur-bg, #f4ede4) !important;
  border-radius: 4px !important;
  border: 1px solid var(--fur-border, rgba(0, 0, 0, 0.08)) !important;
  box-shadow: none !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;
  text-decoration: none !important;
  color: inherit !important;
}

.tft-related-card:hover {
  transform: translateY(-6px) !important;
  border-color: var(--fur-primary, #6b5c48) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05) !important;
}

.tft-related-card__image-wrap {
  margin-block-end: 0 !important;
  border-radius: 0 !important;
  background-color: var(--fur-bg-secondary, rgba(0, 0, 0, 0.02)) !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.tft-related-card__img {
  padding: 24px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-related-card__body {
  padding: 20px !important;
}

.tft-related-card__title {
  text-decoration: none !important;
  color: inherit !important;
}

.tft-related-card-anchor {
  display: block !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* ==========================================================================
   TFT STILLNESS HERO & PHILOSOPHY STYLES (HOME 4 REDESIGN)
   ========================================================================== */
.tft-page-journal .fur-main {
  padding-inline: 0 !important;
  padding-block: 0 !important;
  background-color: var(--fur-bg-secondary) !important;
  position: relative !important;
}

.tft-page-journal .fur-journal-container {
  max-width: none !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  margin-block-end: 0 !important;
}

.tft-page-journal .tft-jnl-header__container {
  max-width: none !important;
  margin-inline: 0 !important;
  width: 100% !important;
}

.tft-page-journal .fur-journal-container > section:not(.tft-stillness-hero),
.tft-page-journal .fur-journal-container > footer {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  padding-block: clamp(40px, 6vw, 80px) !important;
}

.tft-page-journal .tft-jnl-header {
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  background-color: transparent !important;
  border-bottom: none !important;
  padding-block: clamp(1.5rem, 3vh, 2rem) !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  margin-block-end: 0 !important;
}

.tft-stillness-hero {
  position: relative !important;
  width: 100% !important;
  height: 75vh !important;
  min-height: 680px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  padding-block-start: 140px !important;
  padding-block-end: 160px !important;
  overflow: visible !important;
  margin-block-end: 120px !important;
}

.tft-stillness-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

.tft-stillness-hero__bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.tft-stillness-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, hsla(36, 24%, 94%, 0.15) 0%, hsla(36, 24%, 94%, 0) 60%, hsla(36, 24%, 94%, 0.3) 100%) !important;
  z-index: 2 !important;
}

.tft-stillness-hero__content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 650px !important;
  color: var(--fur-ref-charcoal) !important;
  text-align: inset-inline-start !important;
}

.tft-stillness-hero__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.8 !important;
  display: block !important;
  margin-block-end: 24px !important;
  text-transform: uppercase !important;
}

.tft-stillness-hero__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2.5rem, 5.5vw, 5.2rem) !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  margin-block-end: 28px !important;
  color: var(--fur-ref-charcoal) !important;
}

.tft-stillness-hero__title em {
  font-style: italic !important;
  font-family: var(--fur-font-serif) !important;
}

.tft-stillness-hero__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(1rem, 1.3vw, 1.25rem) !important;
  line-height: 1.65 !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.85 !important;
  margin-block-end: 44px !important;
  max-width: 520px !important;
}

.tft-stillness-hero__btn-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-stillness-hero__btn-circle {
  width: 48px !important;
  height: 48px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.2rem !important;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast) !important;
}

.tft-stillness-hero__btn-wrapper:hover {
  color: var(--fur-ref-green-900) !important;
}

.tft-stillness-hero__btn-wrapper:hover .tft-stillness-hero__btn-circle {
  transform: scale(1.1) !important;
  background-color: var(--fur-ref-green-700) !important;
}

.tft-stillness-hero__swatches {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 48px !important;
  padding-inline-end: 20px !important;
}

.tft-stillness-hero__swatches::before {
  content: '' !important;
  position: absolute !important;
  top: 10% !important;
  bottom: 10% !important;
  left: 32px !important;
  width: 1px !important;
  background: linear-gradient(to bottom, transparent, var(--fur-ref-charcoal) 20%, var(--fur-ref-charcoal) 80%, transparent) !important;
  opacity: 0.15 !important;
  z-index: 1 !important;
}

.tft-stillness-hero__swatch-item {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

.tft-stillness-hero__swatch-circle {
  width: 64px !important;
  height: 64px !important;
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  border: 1px solid hsla(0, 0%, 0%, 0.1) !important;
  padding: 2px !important;
  background-color: var(--fur-ref-white) !important;
  transition: transform var(--fur-transition-fast), border-color var(--fur-transition-fast) !important;
}

.tft-stillness-hero__swatch-item:hover .tft-stillness-hero__swatch-circle {
  transform: scale(1.08) !important;
  border-color: var(--fur-ref-green-900) !important;
}

.tft-stillness-hero__swatch-circle img {
  width: 100% !important;
  height: 100% !important;
  border-radius: var(--fur-radius-full) !important;
  object-fit: cover !important;
}

.tft-stillness-hero__swatch-name {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.8 !important;
  text-transform: uppercase !important;
}

.tft-stillness-philosophy {
  position: absolute !important;
  bottom: -80px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100% - clamp(48px, 10vw, 128px)) !important;
  max-width: 1400px !important;
  z-index: 10 !important;
  background-color: var(--fur-surface-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: 24px !important;
  padding: 40px !important;
  display: grid !important;
  grid-template-columns: 1.2fr 3fr 0.8fr !important;
  gap: 40px !important;
  align-items: center !important;
  box-shadow: 0 30px 60px hsla(0, 0%, 0%, 0.05) !important;
}

.tft-stillness-philosophy__left {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  border-inline-end: 1px solid hsla(0, 0%, 0%, 0.08) !important;
  padding-inline-end: 40px !important;
}

.tft-stillness-philosophy__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: var(--fur-ref-green-900) !important;
  text-transform: uppercase !important;
}

.tft-stillness-philosophy__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.4rem, 2.2vw, 2.2rem) !important;
  line-height: 1.25 !important;
  color: var(--fur-ref-charcoal) !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

.tft-stillness-philosophy__columns {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

.tft-stillness-philosophy__col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.tft-stillness-philosophy__col-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: var(--fur-ref-charcoal) !important;
  margin: 0 !important;
}

.tft-stillness-philosophy__col-text {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

.tft-philosophy-icon {
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.65 !important;
}

.tft-stillness-philosophy__story {
  border-inline-start: 1px solid hsla(0, 0%, 0%, 0.08) !important;
  padding-inline-start: 40px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: center !important;
}

.tft-stillness-philosophy__story .tft-stillness-philosophy__tag {
  color: var(--fur-text-muted) !important;
}

.tft-stillness-philosophy__play-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  color: inherit !important;
}

.tft-stillness-philosophy__play-btn {
  width: 48px !important;
  height: 48px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid hsla(0, 0%, 0%, 0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-ref-charcoal) !important;
  box-shadow: 0 4px 12px hsla(0, 0%, 0%, 0.03) !important;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast), color var(--fur-transition-fast) !important;
}

.tft-stillness-philosophy__play-link:hover .tft-stillness-philosophy__play-btn {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  transform: scale(1.05) !important;
}

/* Explore Spaces Section */
.tft-explore-spaces {
  display: block !important;
  width: 100% !important;
  background-color: var(--fur-bg-secondary) !important;
}

.tft-explore-spaces__container {
  display: grid !important;
  grid-template-columns: 1.2fr 3.8fr !important;
  gap: 64px !important;
  align-items: flex-start !important;
}

.tft-explore-spaces__left {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  position: sticky !important;
  top: 140px !important;
}

.tft-explore-spaces__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: var(--fur-ref-green-900) !important;
  text-transform: uppercase !important;
}

.tft-explore-spaces__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2rem, 3.2vw, 3.2rem) !important;
  line-height: 1.25 !important;
  color: var(--fur-ref-charcoal) !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

.tft-explore-spaces__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-explore-spaces__link:hover {
  color: var(--fur-ref-green-900) !important;
}

.tft-explore-spaces__link-arrow {
  font-size: 1.2rem !important;
  transition: transform var(--fur-transition-fast) !important;
}

.tft-explore-spaces__link:hover .tft-explore-spaces__link-arrow {
  transform: translateX(4px) !important;
}

.tft-explore-spaces__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.tft-space-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  text-decoration: none !important;
  color: inherit !important;
}

.tft-space-card__img-wrap {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  background-color: hsla(0, 0%, 0%, 0.02) !important;
  box-shadow: 0 10px 30px hsla(0, 0%, 0%, 0.02) !important;
}

.tft-space-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-space-card:hover .tft-space-card__img {
  transform: scale(1.06) !important;
}

.tft-space-card__content {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
}

.tft-space-card__num {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.4rem, 2vw, 2rem) !important;
  font-weight: 400 !important;
  color: hsla(0, 0%, 0%, 0.2) !important;
  line-height: 1 !important;
}

.tft-space-card__details {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.tft-space-card__title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: var(--fur-ref-charcoal) !important;
  margin: 0 !important;
}

.tft-space-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

/* Responsive Overrides */
@media (max-width: 1200px) {
  .tft-stillness-philosophy {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
  .tft-stillness-philosophy__story {
    grid-column: span 2 !important;
    border-inline-start: none !important;
    padding-inline-start: 0 !important;
    border-block-start: 1px solid hsla(0, 0%, 0%, 0.08) !important;
    padding-block-start: 24px !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  .tft-explore-spaces__container {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .tft-explore-spaces__left {
    position: static !important;
  }
}

@media (max-width: 992px) {
  .tft-stillness-hero {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    min-height: auto !important;
    gap: 48px !important;
    padding-block-end: 280px !important;
  }
  .tft-stillness-hero__swatches {
    flex-direction: row !important;
    gap: 32px !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
  .tft-stillness-hero__swatches::before {
    display: none !important;
  }
  .tft-explore-spaces__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 768px) {
  .tft-stillness-philosophy {
    grid-template-columns: 1fr !important;
    padding: 32px 24px !important;
  }
  .tft-stillness-philosophy__left {
    border-inline-end: none !important;
    padding-inline-end: 0 !important;
    border-block-end: 1px solid hsla(0, 0%, 0%, 0.08) !important;
    padding-block-end: 24px !important;
  }
  .tft-stillness-philosophy__columns {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .tft-stillness-philosophy__story {
    grid-column: span 1 !important;
  }
}

@media (max-width: 480px) {
  .tft-stillness-hero {
    padding-block-end: 380px !important;
  }
  .tft-explore-spaces__grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* Hotspot Lookbook Clipping Fix */
.tft-lookbook {
  overflow: visible !important;
}

.tft-lookbook__img-wrap {
  border-radius: var(--fur-radius-xl) !important;
  overflow: hidden !important;
}


/* ==========================================================================
   TFT STILLNESS HERO REDESIGN & EXPLORE SPACES GRID OVERRIDES (1:1 MOCKUP)
   ========================================================================== */

/* Overrides to ensure the hero container is not styled as a rounded card */
.tft-page-journal .fur-journal-container {
  max-width: none !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  margin-block-end: 0 !important;
}

.tft-stillness-hero {
  position: relative !important;
  width: 100% !important;
  height: 75vh !important;
  min-height: 680px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  padding-block-start: 140px !important;
  padding-block-end: 160px !important;
  overflow: visible !important;
  margin-block-end: 120px !important;
  border-radius: 0 !important; /* Force remove card radius */
  border: none !important; /* Force remove card border */
  box-shadow: none !important; /* Force remove card shadow */
}

.tft-stillness-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: 0 !important; /* Force remove image wrapper radius */
  overflow: hidden !important;
}

.tft-stillness-hero__bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important; /* Force remove image element radius */
}

/* Subtitle with trailing line */
.tft-stillness-hero__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.8 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-block-end: 24px !important;
  text-transform: uppercase !important;
}

.tft-stillness-hero__subtitle::after {
  content: '' !important;
  display: inline-block !important;
  width: 40px !important;
  height: 1px !important;
  background-color: var(--fur-ref-charcoal) !important;
  margin-inline-start: 16px !important;
  vertical-align: middle !important;
  opacity: 0.4 !important;
}

/* Button Layout (No white pill card container background, text-underline style) */
.tft-stillness-hero__btn-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  background: transparent !important; /* No white background */
  border: none !important;
  border-bottom: 1px solid var(--fur-ref-charcoal) !important; /* Bottom underline */
  padding-inline: 0 !important;
  padding-block: 0 4px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: color var(--fur-transition-fast), border-color var(--fur-transition-fast) !important;
}

.tft-stillness-hero__btn-wrapper:hover {
  color: var(--fur-ref-green-900) !important;
  border-color: var(--fur-ref-green-900) !important;
}

.tft-stillness-hero__btn-circle {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast) !important;
}

.tft-stillness-hero__btn-wrapper:hover .tft-stillness-hero__btn-circle {
  transform: scale(1.1) !important;
  background-color: var(--fur-ref-green-700) !important;
}

.tft-btn-arrow {
  color: var(--fur-ref-white) !important;
  transition: transform var(--fur-transition-fast) !important;
}

.tft-stillness-hero__btn-wrapper:hover .tft-btn-arrow {
  transform: translateX(2px) !important;
}

/* Swatches styling cleanups (Borderless circles with dashed connector line) */
.tft-stillness-hero__swatches::before {
  content: '' !important;
  position: absolute !important;
  top: -24px !important;
  bottom: 24px !important;
  left: 32px !important;
  width: 1px !important;
  background: repeating-linear-gradient(to bottom, transparent, transparent 4px, var(--fur-ref-charcoal) 4px, var(--fur-ref-charcoal) 8px) !important;
  opacity: 0.25 !important;
  z-index: 1 !important;
}

.tft-stillness-hero__swatches::after {
  content: '' !important;
  position: absolute !important;
  top: -30px !important;
  left: 30px !important;
  width: 5px !important;
  height: 5px !important;
  background-color: var(--fur-ref-green-900) !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}

.tft-stillness-hero__swatch-circle {
  width: 52px !important;
  height: 52px !important;
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  border: none !important; /* Borderless */
  padding: 0 !important; /* No padding / frame */
  background-color: transparent !important;
  box-shadow: 0 8px 20px hsla(0, 0%, 0%, 0.08) !important;
  transition: transform var(--fur-transition-fast) !important;
}

.tft-stillness-hero__swatch-circle img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-stillness-hero__swatch-item:hover .tft-stillness-hero__swatch-circle {
  transform: scale(1.1) !important;
}

/* Philosophy Strip Divider Overrides */
.tft-stillness-philosophy {
  grid-template-columns: 1.5fr 3.2fr 1fr !important;
  padding: 48px !important;
  background-color: var(--fur-surface-secondary) !important;
}

.tft-stillness-philosophy__left {
  border-inline-end: 1px solid hsla(0, 0%, 0%, 0.08) !important;
  padding-inline-end: 48px !important;
}

.tft-stillness-philosophy__columns {
  border-inline-end: 1px solid hsla(0, 0%, 0%, 0.08) !important;
  padding-inline-end: 48px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px !important;
}

.tft-stillness-philosophy__story {
  padding-inline-start: 48px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.tft-stillness-philosophy__play-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-ref-charcoal) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform var(--fur-transition-fast), border-color var(--fur-transition-fast) !important;
}

.tft-stillness-philosophy__play-link:hover .tft-stillness-philosophy__play-btn {
  transform: scale(1.08) !important;
  border-color: var(--fur-ref-green-900) !important;
}

/* Explore Spaces Grid Left Alignment sticky */
.tft-explore-spaces__container {
  display: grid !important;
  grid-template-columns: 1fr 3fr !important;
  gap: 48px !important;
  align-items: start !important;
}

.tft-explore-spaces__left {
  position: sticky !important;
  top: 120px !important;
}

.tft-explore-spaces__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
}

.tft-explore-spaces__link span:first-child {
  border-bottom: 1px solid var(--fur-ref-charcoal) !important;
  padding-bottom: 2px !important;
}

.tft-explore-spaces__link-arrow {
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-ref-charcoal) !important;
  transition: transform 0.3s, border-color 0.3s !important;
}

.tft-explore-spaces__link:hover .tft-explore-spaces__link-arrow {
  border-color: var(--fur-ref-green-900) !important;
  transform: translateX(4px) !important;
}

.tft-space-card__img-wrap {
  aspect-ratio: 3 / 4 !important;
  border-radius: 12px !important; /* Slightly rounded as in mock */
}

/* Responsive cleanups */
@media (max-width: 1200px) {
  .tft-stillness-philosophy {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .tft-stillness-philosophy__left,
  .tft-stillness-philosophy__columns {
    border-inline-end: none !important;
    padding-inline-end: 0 !important;
    border-block-end: 1px solid hsla(0, 0%, 0%, 0.08) !important;
    padding-block-end: 32px !important;
  }
  .tft-stillness-philosophy__story {
    padding-inline-start: 0 !important;
  }
  .tft-stillness-philosophy__columns {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 768px) {
  .tft-stillness-philosophy__columns {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   TFT STILLNESS HERO V2 & EXPLORE SPACES V2 OVERRIDES (1:1 MOCKUP MATCH)
   ========================================================================== */

/* Page layout modifications to remove boxing in Home 4 */
.tft-page-journal .fur-main {
  padding-inline: 0 !important;
  padding-block: 0 !important;
  background-color: var(--fur-bg-secondary) !important;
  position: relative !important;
}

.tft-page-journal .fur-journal-container {
  max-width: none !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  margin-block-end: 0 !important;
}

/* Center and pad normal journal sections to keep standard layouts centered */
.tft-page-journal .fur-journal-container > section:not(.tft-stillness-hero-v2):not(.tft-explore-spaces-v2),
.tft-page-journal .fur-journal-container > footer {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  padding-block: clamp(40px, 6vw, 80px) !important;
}

/* Header position absolute over the hero cover */
.tft-page-journal .tft-jnl-header {
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  background-color: transparent !important;
  border-bottom: none !important;
  padding-block: clamp(1.5rem, 3vh, 2rem) !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  margin-block-end: 0 !important;
}

.tft-page-journal .tft-jnl-header__container {
  max-width: none !important;
  margin-inline: 0 !important;
  width: 100% !important;
}

/* 1. Stillness Hero V2 Cover (Cinematic, Full Bleed) */
.tft-stillness-hero-v2 {
  position: relative !important;
  width: 100% !important;
  height: 85vh !important;
  min-height: 720px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  padding-block-start: 140px !important;
  padding-block-end: 200px !important;
  overflow: visible !important;
  margin-block-end: 140px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.tft-stillness-hero-v2__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.tft-stillness-hero-v2__bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}

.tft-stillness-hero-v2__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, hsla(36, 24%, 94%, 0.1) 0%, hsla(36, 24%, 94%, 0) 50%, hsla(36, 24%, 94%, 0.25) 100%) !important;
  z-index: 2 !important;
}

.tft-stillness-hero-v2__content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 650px !important;
  color: var(--fur-ref-charcoal) !important;
  text-align: inset-inline-start !important;
}

.tft-stillness-hero-v2__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.8 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-block-end: 24px !important;
  text-transform: uppercase !important;
}

.tft-stillness-hero-v2__subtitle::after {
  content: '' !important;
  display: inline-block !important;
  width: 40px !important;
  height: 1px !important;
  background-color: var(--fur-ref-charcoal) !important;
  margin-inline-start: 16px !important;
  vertical-align: middle !important;
  opacity: 0.4 !important;
}

.tft-stillness-hero-v2__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2.5rem, 5.5vw, 5.2rem) !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  margin-block-end: 28px !important;
  color: var(--fur-ref-charcoal) !important;
}

.tft-stillness-hero-v2__title em {
  font-style: italic !important;
  font-family: var(--fur-font-serif) !important;
}

.tft-stillness-hero-v2__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(1rem, 1.3vw, 1.25rem) !important;
  line-height: 1.65 !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.85 !important;
  margin-block-end: 44px !important;
  max-width: 520px !important;
}

.tft-stillness-hero-v2__btn-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--fur-ref-charcoal) !important;
  padding-inline: 0 !important;
  padding-block: 0 4px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: color var(--fur-transition-fast), border-color var(--fur-transition-fast) !important;
}

.tft-stillness-hero-v2__btn-wrapper:hover {
  color: var(--fur-ref-green-900) !important;
  border-color: var(--fur-ref-green-900) !important;
}

.tft-stillness-hero-v2__btn-circle {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast) !important;
}

.tft-stillness-hero-v2__btn-wrapper:hover .tft-stillness-hero-v2__btn-circle {
  transform: scale(1.1) !important;
  background-color: var(--fur-ref-green-700) !important;
}

/* Vertical Timeline Swatches */
.tft-stillness-hero-v2__swatches {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
}

.tft-stillness-hero-v2__swatches::before {
  content: '' !important;
  position: absolute !important;
  top: -24px !important;
  bottom: 24px !important;
  left: 28px !important;
  width: 1px !important;
  background: repeating-linear-gradient(to bottom, transparent, transparent 4px, var(--fur-ref-charcoal) 4px, var(--fur-ref-charcoal) 8px) !important;
  opacity: 0.25 !important;
  z-index: 1 !important;
}

.tft-stillness-hero-v2__swatches::after {
  content: '' !important;
  position: absolute !important;
  top: -30px !important;
  left: 26px !important;
  width: 5px !important;
  height: 5px !important;
  background-color: var(--fur-ref-green-900) !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}

.tft-stillness-hero-v2__swatch-item {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  position: relative !important;
  z-index: 2 !important;
}

.tft-stillness-hero-v2__swatch-circle {
  width: 56px !important;
  height: 56px !important;
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: 0 8px 20px hsla(0, 0%, 0%, 0.08) !important;
  transition: transform var(--fur-transition-fast) !important;
}

.tft-stillness-hero-v2__swatch-circle img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-stillness-hero-v2__swatch-item:hover .tft-stillness-hero-v2__swatch-circle {
  transform: scale(1.1) !important;
}

.tft-stillness-hero-v2__swatch-name {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.8 !important;
}

/* 2. Philosophy Strip Overlay (v2) */
.tft-stillness-philosophy-v2 {
  position: absolute !important;
  bottom: -80px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100% - clamp(48px, 10vw, 128px)) !important;
  max-width: 1400px !important;
  z-index: 10 !important;
  background-color: var(--fur-surface-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: 24px !important;
  padding: 48px !important;
  display: grid !important;
  grid-template-columns: 1.5fr 3.2fr 1fr !important;
  gap: 48px !important;
  align-items: center !important;
  box-shadow: 0 30px 60px hsla(0, 0%, 0%, 0.05) !important;
}

.tft-stillness-philosophy-v2__left {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  border-inline-end: 1px solid hsla(0, 0%, 0%, 0.08) !important;
  padding-inline-end: 48px !important;
}

.tft-stillness-philosophy-v2__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.6 !important;
}

.tft-stillness-philosophy-v2__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.3rem, 1.8vw, 1.8rem) !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: var(--fur-ref-charcoal) !important;
}

.tft-stillness-philosophy-v2__columns {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px !important;
  border-inline-end: 1px solid hsla(0, 0%, 0%, 0.08) !important;
  padding-inline-end: 48px !important;
}

.tft-stillness-philosophy-v2__col {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.tft-philosophy-icon {
  color: var(--fur-ref-green-900) !important;
  opacity: 0.8 !important;
}

.tft-stillness-philosophy-v2__col-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-ref-charcoal) !important;
}

.tft-stillness-philosophy-v2__col-text {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  line-height: 1.5 !important;
  color: var(--fur-text-muted) !important;
}

.tft-stillness-philosophy-v2__story {
  padding-inline-start: 48px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.tft-stillness-philosophy-v2__play-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-ref-charcoal) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform var(--fur-transition-fast), border-color var(--fur-transition-fast) !important;
}

.tft-stillness-philosophy-v2__play-link:hover .tft-stillness-philosophy-v2__play-btn {
  transform: scale(1.08) !important;
  border-color: var(--fur-ref-green-900) !important;
}

/* 3. Explore Spaces Section V2 */
.tft-explore-spaces-v2 {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  padding-block-start: 120px !important;
  padding-block-end: 80px !important;
}

.tft-explore-spaces-v2__container {
  display: grid !important;
  grid-template-columns: 1fr 3fr !important;
  gap: 48px !important;
  align-items: start !important;
}

.tft-explore-spaces-v2__left {
  position: sticky !important;
  top: 120px !important;
}

.tft-explore-spaces-v2__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.6 !important;
  display: block !important;
  margin-block-end: 16px !important;
}

.tft-explore-spaces-v2__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 2.8vw, 2.5rem) !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  color: var(--fur-ref-charcoal) !important;
  margin-block-end: 32px !important;
}

.tft-explore-spaces-v2__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.tft-explore-spaces-v2__link span:first-child {
  border-bottom: 1px solid var(--fur-ref-charcoal) !important;
  padding-bottom: 2px !important;
}

.tft-explore-spaces-v2__link-arrow {
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-ref-charcoal) !important;
  transition: transform var(--fur-transition-fast), border-color var(--fur-transition-fast) !important;
}

.tft-explore-spaces-v2__link:hover .tft-explore-spaces-v2__link-arrow {
  border-color: var(--fur-ref-green-900) !important;
  transform: translateX(4px) !important;
}

.tft-explore-spaces-v2__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

.tft-space-card-v2 {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: inherit !important;
}

.tft-space-card-v2__img-wrap {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-block-end: 20px !important;
  position: relative !important;
}

.tft-space-card-v2__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

.tft-space-card-v2:hover .tft-space-card-v2__img {
  transform: scale(1.05) !important;
}

.tft-space-card-v2__content {
  display: flex !important;
  gap: 16px !important;
}

.tft-space-card-v2__num {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  color: var(--fur-ref-green-900) !important;
  opacity: 0.8 !important;
}

.tft-space-card-v2__details {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.tft-space-card-v2__title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-ref-charcoal) !important;
}

.tft-space-card-v2__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: var(--fur-fs-small) !important;
  line-height: 1.4 !important;
  color: var(--fur-text-muted) !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN ADAPTATIONS (V2 Layout)
   ========================================================================== */

@media (max-width: 1200px) {
  .tft-stillness-hero-v2 {
    height: auto !important;
    padding-block-start: 160px !important;
    padding-block-end: 280px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 48px !important;
  }

  .tft-stillness-hero-v2__swatches {
    flex-direction: row !important;
    gap: 32px !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .tft-stillness-hero-v2__swatches::before,
  .tft-stillness-hero-v2__swatches::after {
    display: none !important;
  }

  .tft-stillness-philosophy-v2 {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .tft-stillness-philosophy-v2__left,
  .tft-stillness-philosophy-v2__columns {
    border-inline-end: none !important;
    padding-inline-end: 0 !important;
    border-block-end: 1px solid hsla(0, 0%, 0%, 0.08) !important;
    padding-block-end: 32px !important;
  }

  .tft-stillness-philosophy-v2__story {
    padding-inline-start: 0 !important;
  }

  .tft-stillness-philosophy-v2__columns {
    grid-template-columns: 1fr 1fr !important;
  }

  .tft-explore-spaces-v2__container {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .tft-explore-spaces-v2__left {
    position: static !important;
  }

  .tft-explore-spaces-v2__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 768px) {
  .tft-stillness-philosophy-v2 {
    padding: 32px 24px !important;
  }

  .tft-stillness-philosophy-v2__columns {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

@media (max-width: 480px) {
  .tft-stillness-hero-v2 {
    padding-block-end: 380px !important;
  }

  .tft-explore-spaces-v2__grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* Stillness Hero V2 Slideshow & Timeline Dot Animations */
.tft-stillness-hero-v2__bg-slide {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 0 !important;
  transition: opacity var(--fur-transition-slow) !important;
  z-index: 1 !important;
}

.tft-stillness-hero-v2__bg-slide.active {
  opacity: 1 !important;
  z-index: 2 !important;
}

.tft-stillness-hero-v2__swatches-dot {
  position: absolute !important;
  left: 26px !important;
  width: 5px !important;
  height: 5px !important;
  background-color: var(--fur-ref-green-900) !important;
  border-radius: 50% !important;
  z-index: 5 !important;
  transition: top var(--fur-transition-normal) !important;
  top: 24px !important;
}

.tft-stillness-hero-v2__swatches::after {
  display: none !important;
}

.tft-stillness-hero-v2__content {
  transition: opacity var(--fur-transition-normal) !important;
}

.tft-stillness-hero-v2__content.fade-out {
  opacity: 0 !important;
}

.tft-stillness-hero-v2__swatch-item {
  cursor: pointer !important;
}

.tft-stillness-hero-v2__swatch-item.active .tft-stillness-hero-v2__swatch-circle {
  outline: 2px solid var(--fur-ref-green-900) !important;
  outline-offset: 4px !important;
}

/* ==========================================================================
   TFT EDITORIAL JOURNAL (HOME 4) RESPONSIVE & LAYOUT OVERRIDES (2026 SPEC)
   ========================================================================== */

/* Force unboxed, full viewport bounds for the app container */
.tft-page-journal .fur-app-layout {
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Scroll support and container wrapping logic for smaller heights/devices */
.tft-jnl-menu {
  overflow-y: auto !important;
}

@media (max-height: 700px) {
  .tft-jnl-menu {
    padding-block: clamp(20px, 4vw, 40px) !important;
  }
  .tft-jnl-menu__container {
    height: auto !important;
    min-height: 100% !important;
    gap: 32px !important;
  }
}

/* Mobile & Tablet adaptations */
@media (max-width: 1024px) {
  /* Hide the desktop/mobile sidebar to avoid layout clashing with editorial header */
  .tft-page-journal .tft-sidebar {
    display: none !important;
  }
  
  /* Make the custom editorial header sticky at the top with glassmorphic backing */
  .tft-page-journal .tft-jnl-header {
    position: sticky !important;
    top: 0 !important;
    background-color: color-mix(in srgb, var(--fur-bg) 80%, transparent) !important; /* Elegant theme beige at 80% opacity */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--fur-border) !important;
    padding-block: clamp(1rem, 2vh, 1.25rem) !important;
    z-index: 999 !important;
  }

  /* Force main canvas full screen width */
  .tft-page-journal .fur-main {
    width: 100% !important;
  }
}

/* ==========================================================================
   TFT EDITORIAL JOURNAL (HOME 4) FULL-WIDTH UNBOXING OVERRIDES
   ========================================================================== */

/* 1. Reset padding, margins, borders, and shadows on the main layout structures */
body.tft-page-journal .fur-app-layout .fur-main {
  padding-inline: 0 !important;
  padding-block: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* 2. Unbox the journal container to allow 100% full-bleed expansion */
body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container {
  max-width: none !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  margin-block-end: 0 !important;
  width: 100% !important;
}

/* 3. Force the cover hero to span edge-to-edge across the screen and restore vertical padding */
body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container > section.tft-stillness-hero-v2 {
  max-width: none !important;
  margin-inline: 0 !important;
  width: 100% !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding-block-start: 140px !important;
  padding-block-end: 240px !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
}

/* 4. Restore custom cover bg slides layout boundaries */
body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container > section.tft-stillness-hero-v2 .tft-stillness-hero-v2__bg,
body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container > section.tft-stillness-hero-v2 .tft-stillness-hero-v2__bg-slide {
  inset: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* 5. Make the editorial philosophy strip span full-width and remove rounded card borders */
body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container .tft-stillness-philosophy-v2 {
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
  border-inline: none !important;
  bottom: -80px !important;
  inset-inline-start: 0 !important;
  transform: none !important;
  padding-inline: clamp(24px, 5vw, 64px) !important;
  background-color: var(--fur-surface-secondary) !important;
}

/* 6. Desktop-specific transparent header styling to allow hero cover to slide behind it */
@media (min-width: 1025px) {
  body.tft-page-journal .fur-app-layout .fur-main .tft-jnl-header {
    background-color: transparent !important;
    border-bottom: 1px solid color-mix(in srgb, var(--fur-border) 30%, transparent) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }
}

/* 7. Mobile-specific flow corrections for the philosophy strip to prevent section clipping */
@media (max-width: 1024px) {
  body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container .tft-stillness-philosophy-v2 {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    border-radius: 0 !important;
    border-inline: none !important;
    border-block-end: none !important;
  }
  
  body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container > section.tft-stillness-hero-v2 {
    padding-block-start: 80px !important;
    padding-block-end: 40px !important;
  }
}

/* 8. Restore desktop boxed card styling for the philosophy strip to match design mockup */
@media (min-width: 1025px) {
  body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container .tft-stillness-philosophy-v2 {
    width: calc(100% - clamp(48px, 10vw, 128px)) !important;
    max-width: 1400px !important;
    border-radius: 24px !important;
    border: 1px solid var(--fur-border) !important;
    bottom: -80px !important;
    inset-inline-start: 50% !important;
    transform: translateX(-50%) !important;
    padding: 48px !important;
  }
}

/* 9. Reset and style the Curator Notebook Quick View button to prevent circle clipping */
.fur-journal-curator__prod-card .fur-journal-curator__prod-btn.fur-trending__product-link {
  width: auto !important;
  height: auto !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  border: 1px solid var(--fur-border) !important;
  padding: 8px 16px !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.fur-journal-curator__prod-card .fur-journal-curator__prod-btn.fur-trending__product-link:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
  transform: none !important;
}

/* ==========================================================================
   WABI-SABI REDESIGN OVERRIDES: SECTIONS 4, 5, AND 6
   ========================================================================== */

/* Core Layout Containers */
.tft-sound, .tft-stockists, .tft-specimens {
  padding-block: clamp(60px, 8vw, 120px);
  background-color: var(--fur-bg-secondary);
  border-block-end: 1px solid var(--fur-border);
}

.tft-sound__container, .tft-stockists__container, .tft-specimens__container {
  max-width: 1320px;
}

/* Section Headers */
.tft-sound__header, .tft-stockists__header, .tft-specimens__header {
  position: relative;
  margin-block-end: clamp(30px, 5vw, 60px);
}

.tft-sound__volume, .tft-stockists__volume, .tft-specimens__volume {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-primary);
  margin-block-end: 8px;
}

.tft-sound__title, .tft-stockists__title, .tft-specimens__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 400;
  line-height: 1.15;
  color: var(--fur-text);
  margin-block-end: 12px;
}

.tft-sound__desc, .tft-stockists__desc, .tft-specimens__desc {
  max-width: 580px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  line-height: 1.6;
  color: var(--fur-text-muted);
}

/* Decor Elements */
.tft-stockists__header-decor, .tft-specimens__header-decor {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: -20px;
  max-inline-size: 220px;
  pointer-events: none;
}

@media (max-width: 768px) {
  .tft-stockists__header-decor, .tft-specimens__header-decor {
    display: none;
  }
}

.tft-stockists__decor-img, .tft-specimens__decor-img {
  width: 100%;
  height: auto;
  opacity: 0.85;
}

/* Slider Nav with Olive Tabs */
.tft-sound__slider-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-block-start: clamp(20px, 3vw, 40px);
  border-block-start: 1px solid var(--fur-border);
  padding-block-start: 24px;
}

.tft-sound__index {
  font-family: var(--fur-font-serif);
  font-size: 1.1rem;
  color: var(--fur-text);
  display: flex;
  align-items: center;
  gap: 6px;
}

.tft-sound__index-sep {
  opacity: 0.3;
}

.tft-sound__indicator-bar {
  flex-grow: 1;
  max-width: 200px;
  height: 2px;
  background-color: var(--fur-border);
  position: relative;
  overflow: hidden;
}

.tft-sound__indicator-fill {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  height: 100%;
  background-color: var(--fur-primary);
  transition: width var(--fur-transition-normal) ease;
}

.tft-sound__tabs {
  display: flex;
  gap: 10px;
  margin-inline-start: auto;
}

.tft-sound__tab {
  background: transparent;
  border: 1px solid var(--fur-border-light);
  color: var(--fur-text);
  padding: 8px 20px;
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--fur-transition-fast) ease;
}

.tft-sound__tab:hover, .tft-sound__tab--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}

/* Spatial Resonance Grid Layout */
.tft-sound__grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(24px, 4vw, 48px);
  margin-block-start: 40px;
}

@media (max-width: 992px) {
  .tft-sound__grid {
    grid-template-columns: 1fr;
  }
}

/* Graph Card */
.tft-sound__graph-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: clamp(24px, 4vw, 40px);
  display: flex;
  flex-direction: column;
}

.tft-sound__card-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin-block-end: 32px;
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 16px;
}

.tft-sound__graph-title {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text);
}

.tft-sound__graph-sub {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.tft-sound__bars {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.tft-sound__bar-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tft-sound__bar-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.tft-sound__bar-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tft-sound__swatch {
  width: 14px;
  height: 14px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border-light);
}

.tft-sound__swatch--boucle { background-color: var(--fur-ref-olive-500); }
.tft-sound__swatch--oak { background-color: var(--fur-ref-beige-dark); }
.tft-sound__swatch--travertine { background-color: var(--fur-ref-beige-dark-muted); }

.tft-sound__bar-name {
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--fur-text);
}

.tft-sound__wave-graph-lines {
  flex-grow: 1;
  max-width: 120px;
  height: 20px;
  margin-inline: 16px;
}

@media (max-width: 576px) {
  .tft-sound__wave-graph-lines {
    display: none;
  }
}

.tft-sound__wave-mini {
  width: 100%;
  height: 100%;
}

.tft-sound__bar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}

.tft-sound__bar-value {
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--fur-text);
}

.tft-sound__bar-status {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 3px 8px;
  border-radius: var(--fur-radius-sm);
}

.tft-sound__bar-status--high {
  background-color: var(--fur-ref-green-100);
  color: var(--fur-ref-green-900);
}

.tft-sound__bar-status--med {
  background-color: var(--fur-ref-beige-200);
  color: var(--fur-ref-grey-500);
}

.tft-sound__bar-status--low {
  background-color: var(--fur-ref-beige-50);
  color: var(--fur-text-muted);
  border: 1px solid var(--fur-border);
}

.tft-sound__bar-track {
  height: 4px;
  background-color: var(--fur-border-light);
  border-radius: var(--fur-radius-full);
  overflow: hidden;
}

.tft-sound__bar-fill {
  height: 100%;
  background-color: var(--fur-primary);
  border-radius: var(--fur-radius-full);
  transition: width var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1);
}

/* Custom bar backgrounds */
.tft-sound__bar-item:nth-child(2) .tft-sound__bar-fill {
  background-color: var(--fur-ref-beige-dark-muted);
}
.tft-sound__bar-item:nth-child(3) .tft-sound__bar-fill {
  background-color: var(--fur-ref-beige-dark);
}

.tft-sound__freq-labels {
  margin-block-start: auto;
  padding-block-start: clamp(24px, 4vw, 40px);
  border-block-start: 1px solid var(--fur-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.tft-sound__freq-vals {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--fur-text-muted);
  letter-spacing: 0.05em;
}

.tft-sound__freq-title {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--fur-primary);
  letter-spacing: 0.1em;
}

/* Descriptive Spec Column Card */
.tft-sound__info-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: clamp(24px, 4vw, 40px);
  display: flex;
  flex-direction: column;
}

.tft-sound__info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 20px;
}

.tft-sound__info-title {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
}

.tft-sound__audio-icon {
  color: var(--fur-primary);
  opacity: 0.7;
}

.tft-sound__info-desc {
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin-block-end: 32px;
}

/* Aural comparison simulator widget styling */
.tft-sound__comparison {
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: clamp(16px, 3vw, 24px);
  margin-block-end: auto;
}

.tft-sound__widget-title {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
  margin-block-end: 16px;
}

.tft-sound__comp-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-block-end: 20px;
}

@media (max-width: 480px) {
  .tft-sound__comp-row {
    grid-template-columns: 1fr;
  }
}

.tft-sound__comp-btn {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: all var(--fur-transition-fast) ease;
}

.tft-sound__comp-btn span {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--fur-text);
  text-align: inset-inline-start;
}

.tft-sound__comp-btn svg {
  color: var(--fur-text-muted);
  flex-shrink: 0;
  transition: color var(--fur-transition-fast) ease;
}

.tft-sound__comp-btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}

.tft-sound__comp-btn--active {
  background-color: var(--fur-surface);
  border-color: var(--fur-primary);
  box-shadow: 0 4px 12px var(--fur-shadow);
}

.tft-sound__comp-btn--active svg {
  color: var(--fur-primary);
}

.tft-sound__play-icon {
  fill: currentColor;
}

/* Slider dots under comparison */
.tft-sound__dot-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 20px;
}

.tft-sound__dot-label {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--fur-text-muted);
  letter-spacing: 0.05em;
}

.tft-sound__dots {
  display: flex;
  gap: 4px;
  align-items: center;
}

.tft-sound__dot {
  width: 4px;
  height: 4px;
  background-color: var(--fur-border-light);
  border-radius: var(--fur-radius-full);
}

.tft-sound__dot--active {
  width: 6px;
  height: 6px;
  background-color: var(--fur-primary);
}

/* Feedback message board styling */
.tft-sound__feedback {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.tft-sound__feedback-indicator {
  width: 8px;
  height: 8px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-border);
  transition: background-color var(--fur-transition-fast) ease;
}

.tft-sound__feedback-indicator.active {
  background-color: var(--fur-ref-lime-500);
}

.tft-sound__feedback-txt {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  color: var(--fur-text-muted);
  flex-grow: 1;
}

/* Waveform canvas simulation */
.tft-jnl-sound__wave-canvas-wrap {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 16px;
  width: 56px;
}

.tft-jnl-wave-bar {
  width: 3px;
  height: 4px;
  background-color: var(--fur-primary);
  border-radius: var(--fur-radius-full);
  opacity: 0.35;
  transition: height 0.15s ease;
}

.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar {
  opacity: 1;
  animation: tftSoundWaveAnim 1.2s ease-in-out infinite alternate;
}

.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(1) { animation-delay: 0.1s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(2) { animation-delay: 0.3s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(3) { animation-delay: 0.5s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(4) { animation-delay: 0.2s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(5) { animation-delay: 0.4s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(6) { animation-delay: 0.6s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(7) { animation-delay: 0.15s; }
.tft-jnl-sound__wave-canvas-wrap--active .tft-jnl-wave-bar:nth-child(8) { animation-delay: 0.35s; }

@keyframes tftSoundWaveAnim {
  0% { height: 4px; }
  100% { height: 16px; }
}

/* Sound Spec Meta Footer */
.tft-sound__meta-footer {
  margin-block-start: 24px;
  padding-block-start: 20px;
  border-block-start: 1px solid var(--fur-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.tft-sound__meta-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tft-sound__mic-circle {
  width: 28px;
  height: 28px;
  background-color: var(--fur-ref-green-100);
  color: var(--fur-primary);
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tft-sound__meta-title {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--fur-text);
  margin-block-end: 2px;
}

.tft-sound__meta-desc {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: var(--fur-text-muted);
}

.tft-sound__meta-btn {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-decoration: none;
  letter-spacing: 0.05em;
  transition: opacity var(--fur-transition-fast) ease;
}

.tft-sound__meta-btn:hover {
  opacity: 0.7;
}

/* Footer strip */
.tft-sound__footer-strip {
  border-block-start: 1px solid var(--fur-border);
  margin-block-start: clamp(40px, 6vw, 80px);
  padding-block-start: clamp(30px, 4vw, 50px);
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
}

@media (max-width: 768px) {
  .tft-sound__footer-strip {
    grid-template-columns: 1fr;
  }
}

.tft-sound__footer-left h3 {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.4rem, 2.5vw, 1.8rem);
  font-weight: 400;
  line-height: 1.3;
  color: var(--fur-text);
}

.tft-sound__footer-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 576px) {
  .tft-sound__footer-features {
    grid-template-columns: 1fr;
  }
}

.tft-sound__feature-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-sound__feature-col svg {
  color: var(--fur-primary);
}

.tft-sound__feature-col h4 {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
}

.tft-sound__feature-col p {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--fur-text-muted);
}


/* ==========================================================================
   SECTION 5: REGISTRY OF STOCKIST GALLERIES (.tft-stockists) CSS
   ========================================================================== */

.tft-stockists__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-end: 32px;
  border-block-end: 1px solid var(--fur-border-light);
  padding-block-end: 20px;
}

.tft-stockists__filter {
  background: transparent;
  border: 1px solid var(--fur-border-light);
  color: var(--fur-text);
  padding: 8px 18px;
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--fur-transition-fast) ease;
}

.tft-stockists__filter:hover, .tft-stockists__filter--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}

.tft-stockists__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-stockists__card {
  display: grid;
  grid-template-columns: 80px 200px 240px 1fr 200px;
  gap: 24px;
  align-items: center;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 24px clamp(16px, 3vw, 32px);
  position: relative;
  transition: border-color var(--fur-transition-fast) ease, box-shadow var(--fur-transition-fast) ease;
}

.tft-stockists__card:hover {
  border-color: var(--fur-primary);
  box-shadow: 0 8px 24px var(--fur-shadow);
}

@media (max-width: 1200px) {
  .tft-stockists__card {
    grid-template-columns: 60px 180px 1fr 180px;
  }
  .tft-stockists__img-col {
    display: none;
  }
}

@media (max-width: 900px) {
  .tft-stockists__card {
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: start;
  }
  .tft-stockists__num-col {
    display: none;
  }
}

.tft-stockists__card-num {
  font-family: var(--fur-font-serif);
  font-size: 2.2rem;
  color: var(--fur-border-light);
  line-height: 1;
}

.tft-stockists__city-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tft-stockists__city-title {
  font-family: var(--fur-font-serif);
  font-size: 1.15rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--fur-text);
  margin: 0;
}

.tft-stockists__status {
  display: inline-block;
  align-self: flex-start;
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 2px 8px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid currentColor;
}

.tft-stockists__status--instock {
  color: var(--fur-primary);
}

.tft-stockists__status--lowstock {
  color: var(--fur-ref-grey-500);
}

.tft-stockists__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-decoration: none;
  margin-block-start: 4px;
  transition: opacity var(--fur-transition-fast) ease;
}

.tft-stockists__btn:hover {
  opacity: 0.7;
}

.tft-stockists__img-col img {
  border-radius: var(--fur-radius-sm);
  object-fit: cover;
  width: 100%;
  height: 120px;
}

.tft-stockists__info-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tft-stockists__showroom-name {
  font-family: var(--fur-font-serif);
  font-size: 1rem;
  font-weight: 400;
  color: var(--fur-text);
  margin: 0;
}

.tft-stockists__address {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  color: var(--fur-text-muted);
}

.tft-stockists__specimens {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  color: var(--fur-text);
  margin-block-start: 4px;
}

.tft-stockists__hours-col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 900px) {
  .tft-stockists__hours-col {
    justify-content: flex-start;
    border-block-start: 1px solid var(--fur-border-light);
    padding-block-start: 12px;
    margin-block-start: 4px;
  }
}

.tft-stockists__hours-info {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
}

.tft-stockists__hours-info svg {
  color: var(--fur-primary);
  margin-block-start: 2px;
}

.tft-stockists__days {
  display: block;
  font-weight: 700;
  color: var(--fur-text);
}

.tft-stockists__time {
  display: block;
  color: var(--fur-text-muted);
}

.tft-stockists__note {
  display: block;
  font-size: 0.72rem;
  font-style: italic;
  color: var(--fur-text-muted);
  margin-block-start: 2px;
}

/* Order stockist banner card style */
.tft-stockists__order-banner, .tft-specimens__order-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: 32px clamp(20px, 4vw, 40px);
  margin-block-start: clamp(40px, 6vw, 80px);
}

.tft-stockists__order-left, .tft-specimens__order-left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.tft-stockists__order-icon, .tft-specimens__order-icon {
  width: 48px;
  height: 48px;
  background-color: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-primary);
  flex-shrink: 0;
}

.tft-stockists__order-title, .tft-specimens__order-title {
  font-family: var(--fur-font-serif);
  font-size: 1.15rem;
  font-weight: 400;
  color: var(--fur-text);
  margin: 0 0 4px 0;
}

.tft-stockists__order-desc, .tft-specimens__order-desc {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  color: var(--fur-text-muted);
  margin: 0;
}

.tft-stockists__order-btn, .tft-specimens__order-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-primary);
  text-decoration: none;
  border-block-end: 2px solid var(--fur-primary);
  padding-block-end: 4px;
  transition: gap var(--fur-transition-fast) ease;
}

.tft-stockists__order-btn:hover, .tft-specimens__order-btn:hover {
  gap: 12px;
}


/* ==========================================================================
   SECTION 6: SPECIMEN CATALOG (.tft-specimens) CSS
   ========================================================================== */

.tft-specimens__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  border-block-end: 1px solid var(--fur-border-light);
  padding-block-end: 20px;
  margin-block-end: 32px;
}

.tft-specimens__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tft-specimens__filter {
  background: transparent;
  border: 1px solid var(--fur-border-light);
  color: var(--fur-text);
  padding: 8px 18px;
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: all var(--fur-transition-fast) ease;
}

.tft-specimens__filter:hover, .tft-specimens__filter--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}

.tft-specimens__sort {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--fur-text-muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

/* Card Overrides */
.tft-specimen-card {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: all var(--fur-transition-normal) ease !important;
}

.tft-specimen-card:hover {
  transform: translateY(-8px) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: 0 12px 30px var(--fur-shadow-lg) !important;
}

.tft-specimen-card__media {
  aspect-ratio: 16 / 10 !important;
  position: relative !important;
  overflow: hidden !important;
}

.tft-specimen-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-specimen-card:hover .tft-specimen-card__img {
  transform: scale(1.05) !important;
}

.tft-specimen-card__origin {
  position: absolute !important;
  inset-inline-end: 16px !important;
  inset-block-end: 16px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-text) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 4px 10px !important;
  border-radius: var(--fur-radius-sm) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.tft-specimen-card__body {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.tft-specimen-card__meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-block-end: 12px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--fur-text-muted) !important;
}

.tft-specimen-card__cat {
  color: var(--fur-primary) !important;
}

.tft-specimen-card__code {
  opacity: 0.6 !important;
}

.tft-specimen-card__title {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  color: var(--fur-text) !important;
  margin-block-end: 10px !important;
}

.tft-specimen-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 20px !important;
}

.tft-specimen-card__metrics {
  border-block-start: 1px solid var(--fur-border-light) !important;
  padding-block-start: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-block-end: 20px !important;
}

.tft-specimen-card__metric {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
}

.tft-specimen-card__metric-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--fur-text-muted) !important;
}

.tft-specimen-card__metric-icon {
  opacity: 0.7 !important;
  color: var(--fur-primary) !important;
}

.tft-specimen-card__metric-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.tft-specimen-card__metric-val {
  font-weight: 600 !important;
  color: var(--fur-text) !important;
}

.tft-specimen-card__metric-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: var(--fur-radius-full) !important;
  display: inline-block !important;
}

.tft-specimen-card__footer {
  margin-block-start: auto !important;
  border-block-start: 1px solid var(--fur-border-light) !important;
  padding-block-start: 16px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  color: var(--fur-text-muted) !important;
  transition: color var(--fur-transition-fast) ease !important;
  cursor: pointer !important;
}

.tft-specimen-card:hover .tft-specimen-card__footer {
  color: var(--fur-primary) !important;
}

.tft-specimen-card__action-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

.tft-specimen-card__action-arrow {
  width: 20px !important;
  height: 20px !important;
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--fur-transition-fast) ease !important;
}

.tft-specimen-card:hover .tft-specimen-card__action-arrow {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}

/* responsive grid gap */
@media (max-width: 992px) {
  .tft-jnl-specimens__grid {
    gap: 20px !important;
  }
}

/* ==========================================================================
   Wabi-sabi Journal Overhaul Styles (June 2026)
   ========================================================================== */

/* Hero Redesign (Section 2) */
body.tft-page-journal .tft-jnl-hero {
  position: relative !important;
  min-height: 100vh !important;
  background-image: url('../img/fur_hero_stillness.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding-block: 120px 80px !important;
  color: var(--fur-ref-white) !important;
  overflow: hidden !important;
}

/* Premium Dark Gradient Overlay for optimal readability */
body.tft-page-journal .tft-jnl-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.15) 0%,
    rgba(0, 0, 0, 0.35) 50%,
    rgba(0, 0, 0, 0.75) 100%
  ) !important;
  z-index: 1 !important;
}

body.tft-page-journal .tft-jnl-hero__container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1400px !important;
  width: 90% !important;
  margin: 0 auto !important;
}

body.tft-page-journal .tft-jnl-hero__content {
  max-width: 720px !important;
}

body.tft-page-journal .tft-jnl-hero__title {
  color: var(--fur-ref-white) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
  margin-block-end: 24px !important;
}

body.tft-page-journal .tft-jnl-hero__desc {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
  font-size: clamp(0.95rem, 1.2vw, 1.15rem) !important;
  line-height: 1.6 !important;
  margin-block-end: 40px !important;
}

/* Floating Philosophy Strip (Section 3) */
body.tft-page-journal .tft-jnl-philosophy {
  position: relative !important;
  z-index: 10 !important;
  margin-block-start: -60px !important; /* Pull up to overlay the hero */
  margin-block-end: 80px !important;
  padding: 0 !important;
}

body.tft-page-journal .tft-jnl-philosophy__card {
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: 24px !important;
  padding: clamp(30px, 5vw, 60px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04) !important;
  max-width: 1400px !important;
  width: 90% !important;
  margin: 0 auto !important;
}

body.tft-page-journal .tft-jnl-philosophy__layout {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr !important;
  gap: clamp(40px, 6vw, 100px) !important;
  align-items: center !important;
}

body.tft-page-journal .tft-jnl-philosophy__left {
  border-inline-end: 1px solid var(--fur-border) !important;
  padding-inline-end: clamp(20px, 4vw, 60px) !important;
}

body.tft-page-journal .tft-jnl-philosophy__right {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

@media (max-width: 992px) {
  body.tft-page-journal .tft-jnl-philosophy {
    margin-block-start: 0 !important;
    padding-block-start: 60px !important;
  }
  body.tft-page-journal .tft-jnl-philosophy__layout {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  body.tft-page-journal .tft-jnl-philosophy__left {
    border-inline-end: none !important;
    padding-inline-end: 0 !important;
    border-block-end: 1px solid var(--fur-border) !important;
    padding-block-end: 30px !important;
  }
}

/* Specimen Catalog Header Shelf (Section 6) */
body.tft-page-journal .tft-specimens__header {
  position: relative !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  border-bottom: 1px solid var(--fur-border) !important;
  padding-bottom: 40px !important;
  margin-bottom: 48px !important;
}

body.tft-page-journal .tft-specimens__header-left {
  max-width: 600px !important;
}

body.tft-page-journal .tft-specimens__header-decor {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 1 !important;
}

body.tft-page-journal .tft-specimens__decor-img {
  display: block !important;
  max-height: 120px !important;
  width: auto !important;
  opacity: 0.95 !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  body.tft-page-journal .tft-specimens__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  body.tft-page-journal .tft-specimens__header-decor {
    position: static !important;
    margin-top: 16px !important;
  }
}

/* Section 7 (The Dialogue Timeline & Grid-Subscribe Card Layout) */
body.tft-page-journal .tft-jnl-dialogue__transcript {
  position: relative !important;
  padding-inline-start: 36px !important;
}

body.tft-page-journal .tft-jnl-dialogue__transcript::before {
  content: '' !important;
  position: absolute !important;
  top: 8px !important;
  bottom: 16px !important;
  left: 3px !important;
  width: 1px !important;
  background-color: var(--fur-ref-green-900) !important;
  opacity: 0.25 !important;
}

body.tft-page-journal .tft-jnl-dialogue__speech {
  position: relative !important;
  margin-block-end: 40px !important;
}

body.tft-page-journal .tft-jnl-dialogue__speech:last-child {
  margin-block-end: 0 !important;
}

body.tft-page-journal .tft-jnl-dialogue__speech::before {
  content: '' !important;
  position: absolute !important;
  left: -36px !important;
  top: 5px !important;
  width: 7px !important;
  height: 7px !important;
  background-color: var(--fur-ref-green-900) !important;
  border-radius: 50% !important;
  z-index: 2 !important;
  box-shadow: 0 0 0 4px #faf9f6 !important; /* Mask line behind dot */
}

body.tft-page-journal .tft-jnl-dialogue__speaker {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-charcoal) !important;
  display: block !important;
  margin-block-end: 6px !important;
}

body.tft-page-journal .tft-jnl-dialogue__quote {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(0.95rem, 1.2vw, 1.15rem) !important;
  line-height: 1.6 !important;
  font-style: italic !important;
  color: var(--fur-ref-charcoal) !important;
  opacity: 0.9 !important;
  margin: 0 !important;
}

body.tft-page-journal .tft-jnl-subscribe-card {
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  padding: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background-color: var(--fur-surface-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
}

body.tft-page-journal .tft-jnl-subscribe-card__content {
  padding: clamp(24px, 4vw, 48px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.tft-page-journal .tft-jnl-subscribe-card__image-wrap {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-inline-start: 1px solid var(--fur-border) !important;
}

body.tft-page-journal .tft-jnl-subscribe-card__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-page-journal .tft-jnl-subscribe-card:hover .tft-jnl-subscribe-card__image {
  transform: scale(1.05) !important;
}

@media (max-width: 768px) {
  body.tft-page-journal .tft-jnl-subscribe-card {
    grid-template-columns: 1fr !important;
  }
  body.tft-page-journal .tft-jnl-subscribe-card__image-wrap {
    height: 280px !important;
    border-inline-start: none !important;
    border-block-start: 1px solid var(--fur-border) !important;
  }
}

/* Section 8: Timber Growth Range Input & Styling */
body.tft-page-journal .tft-jnl-growth__visualizer {
  background-color: var(--fur-ref-white) !important;
  border-radius: 24px !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
}

body.tft-page-journal .tft-jnl-growth-ring--active {
  stroke: var(--fur-ref-green-900) !important;
  stroke-width: 2px !important;
}

body.tft-page-journal .tft-jnl-growth__range-input {
  width: 100% !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 4px !important;
  border-radius: 2px !important;
  background: linear-gradient(
    to right,
    var(--fur-ref-green-900) 0%,
    var(--fur-ref-green-900) var(--slide-progress, 0%),
    var(--fur-border-light) var(--slide-progress, 0%),
    var(--fur-border-light) 100%
  ) !important;
  outline: none !important;
  margin-block: 12px !important;
}

body.tft-page-journal .tft-jnl-growth__range-input::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: var(--fur-ref-green-900) !important;
  border: none !important;
  cursor: pointer !important;
  transition: transform var(--fur-transition-fast) ease !important;
}

body.tft-page-journal .tft-jnl-growth__range-input::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: var(--fur-ref-green-900) !important;
  border: none !important;
  cursor: pointer !important;
  transition: transform var(--fur-transition-fast) ease !important;
}

body.tft-page-journal .tft-jnl-growth__range-input::-webkit-slider-thumb:hover {
  transform: scale(1.15) !important;
}

body.tft-page-journal .tft-jnl-growth__range-input::-moz-range-thumb:hover {
  transform: scale(1.15) !important;
}

body.tft-page-journal .tft-jnl-growth__card {
  background-color: var(--fur-surface-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: 24px !important;
  padding: 32px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
}

body.tft-page-journal .tft-jnl-growth__card-layout {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 24px !important;
  align-items: start !important;
}

body.tft-page-journal .tft-jnl-growth__badge {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-ref-green-900) !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

@media (max-width: 480px) {
  body.tft-page-journal .tft-jnl-growth__card-layout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* Journal Stockists Header Decor Override (Section 5) */
body.tft-page-journal .tft-stockists__header {
  position: relative !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  border-bottom: 1px solid var(--fur-border) !important;
  padding-bottom: 40px !important;
  margin-bottom: 48px !important;
}

body.tft-page-journal .tft-stockists__header-left {
  max-width: 600px !important;
}

body.tft-page-journal .tft-stockists__header-decor {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 1 !important;
  inset-block-start: auto !important;
  inset-inline-end: 0 !important;
  max-inline-size: 320px !important;
}

body.tft-page-journal .tft-stockists__decor-img {
  display: block !important;
  max-height: 125px !important;
  width: auto !important;
  opacity: 0.95 !important;
  mix-blend-mode: multiply !important;
  object-fit: contain !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  body.tft-page-journal .tft-stockists__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  body.tft-page-journal .tft-stockists__header-decor {
    position: static !important;
    margin-top: 16px !important;
  }
}

/* Hide redundant header elements on desktop for Home 4 (Journal) to avoid clashing with the sidebar navigation */
@media (min-width: 1025px) {
  body.tft-page-journal .tft-jnl-header {
    display: none !important;
  }
}

/* Stillness Hero V2: Full screen height on desktop to prevent cutoff */
@media (min-width: 1025px) {
  body.tft-page-journal .fur-app-layout .fur-main .fur-journal-container > section.tft-stillness-hero-v2 {
    height: 100vh !important;
    min-height: 800px !important;
  }
}

/* Dark overlay vignette for superior text contrast using color-mix (no hardcoded hex/rgb) */
body.tft-page-journal .tft-stillness-hero-v2__overlay {
  background: linear-gradient(180deg, 
                color-mix(in srgb, var(--fur-ref-charcoal) 40%, transparent) 0%, 
                color-mix(in srgb, var(--fur-ref-charcoal) 15%, transparent) 50%, 
                color-mix(in srgb, var(--fur-ref-charcoal) 50%, transparent) 100%),
              linear-gradient(90deg, 
                color-mix(in srgb, var(--fur-ref-charcoal) 55%, transparent) 0%, 
                color-mix(in srgb, var(--fur-ref-charcoal) 15%, transparent) 60%, 
                color-mix(in srgb, var(--fur-ref-charcoal) 45%, transparent) 100%) !important;
}

/* Crisp ivory text alignment & typography contrast */
body.tft-page-journal .tft-stillness-hero-v2__content {
  color: var(--fur-ref-white) !important;
  text-shadow: 0 1px 3px color-mix(in srgb, var(--fur-ref-charcoal) 15%, transparent) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__subtitle {
  color: var(--fur-ref-white) !important;
  opacity: 0.95 !important;
}
body.tft-page-journal .tft-stillness-hero-v2__subtitle::after {
  background-color: var(--fur-ref-white) !important;
  opacity: 0.5 !important;
}
body.tft-page-journal .tft-stillness-hero-v2__title {
  color: var(--fur-ref-white) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__desc {
  color: color-mix(in srgb, var(--fur-ref-white) 90%, transparent) !important;
  opacity: 1 !important;
}

/* Hero primary action button typography & colors */
body.tft-page-journal .tft-stillness-hero-v2__btn-wrapper {
  color: var(--fur-ref-white) !important;
  border-color: color-mix(in srgb, var(--fur-ref-white) 40%, transparent) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__btn-wrapper:hover {
  color: var(--fur-primary-hover) !important;
  border-color: var(--fur-primary-hover) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__btn-circle {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__btn-wrapper:hover .tft-stillness-hero-v2__btn-circle {
  background-color: var(--fur-primary-hover) !important;
}

/* Swatches layout redesign: glassmorphic pills with chevron and delete timeline */
body.tft-page-journal .tft-stillness-hero-v2__swatches {
  padding-left: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

/* Delete the dotted timeline vertical line */
body.tft-page-journal .tft-stillness-hero-v2__swatches::before {
  display: none !important;
}

/* Delete the timeline dots */
body.tft-page-journal .tft-stillness-hero-v2__swatches-dot {
  display: none !important;
}

/* Pill container styling */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 24px 12px 12px !important;
  border-radius: 80px !important;
  background-color: color-mix(in srgb, var(--fur-ref-white) 40%, transparent) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 25%, transparent) !important;
  box-shadow: 0 8px 32px color-mix(in srgb, var(--fur-ref-charcoal) 12%, transparent) !important;
  width: 320px !important;
  max-width: 100% !important;
  transition: all var(--fur-transition-medium) !important;
  cursor: pointer !important;
}

/* Hover state for pill */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item:hover {
  transform: translateY(-2px) !important;
  background-color: color-mix(in srgb, var(--fur-ref-white) 60%, transparent) !important;
  border-color: color-mix(in srgb, var(--fur-ref-white) 45%, transparent) !important;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--fur-ref-charcoal) 16%, transparent) !important;
}

/* Active state for pill */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item.active {
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-color: var(--fur-ref-white) !important;
  box-shadow: 0 16px 48px color-mix(in srgb, var(--fur-ref-charcoal) 20%, transparent) !important;
}

/* Circular thumbnail within the pill */
body.tft-page-journal .tft-stillness-hero-v2__swatch-circle {
  width: 56px !important;
  height: 56px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 2px solid var(--fur-ref-white) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--fur-ref-charcoal) 15%, transparent) !important;
  transition: all var(--fur-transition-medium) !important;
  flex-shrink: 0 !important;
}

/* Circular active ring style: Single border, no double ring, and disable any active outline */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item.active .tft-stillness-hero-v2__swatch-circle {
  border-color: var(--fur-primary) !important;
  outline: none !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--fur-ref-charcoal) 15%, transparent) !important;
}

/* Info container housing name and sub */
body.tft-page-journal .tft-stillness-hero-v2__swatch-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  flex-grow: 1 !important;
  text-align: left !important;
}

/* Swatch name (Title) */
body.tft-page-journal .tft-stillness-hero-v2__swatch-name {
  color: color-mix(in srgb, var(--fur-ref-white) 90%, transparent) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 0.95 !important;
  transition: color var(--fur-transition-fast) !important;
}

/* Active swatch title turns primary green */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item.active .tft-stillness-hero-v2__swatch-name {
  color: var(--fur-primary) !important;
}

/* Subtitle description */
body.tft-page-journal .tft-stillness-hero-v2__swatch-sub {
  color: color-mix(in srgb, var(--fur-ref-white) 70%, transparent) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;
  opacity: 0.9 !important;
}

/* Active subtitle description turns dark charcoal */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item.active .tft-stillness-hero-v2__swatch-sub {
  color: color-mix(in srgb, var(--fur-ref-charcoal) 75%, transparent) !important;
}

/* Chevron icon on the right */
body.tft-page-journal .tft-stillness-hero-v2__swatch-chevron {
  color: color-mix(in srgb, var(--fur-ref-white) 60%, transparent) !important;
  margin-inline-start: auto !important;
  transition: transform var(--fur-transition-medium), color var(--fur-transition-medium) !important;
}

/* Active chevron icon turns dark charcoal */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item.active .tft-stillness-hero-v2__swatch-chevron {
  color: color-mix(in srgb, var(--fur-ref-charcoal) 60%, transparent) !important;
}

body.tft-page-journal .tft-stillness-hero-v2__swatch-item:hover .tft-stillness-hero-v2__swatch-chevron {
  transform: translateX(4px) !important;
  color: var(--fur-primary) !important;
}

/* Journal Stockists: Seamless premium stucco wall background with integrated wabi-sabi vase */
body.tft-page-journal .tft-stockists {
  background-image: url('../img/tft_stockists_bg.png') !important;
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  position: relative !important;
}

/* Hide the old absolute styled floating vase element as it is now seamlessly integrated into the background */
body.tft-page-journal .tft-stockists__header-decor {
  display: none !important;
}

/* Individual slide alignments to prevent furniture cutoff */
body.tft-page-journal .tft-stillness-hero-v2__bg-slide:nth-of-type(1) {
  background-position: center center !important;
}
body.tft-page-journal .tft-stillness-hero-v2__bg-slide:nth-of-type(2) {
  background-position: center center !important;
}
body.tft-page-journal .tft-stillness-hero-v2__bg-slide:nth-of-type(3) {
  background-position: center bottom !important;
}

/* Swatch item width optimization */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item {
  width: 270px !important;
}

/* Constrain hero contents to the standard 1400px centered grid wrapper */
body.tft-page-journal .tft-stillness-hero-v2 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding-inline: 0 !important;
  padding-block-start: 190px !important; /* Increased top padding for breathing room */
}

body.tft-page-journal .tft-stillness-hero-v2__wrapper {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: calc(100% - clamp(48px, 10vw, 128px)) !important; /* Matches philosophy card width clamp */
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-inline: 0 !important; /* Removed side padding to align exactly in the same line */
  position: relative !important;
  z-index: 3 !important;
}

/* Play button and Story Link overrides to match user mockup */
body.tft-page-journal .tft-stillness-philosophy-v2__story {
  padding-inline-start: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

body.tft-page-journal .tft-stillness-philosophy-v2__play-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body.tft-page-journal .tft-stillness-philosophy-v2__play-btn {
  width: 68px !important;
  height: 68px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: transparent !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 15%, transparent) !important;
  color: var(--fur-ref-charcoal) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; /* Ultra-smooth curve */
}

body.tft-page-journal .tft-stillness-philosophy-v2__tag {
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  opacity: 0.8 !important;
  transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-top: 4px !important;
}

/* Play Link Hover States */
body.tft-page-journal .tft-stillness-philosophy-v2__play-link:hover .tft-stillness-philosophy-v2__play-btn {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  transform: scale(1.06) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--fur-primary) 25%, transparent) !important;
}

body.tft-page-journal .tft-stillness-philosophy-v2__play-link:hover .tft-stillness-philosophy-v2__tag {
  color: var(--fur-primary) !important;
  opacity: 1 !important;
}

/* Philosophy Columns Premium Interactions */
body.tft-page-journal .tft-stillness-philosophy-v2__col {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; /* Ultra-smooth curve */
}

body.tft-page-journal .tft-stillness-philosophy-v2__col:hover {
  transform: translateY(-4px) !important;
}

body.tft-page-journal .tft-philosophy-icon {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), color 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-page-journal .tft-stillness-philosophy-v2__col:hover .tft-philosophy-icon {
  color: var(--fur-primary) !important;
  transform: scale(1.15) rotate(8deg) !important;
  opacity: 1 !important;
}

/* Swatch interactions, transitions, and text alignment */
body.tft-page-journal .tft-stillness-hero-v2__swatch-item {
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__swatch-circle {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__swatch-item:hover .tft-stillness-hero-v2__swatch-circle {
  transform: scale(1.08) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__swatch-chevron {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), color 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__swatch-item:hover .tft-stillness-hero-v2__swatch-chevron {
  transform: translateX(6px) !important;
  color: var(--fur-primary) !important;
}
body.tft-page-journal .tft-stillness-hero-v2__swatch-info {
  padding-top: 2px !important; /* Top padding to align text perfectly with circle */
}

/* Explore Spaces Card Interactions & Smooth Transitions */
body.tft-page-journal .tft-space-card-v2 {
  text-decoration: none !important;
}
body.tft-page-journal .tft-space-card-v2__img-wrap {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: transform, box-shadow !important;
}
body.tft-page-journal .tft-space-card-v2:hover .tft-space-card-v2__img-wrap {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px color-mix(in srgb, var(--fur-ref-charcoal) 12%, transparent) !important;
}
body.tft-page-journal .tft-space-card-v2__img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.tft-page-journal .tft-space-card-v2:hover .tft-space-card-v2__img {
  transform: scale(1.05) !important;
}
body.tft-page-journal .tft-space-card-v2__num {
  transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.tft-page-journal .tft-space-card-v2:hover .tft-space-card-v2__num {
  color: var(--fur-primary) !important;
}
body.tft-page-journal .tft-space-card-v2__title {
  transition: color 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.tft-page-journal .tft-space-card-v2:hover .tft-space-card-v2__title {
  color: var(--fur-primary) !important;
}

/* Curator Notebook Dropcap & Blockquote Top Padding */
body.tft-page-journal .fur-journal-curator__blockquote {
  margin-block-start: 16px !important;
  padding-block-start: 8px !important;
}

/* Curator Notebook Product Inset Card Premium Styling & Interactions */
body.tft-page-journal .fur-journal-curator__prod-card {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: var(--fur-shadow-sm) !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}
body.tft-page-journal .fur-journal-curator__prod-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
}
body.tft-page-journal .fur-journal-curator__prod-thumb {
  width: 130px !important;
  height: 130px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.tft-page-journal .fur-journal-curator__prod-card:hover .fur-journal-curator__prod-thumb {
  transform: scale(1.04) !important;
}
body.tft-page-journal .fur-journal-curator__prod-card:hover .fur-journal-curator__prod-thumb img {
  transform: scale(1.08) !important;
}

/* Curator Product Actions */
body.tft-page-journal .fur-journal-curator__prod-card .fur-journal-curator__prod-btn.fur-trending__product-link {
  padding: 10px 20px !important;
  border-radius: 40px !important;
  font-family: var(--fur-font-sans) !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 20%, transparent) !important;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  background-color: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  width: auto !important;
}
body.tft-page-journal .fur-journal-curator__prod-card .fur-journal-curator__prod-btn.fur-trending__product-link:hover {
  background-color: var(--fur-ref-charcoal) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-charcoal) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
body.tft-page-journal .fur-journal-curator__prod-card .fur-product-card__add-btn {
  padding: 10px 24px !important;
  border-radius: 40px !important;
  font-family: var(--fur-font-sans) !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border: none !important;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
body.tft-page-journal .fur-journal-curator__prod-card .fur-product-card__add-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--fur-primary) 30%, transparent) !important;
}

/* Stillness Hero Spacing and Layout (Breathing Space & Alignment) */
body.tft-page-journal .tft-stillness-hero-v2 {
  padding-block-start: 140px !important; /* Keep original top padding */
}
body.tft-page-journal .tft-stillness-hero-v2__wrapper {
  margin-block-start: 0 !important; /* Keep them vertically centered and aligned */
}

/* Robust Responsive Adaptations for Stillness Hero & Philosophy Card */
@media (max-width: 1200px) {
  body.tft-page-journal .tft-stillness-hero-v2 {
    height: auto !important;
    min-height: auto !important;
    padding-block-start: clamp(140px, 14vw, 180px) !important;
    padding-block-end: 60px !important; /* Clean bottom padding - no layout overlap space needed */
  }

  body.tft-page-journal .tft-stillness-hero-v2__wrapper {
    margin-block-start: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 48px !important;
    width: calc(100% - clamp(48px, 10vw, 128px)) !important;
  }

  body.tft-page-journal .tft-stillness-philosophy-v2 {
    position: relative !important;
    bottom: 0 !important;
    inset-inline-start: 0 !important;
    transform: none !important;
    width: 100% !important;
    margin-block-start: 48px !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

@media (max-width: 768px) {
  body.tft-page-journal .tft-stillness-philosophy-v2 {
    padding: 32px 24px !important;
    margin-block-start: 36px !important;
  }
}

@media (max-width: 480px) {
  body.tft-page-journal .tft-stillness-hero-v2 {
    padding-block-end: 40px !important; /* Overrides absolute card bottom padding overrides */
  }
}

/* Ensure hero primary button text remains high-contrast white on hover for perfect readability */
body.tft-page-journal .tft-stillness-hero-v2__btn-wrapper:hover {
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-white) !important;
}

/* ============================================================
   SPATIAL RESONANCE v2 — PREMIUM REDESIGN
   Appended: append-only per ariely rule.
   All selectors scoped to .tft-sound--v2 to avoid collisions.
   ============================================================ */

/* Section wrapper */
.tft-sound--v2 {
  padding-block: clamp(64px, 8vw, 120px) !important;
  background-color: var(--fur-surface) !important;
  border-block-start: 1px solid var(--fur-border) !important;
}

/* Hero header: 2-col layout with decor image on right */
.tft-sound--v2 .tft-sound__hero-header {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: flex-end !important;
  gap: 40px !important;
  margin-block-end: clamp(40px, 5vw, 64px) !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--fur-radius-lg, 16px) !important;
  background-color: var(--fur-surface-secondary, #f6f3ef) !important;
  padding: clamp(32px, 4vw, 56px) !important;
  min-block-size: 260px !important;
}

.tft-sound--v2 .tft-sound__hero-header-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Volume label */
.tft-sound--v2 .tft-sound__volume {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: var(--fur-primary) !important;
}

/* Section title */
.tft-sound--v2 .tft-sound__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

/* Description */
.tft-sound--v2 .tft-sound__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.875rem, 1.2vw, 1rem) !important;
  line-height: 1.65 !important;
  color: var(--fur-text-muted) !important;
  max-inline-size: 480px !important;
  margin: 0 !important;
}

/* Index row + indicator bar */
.tft-sound--v2 .tft-sound__slider-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin-block-start: 12px !important;
}

.tft-sound--v2 .tft-sound__index-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.tft-sound--v2 .tft-sound__index {
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  letter-spacing: 1px !important;
  display: flex !important;
  gap: 4px !important;
}

.tft-sound--v2 .tft-sound__index-sep {
  opacity: 0.4 !important;
}

.tft-sound--v2 .tft-sound__indicator-bar {
  flex: 1 !important;
  height: 2px !important;
  background-color: var(--fur-border) !important;
  border-radius: 2px !important;
  max-inline-size: 160px !important;
  overflow: hidden !important;
}

.tft-sound--v2 .tft-sound__indicator-fill {
  height: 100% !important;
  background-color: var(--fur-primary) !important;
  border-radius: 2px !important;
  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Pill tabs with icons */
.tft-sound--v2 .tft-sound__tabs {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.tft-sound--v2 .tft-sound__tab--v2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 18px !important;
  border-radius: 100px !important;
  border: 1.5px solid var(--fur-border) !important;
  background-color: transparent !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

.tft-sound--v2 .tft-sound__tab--v2:hover {
  border-color: var(--fur-primary) !important;
  color: var(--fur-primary) !important;
}

.tft-sound--v2 .tft-sound__tab--v2.fur-journal-sound__tab--active {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}

.tft-sound--v2 .tft-sound__tab-icon {
  flex-shrink: 0 !important;
}

/* Decorative vase image */
.tft-sound--v2 .tft-sound__hero-decor {
  align-self: flex-end !important;
  position: relative !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.tft-sound--v2 .tft-sound__decor-img {
  display: block !important;
  height: clamp(160px, 22vw, 300px) !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  mix-blend-mode: multiply !important;
}

/* Two-column data grid */
.tft-sound--v2 .tft-sound__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  align-items: start !important;
}

/* Shared card base */
.tft-sound--v2 .tft-sound__card--v2 {
  background-color: var(--fur-surface-secondary, #f6f3ef) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg, 16px) !important;
  padding: clamp(24px, 3vw, 40px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

/* Card icon wrapper */
.tft-sound--v2 .tft-sound__card-icon-wrap {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-primary) !important;
  flex-shrink: 0 !important;
}

/* Card headers */
.tft-sound--v2 .tft-sound__card-header,
.tft-sound--v2 .tft-sound__info-header {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

.tft-sound--v2 .tft-sound__graph-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--fur-text) !important;
  display: block !important;
  margin-block-end: 4px !important;
}

.tft-sound--v2 .tft-sound__graph-sub {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  color: var(--fur-text-muted) !important;
  display: block !important;
}

/* Material bars */
.tft-sound--v2 .tft-sound__bars {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.tft-sound--v2 .tft-sound__bar-item--v2 .tft-sound__bar-meta {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-block-end: 10px !important;
}

.tft-sound--v2 .tft-sound__bar-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 !important;
  min-inline-size: 0 !important;
}

/* Circular material photo thumbnail */
.tft-sound--v2 .tft-sound__mat-thumb {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  border: 2px solid var(--fur-surface) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.tft-sound--v2 .tft-sound__mat-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.tft-sound--v2 .tft-sound__bar-label-wrap {
  flex: 1 !important;
  min-inline-size: 0 !important;
}

.tft-sound--v2 .tft-sound__bar-name {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  line-height: 1.4 !important;
}

.tft-sound--v2 .tft-sound__wave-graph-lines {
  flex-shrink: 0 !important;
  width: 80px !important;
}

.tft-sound--v2 .tft-sound__wave-mini {
  width: 80px !important;
  height: 18px !important;
  display: block !important;
}

.tft-sound--v2 .tft-sound__bar-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}

.tft-sound--v2 .tft-sound__bar-value {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  white-space: nowrap !important;
}

/* Status badges */
.tft-sound--v2 .tft-sound__bar-badge {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 3px 9px !important;
  border-radius: 100px !important;
  text-transform: uppercase !important;
}

.tft-sound--v2 .tft-sound__bar-badge--high {
  background-color: color-mix(in srgb, var(--fur-primary) 15%, transparent) !important;
  color: var(--fur-primary) !important;
}

.tft-sound--v2 .tft-sound__bar-badge--low {
  background-color: color-mix(in srgb, var(--fur-ref-charcoal) 10%, transparent) !important;
  color: var(--fur-text-muted) !important;
}

.tft-sound--v2 .tft-sound__bar-badge--med {
  background-color: color-mix(in srgb, #a07d3a 15%, transparent) !important;
  color: #7a5e22 !important;
}

/* Progress bar track */
.tft-sound--v2 .tft-sound__bar-track {
  height: 3px !important;
  background-color: var(--fur-border) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
}

.tft-sound--v2 .tft-sound__bar-fill {
  height: 100% !important;
  background-color: var(--fur-primary) !important;
  border-radius: 3px !important;
  transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Frequency axis labels */
.tft-sound--v2 .tft-sound__freq-labels {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-block-start: 8px !important;
  padding-block-start: 16px !important;
  border-block-start: 1px solid var(--fur-border) !important;
}

.tft-sound--v2 .tft-sound__freq-vals {
  display: flex !important;
  justify-content: space-between !important;
}

.tft-sound--v2 .tft-sound__freq-vals span {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  color: var(--fur-text-muted) !important;
}

.tft-sound--v2 .tft-sound__freq-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--fur-primary) !important;
  text-align: center !important;
}

/* Info card right column */
.tft-sound--v2 .tft-sound__info-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: var(--fur-text) !important;
  flex: 1 !important;
  margin: 0 !important;
}

.tft-sound--v2 .tft-sound__audio-icon {
  color: var(--fur-text-muted) !important;
  flex-shrink: 0 !important;
}

.tft-sound--v2 .tft-sound__info-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.8rem, 1.1vw, 0.9rem) !important;
  line-height: 1.7 !important;
  color: var(--fur-text-muted) !important;
}

/* Comparison simulator */
.tft-sound--v2 .tft-sound__comparison {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.tft-sound--v2 .tft-sound__widget-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--fur-text-muted) !important;
}

.tft-sound--v2 .tft-sound__comp-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.tft-sound--v2 .tft-sound__comp-btn--v2 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px !important;
  border-radius: 10px !important;
  border: 1.5px solid var(--fur-border) !important;
  background-color: transparent !important;
  cursor: pointer !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  text-align: start !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1.4 !important;
}

.tft-sound--v2 .tft-sound__comp-btn--v2:hover {
  border-color: var(--fur-primary) !important;
}

.tft-sound--v2 .tft-sound__comp-btn--v2.tft-sound__comp-btn--active {
  border-color: var(--fur-primary) !important;
  background-color: color-mix(in srgb, var(--fur-primary) 8%, transparent) !important;
}

.tft-sound--v2 .tft-sound__comp-play {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Dot progress */
.tft-sound--v2 .tft-sound__dot-progress {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.tft-sound--v2 .tft-sound__dot-label {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: var(--fur-text-muted) !important;
  white-space: nowrap !important;
}

.tft-sound--v2 .tft-sound__dots {
  display: flex !important;
  gap: 4px !important;
  flex: 1 !important;
}

.tft-sound--v2 .tft-sound__dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background-color: var(--fur-border) !important;
  flex-shrink: 0 !important;
}

.tft-sound--v2 .tft-sound__dot--active {
  background-color: var(--fur-primary) !important;
}

/* Feedback bar */
.tft-sound--v2 .tft-sound__feedback {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  background-color: var(--fur-surface-secondary, #f6f3ef) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-sound--v2 .tft-sound__feedback-txt {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  color: var(--fur-text-muted) !important;
  flex: 1 !important;
}

/* Meta footer */
.tft-sound--v2 .tft-sound__meta-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-block-start: 20px !important;
  border-block-start: 1px solid var(--fur-border) !important;
  margin-block-start: auto !important;
}

.tft-sound--v2 .tft-sound__meta-left {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.tft-sound--v2 .tft-sound__mic-circle {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  color: var(--fur-primary) !important;
}

.tft-sound--v2 .tft-sound__meta-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: var(--fur-text) !important;
  display: block !important;
  text-transform: uppercase !important;
}

.tft-sound--v2 .tft-sound__meta-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  color: var(--fur-text-muted) !important;
  display: block !important;
  margin-block-start: 2px !important;
  line-height: 1.5 !important;
}

.tft-sound--v2 .tft-sound__meta-btn {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
}

.tft-sound--v2 .tft-sound__meta-btn:hover {
  color: var(--fur-primary) !important;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  .tft-sound--v2 .tft-sound__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .tft-sound--v2 .tft-sound__hero-header {
    grid-template-columns: 1fr !important;
    min-block-size: auto !important;
  }

  .tft-sound--v2 .tft-sound__hero-decor {
    display: none !important;
  }

  .tft-sound--v2 .tft-sound__tabs {
    flex-wrap: wrap !important;
  }

  .tft-sound--v2 .tft-sound__comp-row {
    grid-template-columns: 1fr !important;
  }

  .tft-sound--v2 .tft-sound__meta-footer {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 480px) {
  .tft-sound--v2 .tft-sound__bar-item--v2 .tft-sound__bar-meta {
    flex-wrap: wrap !important;
  }

  .tft-sound--v2 .tft-sound__wave-graph-lines {
    display: none !important;
  }
}

/* ── Spatial Resonance v2: Color-Bleed Fixes ──
   Neutralise any inherited gradient / nth-child rainbow / link colours
   that bleed into freq labels, material names, and description text.
   ─────────────────────────────────────────────────────────────────── */

/* Frequency label: force single uniform primary color, strip any gradient */
.tft-sound--v2 .tft-sound__freq-title,
.tft-sound--v2 .tft-sound__freq-title * {
  color: var(--fur-primary) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: var(--fur-primary) !important;
}

/* Freq axis span values â€â€Å“ plain muted, no rainbow */
.tft-sound--v2 .tft-sound__freq-vals span,
.tft-sound--v2 .tft-sound__freq-vals span:nth-child(n) {
  color: var(--fur-text-muted) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: var(--fur-text-muted) !important;
}

/* Material names â€â€Å“ plain charcoal, strip any link-like colouring */
.tft-sound--v2 .tft-sound__bar-name,
.tft-sound--v2 .tft-sound__bar-name * {
  color: var(--fur-text) !important;
  background: none !important;
  -webkit-text-fill-color: var(--fur-text) !important;
  text-decoration: none !important;
}

/* Description text â€â€Å“ strip any highlighted span coloring */
.tft-sound--v2 .tft-sound__info-desc,
.tft-sound--v2 .tft-sound__info-desc span,
.tft-sound--v2 .tft-sound__info-desc em,
.tft-sound--v2 .tft-sound__desc,
.tft-sound--v2 .tft-sound__desc span {
  color: var(--fur-text-muted) !important;
  background: none !important;
  -webkit-text-fill-color: var(--fur-text-muted) !important;
}

/* Bold within description stays charcoal */
.tft-sound--v2 .tft-sound__info-desc strong {
  color: var(--fur-text) !important;
  -webkit-text-fill-color: var(--fur-text) !important;
}

/* Bar values â€â€Å“ force solid charcoal */
.tft-sound--v2 .tft-sound__bar-value,
.tft-sound--v2 .tft-sound__bar-value * {
  color: var(--fur-text) !important;
  -webkit-text-fill-color: var(--fur-text) !important;
  background: none !important;
}

/* Graph title / sub â€â€Å“ strip any gradient text */
.tft-sound--v2 .tft-sound__graph-title {
  color: var(--fur-text) !important;
  -webkit-text-fill-color: var(--fur-text) !important;
  background: none !important;
}

.tft-sound--v2 .tft-sound__graph-sub {
  color: var(--fur-text-muted) !important;
  -webkit-text-fill-color: var(--fur-text-muted) !important;
  background: none !important;
}

/* ── Editorial Unboxing: Strip backgrounds, shadows, and paddings ── */

/* Spatial Resonance Section Wrapper */
.tft-sound--v2 {
  background-color: transparent !important;
  background: transparent !important;
  border-block-start: none !important;
  border-block-end: none !important;
  padding-block: clamp(32px, 5vw, 64px) !important;
}

/* Spatial Resonance Header Layout Container */
.tft-sound--v2 .tft-sound__hero-header {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin-block-end: clamp(30px, 4vw, 48px) !important;
}

/* Spatial Resonance Grid Cards */
.tft-sound--v2 .tft-sound__card--v2 {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Clean up card header icon wrappers to fit transparent cards */
.tft-sound--v2 .tft-sound__card-icon-wrap {
  background-color: transparent !important;
  border: 1px solid var(--fur-border) !important;
}

/* Curator Product Card */
body.tft-page-journal .fur-journal-curator__prod-card {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Stop Curator card translateY/shadow hover since it's unboxed */
body.tft-page-journal .fur-journal-curator__prod-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Retain premium image scaling interaction on thumbnail hover */
body.tft-page-journal .fur-journal-curator__prod-card:hover .fur-journal-curator__prod-thumb {
  transform: scale(1.03) !important;
}

/* ── Dialogue Timeline Dot-Masking Dynamic Variable Overwrite ── */
body.tft-page-journal .tft-jnl-dialogue__speech::before {
  box-shadow: 0 0 0 4px var(--fur-bg) !important;
}

/* ── Newsletter Registry Unboxing Overrides ── */

/* Unbox the Subscription Card Layout Container */
body.tft-page-journal .tft-jnl-subscribe-card {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: clamp(32px, 5vw, 64px) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  align-items: center !important;
}

/* Remove default card padding & background from the text/form side */
body.tft-page-journal .tft-jnl-subscribe-card__content {
  padding: 0 !important;
  background-color: transparent !important;
  background: transparent !important;
}

/* Format image wrap block as a freestanding premium photo print */
body.tft-page-journal .tft-jnl-subscribe-card__image-wrap {
  border-inline-start: none !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-md, 16px) !important;
  overflow: hidden !important;
  box-shadow: var(--fur-shadow-lg) !important;
  aspect-ratio: 4 / 5 !important;
  height: 100% !important;
}

/* Form Input Field subtle enhancements */
body.tft-page-journal .tft-jnl-subscribe-form__input {
  border-bottom: 1.5px solid var(--fur-border) !important;
  font-size: 0.95rem !important;
  transition: border-color var(--fur-transition-fast) ease !important;
  color: var(--fur-text) !important;
}

body.tft-page-journal .tft-jnl-subscribe-form__input:focus {
  border-color: var(--fur-primary) !important;
}

/* Premium fully rounded Submit Button with hover transitions */
body.tft-page-journal .tft-jnl-subscribe-form__submit {
  border-radius: var(--fur-radius-full, 40px) !important;
  padding: 12px 28px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  box-shadow: var(--fur-shadow-sm) !important;
  transition: all var(--fur-transition-normal) !important;
  background-color: var(--fur-primary) !important;
  border: 1px solid var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}

body.tft-page-journal .tft-jnl-subscribe-form__submit:hover {
  background-color: var(--fur-primary-hover) !important;
  border-color: var(--fur-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--fur-primary) 20%, transparent) !important;
}

/* Tablet & Mobile Layout Adaptations */
@media (max-width: 768px) {
  body.tft-page-journal .tft-jnl-subscribe-card {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  body.tft-page-journal .tft-jnl-subscribe-card__image-wrap {
    height: 320px !important;
    aspect-ratio: auto !important;
    border-block-start: 1px solid var(--fur-border) !important;
  }
}

/* ── Timber Growth Simulator Section Overrides ── */

/* Align layout controls cleanly */
body.tft-page-journal .tft-jnl-growth__card-layout {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 20px !important;
  align-items: center !important;
}

/* Format the timeline icon badge cleanly */
body.tft-page-journal .tft-jnl-growth__badge {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: var(--fur-shadow-sm) !important;
}


/* ── Tactile Moodboards Section Overrides ── */

/* Unbox the outer display layout frame */
body.tft-page-journal .tft-jnl-palette__display {
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background: transparent !important;
}

/* Format the inner moodboard display as a premium freestanding frame */
body.tft-page-journal .tft-jnl-palette__display-inner {
  border-radius: var(--fur-radius-md, 16px) !important;
  box-shadow: var(--fur-shadow-lg) !important;
  border: 1px solid var(--fur-border) !important;
  overflow: hidden !important;
}

@media (min-width: 1024px) {
  /* Remove side padding on desktop for all unboxed/transparent page sections */
  body.tft-page-journal .fur-journal-container > section:not(.tft-stillness-hero-v2):not(.tft-jnl-hero),
  body.tft-page-journal .tft-explore-spaces-v2 {
    padding-inline: 0 !important;
  }
}

/* ── Premium Spatial Resonance Progress Chart Polishing ── */

/* Taller, pill-shaped progress track with inset shadow */
body.tft-page-journal .tft-sound--v2 .tft-sound__bar-track {
  height: 8px !important;
  background-color: var(--fur-ref-beige-200) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  overflow: visible !important;
  position: relative !important;
}

/* Base fill styles */
body.tft-page-journal .tft-sound--v2 .tft-sound__bar-fill {
  border-radius: 8px !important;
  position: relative !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Glow caps for the active bar fills */
body.tft-page-journal .tft-sound--v2 .tft-sound__bar-fill::after {
  content: "" !important;
  position: absolute !important;
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  width: 4px !important;
  border-radius: 0 8px 8px 0 !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Material-themed progress bar fill colors */
body.tft-page-journal .tft-sound__bars .tft-sound__bar-item:nth-child(1) .tft-sound__bar-fill {
  background: var(--fur-ref-green-900) !important;
}
body.tft-page-journal .tft-sound__bars .tft-sound__bar-item:nth-child(2) .tft-sound__bar-fill {
  background: #c3ad8b !important; /* Premium golden oak tint */
}
body.tft-page-journal .tft-sound__bars .tft-sound__bar-item:nth-child(3) .tft-sound__bar-fill {
  background: #9d9182 !important; /* Travertine stone grey */
}

/* Material-themed mini waveform strokes */
body.tft-page-journal .tft-sound__bars .tft-sound__bar-item:nth-child(1) .tft-sound__wave-mini path {
  stroke: var(--fur-ref-green-900) !important;
  opacity: 0.8 !important;
}
body.tft-page-journal .tft-sound__bars .tft-sound__bar-item:nth-child(2) .tft-sound__wave-mini path {
  stroke: #c3ad8b !important;
  opacity: 0.8 !important;
}
body.tft-page-journal .tft-sound__bars .tft-sound__bar-item:nth-child(3) .tft-sound__wave-mini path {
  stroke: #9d9182 !important;
  opacity: 0.8 !important;
}

/* Micro-animations and tactile swatches */
body.tft-page-journal .tft-sound__mat-thumb {
  border: 1px solid var(--fur-border) !important;
  padding: 2px !important;
  background-color: var(--fur-surface) !important;
  transition: transform 0.3s ease, border-color 0.3s ease !important;
}

body.tft-page-journal .tft-sound__bar-item {
  transition: transform 0.3s ease !important;
  padding: 6px !important;
  border-radius: var(--fur-radius-md) !important;
}

body.tft-page-journal .tft-sound__bar-item:hover {
  transform: translateX(4px) !important;
}

body.tft-page-journal .tft-sound__bar-item:hover .tft-sound__mat-thumb {
  transform: scale(1.08) rotate(3deg) !important;
  border-color: var(--fur-primary) !important;
}

body.tft-page-journal .tft-sound__bar-item:hover .tft-sound__wave-mini path {
  stroke-width: 1.8 !important;
  opacity: 1 !important;
}

/* ── Premium Spatial Resonance Header Full-bleed Background & Hover Interactions ── */

body.tft-page-journal .tft-sound--v2 .tft-sound__hero-header {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  min-height: clamp(340px, 42vw, 440px) !important;
  border-radius: var(--fur-radius-lg, 16px) !important;
  border: 1px solid var(--fur-border) !important;
  padding: clamp(32px, 6vw, 64px) !important;
  overflow: hidden !important;
  background-color: var(--fur-surface-secondary, #f6f3ef) !important;
  margin-block-end: clamp(40px, 5vw, 64px) !important;
  transition: box-shadow 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__hero-header:hover {
  box-shadow: var(--fur-shadow-md) !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__hero-bg {
  position: absolute !important;
  inset: 0 !important;
  background-image: url('../img/tft_acoustics_decor_clean.png') !important;
  background-size: cover !important;
  background-position: center !important;
  z-index: 1 !important;
  transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__hero-header:hover .tft-sound__hero-bg {
  transform: scale(1.05) !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(246, 243, 239, 0.95) 0%, rgba(246, 243, 239, 0.8) 45%, rgba(246, 243, 239, 0.15) 100%) !important;
  z-index: 1.5 !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__hero-header-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 620px !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__hero-decor {
  display: none !important;
}

/* ── Curator Bedroom Section Card Alignment & Responsiveness ── */

body.tft-page-journal .fur-journal-curator__prod-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 24px !important;
}

@media (max-width: 576px) {
  body.tft-page-journal .fur-journal-curator__prod-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
}

/* ── Acoustic Slider Nav Placement & Visual Coupling Overrides ── */

body.tft-page-journal .tft-sound--v2 .tft-sound__slider-nav {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg, 16px) !important;
  padding: 16px 24px !important;
  margin-block-start: clamp(-36px, -4vw, -24px) !important;
  margin-block-end: clamp(24px, 4vw, 40px) !important;
  box-shadow: var(--fur-shadow-sm) !important;
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__index-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__tabs {
  margin: 0 !important;
  display: flex !important;
  gap: 10px !important;
}

@media (max-width: 991px) {
  body.tft-page-journal .tft-sound--v2 .tft-sound__slider-nav {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    margin-block-start: 16px !important;
    padding: 20px !important;
  }
  
  body.tft-page-journal .tft-sound--v2 .tft-sound__tabs {
    flex-direction: column !important;
    width: 100% !important;
  }
  
  body.tft-page-journal .tft-sound--v2 .tft-sound__tab {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ── Spatial Resonance Design Target and Contrast Overrides ── */

/* Shifts background image of the vase to the right to prevent overlap with left-aligned text */
body.tft-page-journal .tft-sound--v2 .tft-sound__hero-bg {
  background-position: 80% center !important;
}

/* Solid-to-transparent cream gradient shroud to guarantee perfect contrast under the text */
body.tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay {
  background: linear-gradient(to right, 
    var(--fur-ref-beige-50) 0%, 
    hsla(36, 30%, 98%, 0.98) 35%, 
    hsla(36, 30%, 98%, 0.75) 60%, 
    hsla(36, 30%, 98%, 0) 95%) !important;
}

/* Text Element Colors & Opacity to Match the Legibility Standards */
body.tft-page-journal .tft-sound--v2 .tft-sound__volume {
  color: var(--fur-primary) !important; /* Premium dark olive green */
  font-weight: 700 !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__title {
  color: var(--fur-text) !important; /* Premium rich charcoal black */
}

body.tft-page-journal .tft-sound--v2 .tft-sound__desc {
  color: var(--fur-text-muted) !important; /* Rich charcoal grey for perfect readability */
  opacity: 1 !important;
  font-weight: 500 !important;
  max-width: 480px !important;
}

/* Redesign the nav console to match the clean transparent layout in the mockups */
body.tft-page-journal .tft-sound--v2 .tft-sound__slider-nav {
  background-color: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  border-top: 1px solid var(--fur-border) !important;
  box-shadow: none !important;
  padding: 24px 0 0 0 !important;
  margin-block-start: 32px !important;
}

/* Individual tab button designs to match design mockup */
body.tft-page-journal .tft-sound--v2 .tft-sound__tab {
  border-radius: var(--fur-radius-full) !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  background-color: var(--fur-surface) !important;
  color: var(--fur-text) !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: none !important;
}

/* Active tab state */
body.tft-page-journal .tft-sound--v2 .tft-sound__tab.fur-journal-sound__tab--active,
body.tft-page-journal .tft-sound--v2 .tft-sound__tab--active {
  background-color: var(--fur-primary) !important;
  color: var(--fur-surface) !important;
  border-color: var(--fur-primary) !important;
}

/* Hover state for inactive tabs */
body.tft-page-journal .tft-sound--v2 .tft-sound__tab:not(.fur-journal-sound__tab--active):hover {
  background-color: var(--fur-bg-secondary) !important;
  border-color: var(--fur-border-light) !important;
  color: var(--fur-text) !important;
}

/* Progress indicator bar styling matching design mockup */
body.tft-page-journal .tft-sound--v2 .tft-sound__indicator-bar {
  width: 120px !important;
  height: 4px !important;
  background-color: var(--fur-border) !important;
  border-radius: 2px !important;
  overflow: hidden !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__indicator-fill {
  background-color: var(--fur-primary) !important;
  height: 100% !important;
  border-radius: 2px !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__current-index {
  color: var(--fur-text) !important;
  font-weight: 600 !important;
}

body.tft-page-journal .tft-sound--v2 .tft-sound__total-index {
  color: var(--fur-text-muted) !important;
}

/* Responsive & Mobile Adaptation for Spatial Resonance Block */
@media (max-width: 991px) {
  body.tft-page-journal .tft-sound--v2 .tft-sound__slider-nav {
    margin-block-start: 24px !important;
    padding: 20px 0 0 0 !important;
    border-top: 1px solid var(--fur-border) !important;
  }
}

@media (max-width: 768px) {
  /* Shift vase background photo on mobile and apply highly opaque overlay for absolute legibility */
  body.tft-page-journal .tft-sound--v2 .tft-sound__hero-bg {
    background-position: right center !important;
  }
  
  body.tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay {
    background: linear-gradient(to right, 
      var(--fur-ref-beige-50) 0%, 
      var(--fur-ref-beige-50) 70%, 
      hsla(36, 30%, 98%, 0.9) 85%, 
      hsla(36, 30%, 98%, 0.4) 100%) !important;
  }
  
  body.tft-page-journal .tft-sound--v2 .tft-sound__hero-header {
    padding: 24px !important;
    min-height: 280px !important;
  }
}

/* Enforces perfect circular clipping for material swatches to prevent square image corners from leaking */
body.tft-page-journal .tft-sound__mat-thumb {
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.tft-page-journal .tft-sound__mat-thumb img {
  border-radius: var(--fur-radius-full) !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}







/* === CONSOLIDATED INDEX5 STYLES === */
/* ==========================================================================
   TFT FURNITURE FINDER - CSS 3D SPATIAL OVERRIDES (INDEX 5)
   ========================================================================== */

/* Fullscreen Viewport and resets */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: var(--fur-font-sans);
  background-color: var(--fur-bg);
  color: var(--fur-text);
  transition: background-color var(--fur-transition-normal) ease, color var(--fur-transition-normal) ease;
}

/* 3D Spatial Canvas Container */
.tft-fnd-viewport {
  position: fixed;
  inset: 0;
  overflow: hidden;
  perspective: 1200px;
  perspective-origin: 50% 50%;
  z-index: 2;
  cursor: grab;
}

.tft-fnd-viewport:active {
  cursor: grabbing;
}

/* 3D Spatial Scene Pivot Node */
.tft-fnd-scene {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  will-change: transform;
}

/* Spatial Product Card Grid Item */
.tft-fnd-card {
  position: absolute;
  width: 300px;
  height: 400px;
  left: -150px;
  top: -200px;
  transform-style: preserve-3d;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  box-shadow: 0 10px 40px var(--fur-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 28px;
  box-sizing: border-box;
  /* NO transform transition here - transform is smoothed programmatically in JS to prevent initial snapping jitter! */
  transition: opacity 0.4s ease, background-color var(--fur-transition-normal) ease, border-color var(--fur-transition-normal) ease, box-shadow 0.4s ease;
  will-change: transform, opacity;
}

.tft-fnd-card:hover {
  box-shadow: 0 20px 50px var(--fur-shadow-lg);
  border-color: var(--fur-primary);
}

/* Corner Specimen Category Badge (Floats above image in Z space, aligned with perfect breathing margins) */
.tft-fnd-card__badge {
  position: absolute;
  top: 24px;
  left: 24px;
  font-size: 0.58rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-text-muted);
  border: 1px solid var(--fur-border-light);
  padding: 4px 10px;
  border-radius: var(--fur-radius-full);
  transform: translateZ(55px);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
  z-index: 5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  transition: background-color var(--fur-transition-normal) ease, border-color var(--fur-transition-normal) ease;
}

body[data-theme="dark"] .tft-fnd-card__badge {
  background: rgba(30, 35, 30, 0.82);
  border-color: rgba(255, 255, 255, 0.08);
}

/* Layer 1: Floating Image Block (Flys lower in spatial coordinate to avoid badge overlap) */
.tft-fnd-card__img-wrap {
  width: 100%;
  height: 52%;
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateZ(30px);
  transform-style: preserve-3d;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.tft-fnd-card__img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-fnd-card:hover .tft-fnd-card__img {
  transform: scale(1.06);
}

/* Layer 2: Card Labels (Flys at mid height in spatial coordinate) */
.tft-fnd-card__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  transform: translateZ(20px);
  pointer-events: none;
  width: 100%;
  position: relative;
  min-height: 60px;
  justify-content: center;
}

.tft-fnd-card__title {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
  margin: 0;
  transition: color 0.3s ease;
}

.tft-fnd-card:hover .tft-fnd-card__title {
  color: var(--fur-primary);
}

/* High-Contrast Bold Pricing Tag - Softer grey by default, transitions on hover */
.tft-fnd-card__price {
  font-family: var(--fur-font-sans);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--fur-text-muted);
  margin: 2px 0 0 0;
  transition: color 0.3s ease;
}

.tft-fnd-card:hover .tft-fnd-card__price {
  color: var(--fur-text);
}

/* Layer 3: Interactive Floating Spec Hint (Smoothly slides in below the price on hover) */
.tft-fnd-card__action-link {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
  margin-top: 6px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}

.tft-fnd-card:hover .tft-fnd-card__action-link {
  opacity: 1;
  transform: translateY(0);
}

/* Filtering state modifiers */
.tft-fnd-card--dimmed {
  opacity: 0.12;
  pointer-events: none;
}

/* Floating Header Bar (Moved forward in 3D coordinate space to float in front of cards) */
.tft-fnd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px clamp(20px, 4vw, 40px);
  z-index: 15;
  box-sizing: border-box;
  pointer-events: none;
  transform: translateZ(500px);
  transform-style: preserve-3d;
}

.tft-fnd-header__left,
.tft-fnd-header__title,
.fur-theme-switcher {
  pointer-events: auto;
}

.tft-fnd-header__left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tft-fnd-header__logo {
  font-family: var(--fur-font-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--fur-text);
  text-decoration: none;
  line-height: 1;
}

.tft-fnd-header__logo span {
  color: var(--fur-primary);
}

.tft-fnd-header__back-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-text-muted);
  border: 1px solid var(--fur-border-light);
  padding: 6px 12px;
  border-radius: var(--fur-radius-full);
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: color var(--fur-transition-fast) ease, border-color var(--fur-transition-fast) ease, background-color var(--fur-transition-fast) ease, transform var(--fur-transition-fast) ease;
}

body[data-theme="dark"] .tft-fnd-header__back-btn {
  background: rgba(20, 25, 20, 0.45);
}

.tft-fnd-header__back-btn:hover {
  color: var(--fur-primary);
  border-color: var(--fur-primary);
  background-color: var(--fur-surface);
  transform: translateY(-1px);
}

.tft-fnd-header__title {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-text-muted);
}

/* Dynamic Island Bottom Navigation (Floating above 3D layers) */
.tft-fnd-island-wrap {
  position: fixed;
  bottom: clamp(20px, 4vh, 40px);
  left: 50%;
  transform: translateX(-50%) translateZ(500px);
  transform-style: preserve-3d;
  z-index: 15;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: auto;
  max-width: 95vw;
}

.tft-fnd-island {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--fur-border);
  padding: 6px;
  border-radius: var(--fur-radius-full);
  box-shadow: 0 10px 40px var(--fur-shadow-lg);
  box-sizing: border-box;
  overflow-x: auto;
  max-width: 100%;
}

body[data-theme="dark"] .tft-fnd-island {
  background: rgba(20, 25, 20, 0.6);
}

.tft-fnd-island__btn {
  background: transparent;
  border: none;
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--fur-text);
  padding: 10px clamp(12px, 2vw, 20px);
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: background-color var(--fur-transition-fast) ease, color var(--fur-transition-fast) ease, transform var(--fur-transition-fast) ease;
  white-space: nowrap;
}

.tft-fnd-island__btn:hover {
  transform: scale(1.03);
}

.tft-fnd-island__btn--active {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.tft-fnd-island__instructions {
  font-size: 0.65rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text-muted);
}

/* Slide-in Detail Drawer */
.tft-fnd-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: clamp(320px, 35vw, 460px);
  background-color: var(--fur-surface);
  border-left: 1px solid var(--fur-border);
  z-index: 20;
  transform: translateX(100%);
  transition: transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.tft-fnd-drawer--open {
  transform: translateX(0);
}

.tft-fnd-drawer__body {
  padding: 40px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 22px;
  overflow-y: auto;
  box-sizing: border-box;
}

.tft-fnd-drawer__close {
  align-self: flex-end;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--fur-text);
  padding: 8px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--fur-transition-fast) ease;
}

.tft-fnd-drawer__close:hover {
  background-color: var(--fur-border-light);
}

.tft-fnd-drawer__cat {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
}

.tft-fnd-drawer__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.8rem, 3.5vw, 2.2rem);
  font-weight: 400;
  color: var(--fur-text);
  margin: 0;
}

.tft-fnd-drawer__price {
  font-family: var(--fur-font-serif);
  font-size: 1.5rem;
  color: var(--fur-text);
}

.tft-fnd-drawer__desc {
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin: 0;
}

/* Swatches selector layout */
.tft-fnd-drawer__section {
  border-top: 1px solid var(--fur-border);
  padding-top: 20px;
}

.tft-fnd-drawer__section-title {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-text-muted);
  margin: 0 0 12px 0;
}

.tft-fnd-drawer__swatches {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.tft-fnd-drawer__swatch {
  width: 26px;
  height: 26px;
  border-radius: var(--fur-radius-full);
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform var(--fur-transition-fast) ease, border-color var(--fur-transition-fast) ease;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 0;
}

.tft-fnd-drawer__swatch:hover {
  transform: scale(1.1);
}

.tft-fnd-drawer__swatch--active {
  border-color: var(--fur-primary);
  transform: scale(1.1);
}

/* Specs table */
.tft-fnd-drawer__specs {
  border-top: 1px solid var(--fur-border);
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-fnd-drawer__spec {
  display: flex;
  justify-content: space-between;
  font-size: 0.78rem;
}

.tft-fnd-drawer__spec-label {
  color: var(--fur-text-muted);
}

.tft-fnd-drawer__spec-val {
  font-weight: 600;
  color: var(--fur-text);
}

.tft-fnd-drawer__btn {
  background-color: var(--fur-primary);
  border: 1px solid var(--fur-primary);
  color: var(--fur-button-text);
  padding: 18px;
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
  transition: background-color var(--fur-transition-fast) ease, border-color var(--fur-transition-fast) ease;
  margin-top: auto;
}

.tft-fnd-drawer__btn:hover {
  background-color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
}

/* Loading Overlay Screen */
.tft-fnd-loader {
  position: fixed;
  inset: 0;
  background-color: var(--fur-bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  z-index: 100;
  transition: opacity 0.5s ease;
}

.tft-fnd-loader__spinner {
  width: 40px;
  height: 40px;
  border: 2px solid var(--fur-border);
  border-top-color: var(--fur-primary);
  border-radius: var(--fur-radius-full);
  animation: tft-spin 0.8s linear infinite;
}

.tft-fnd-loader__text {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-text-muted);
}

@keyframes tft-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Action Feedback Toast */
.tft-fnd-toast {
  position: fixed;
  top: 30px;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  padding: 12px 24px;
  border-radius: var(--fur-radius-full);
  font-size: 0.78rem;
  font-weight: 600;
  box-shadow: 0 10px 30px var(--fur-shadow-lg);
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-fnd-toast--visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Scrollbar styling for drawer */
.tft-fnd-drawer__body::-webkit-scrollbar {
  width: 4px;
}
.tft-fnd-drawer__body::-webkit-scrollbar-track {
  background: transparent;
}
.tft-fnd-drawer__body::-webkit-scrollbar-thumb {
  background: var(--fur-border-light);
  border-radius: var(--fur-radius-full);
}

/* 3D Typography Parallax Watermark Backdrop */
.tft-fnd-scene__backdrop {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, -600px);
  transform-style: preserve-3d;
  text-align: center;
  pointer-events: none;
  white-space: nowrap;
  user-select: none;
  opacity: 0.06;
  transition: opacity var(--fur-transition-normal) ease;
}

body[data-theme="dark"] .tft-fnd-scene__backdrop {
  opacity: 0.035;
}

.tft-fnd-scene__backdrop-main {
  font-family: var(--fur-font-serif);
  font-size: clamp(8rem, 24vw, 22rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.15em;
  color: var(--fur-text);
  text-transform: uppercase;
}

.tft-fnd-scene__backdrop-sub {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.7rem, 2vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.35em;
  color: var(--fur-text);
  margin-top: 20px;
  text-transform: uppercase;
}

/* Spatial Section Placards */
.tft-fnd-placard {
  position: absolute;
  left: 0;
  top: 0;
  transform-style: preserve-3d;
  pointer-events: none;
  white-space: nowrap;
  user-select: none;
}

.tft-fnd-placard__label {
  font-family: var(--fur-font-sans);
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--fur-text-muted);
  opacity: 0.45;
  border-bottom: 1px solid var(--fur-border-light);
  padding-bottom: 6px;
}


/* === CONSOLIDATED INDEX6 STYLES === */
/* ==========================================================================
   ROOM COMPOSER COMPONENT STYLES
   WP-CONVERSION READY & RTL COMPLIANT
   ========================================================================== */

/* App Layout & Containers */
.tft-rc-body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  background-color: var(--fur-bg);
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
}

.tft-rc-app {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
}

/* Loader Screen */
.tft-rc-loader {
  position: fixed;
  inset: 0;
  background-color: var(--fur-bg-secondary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.tft-rc-loader--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.tft-rc-loader__blueprint {
  color: var(--fur-primary);
  margin-bottom: 20px;
  animation: tftBlueprintPulse 2s infinite ease-in-out;
}
.tft-rc-loader__text {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-text);
  margin-bottom: 15px;
}
.tft-rc-loader__bar {
  width: 150px;
  height: 3px;
  background-color: var(--fur-border-light);
  border-radius: var(--fur-radius-full);
  overflow: hidden;
}
.tft-rc-loader__bar-fill {
  width: 30%;
  height: 100%;
  background-color: var(--fur-primary);
  border-radius: var(--fur-radius-full);
  animation: tftLoaderFill 1.5s infinite ease-in-out;
}

@keyframes tftBlueprintPulse {
  0%, 100% { opacity: 0.7; transform: scale(0.98); }
  50% { opacity: 1; transform: scale(1.02); }
}
@keyframes tftLoaderFill {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* Header styling */
.tft-rc-header {
  height: 65px;
  background-color: var(--fur-bg-secondary);
  border-bottom: 1px solid var(--fur-border-light);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 20px;
  box-sizing: border-box;
  z-index: 10;
}
.tft-rc-header__left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tft-rc-header__logo {
  font-family: var(--fur-font-serif);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--fur-text);
  text-decoration: none;
  line-height: 1;
}
.tft-rc-header__logo span {
  color: var(--fur-primary);
}
.tft-rc-header__back {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-text-muted);
  border: 1px solid var(--fur-border-light);
  padding: 5px 10px;
  border-radius: var(--fur-radius-full);
  transition: all var(--fur-transition-fast);
}
.tft-rc-header__back:hover {
  color: var(--fur-primary);
  border-color: var(--fur-primary);
}
.tft-rc-header__divider {
  width: 1px;
  height: 20px;
  background-color: var(--fur-border-light);
}
.tft-rc-header__title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-text);
}
.tft-rc-header__center {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--fur-text-muted);
  max-width: 400px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tft-rc-hbtn {
  background: none;
  border: 1px solid var(--fur-border-light);
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-text);
  padding: 8px 16px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all var(--fur-transition-fast);
}
.tft-rc-hbtn:hover {
  background-color: var(--fur-bg);
  border-color: var(--fur-text-muted);
}
.tft-rc-hbtn--primary {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}
.tft-rc-hbtn--primary:hover {
  background-color: var(--fur-ref-charcoal);
  border-color: var(--fur-ref-charcoal);
}

/* Three Column Layout Grid */
.tft-rc-main {
  flex: 1;
  display: grid;
  grid-template-columns: 280px 1fr 340px;
  height: calc(100vh - 65px);
  overflow: hidden;
  box-sizing: border-box;
}

/* Panels */
.tft-rc-panel {
  background-color: var(--fur-bg-secondary);
  overflow-y: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.tft-rc-panel--left {
  border-inline-end: 1px solid var(--fur-border-light);
}
.tft-rc-panel--right {
  border-inline-start: 1px solid var(--fur-border-light);
}
.tft-rc-panel__section {
  padding: 20px;
  border-bottom: 1px solid var(--fur-border-light);
}
.tft-rc-panel__section--controls {
  margin-top: auto;
  background-color: rgba(0, 0, 0, 0.02);
}
.tft-rc-panel__heading {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-text-muted);
  margin-top: 0;
  margin-bottom: 15px;
}

/* Left panel presets & custom input */
.tft-rc-presets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.tft-rc-preset-btn {
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  padding: 12px 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  transition: all var(--fur-transition-fast);
}
.tft-rc-preset-btn svg {
  color: var(--fur-text-muted);
  transition: color var(--fur-transition-fast);
}
.tft-rc-preset-btn span {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text);
}
.tft-rc-preset-btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}
.tft-rc-preset-btn:hover svg {
  color: var(--fur-primary);
}
.tft-rc-preset-btn--active {
  border-color: var(--fur-primary);
  background-color: rgba(136, 170, 102, 0.08); /* faint green tint */
}
.tft-rc-preset-btn--active svg {
  color: var(--fur-primary);
}

.tft-rc-field {
  margin-bottom: 12px;
}
.tft-rc-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
  margin-bottom: 6px;
}
.tft-rc-input-row {
  display: flex;
  position: relative;
  align-items: center;
}
.tft-rc-input {
  width: 100%;
  padding: 8px 30px 8px 12px;
  font-family: inherit;
  font-size: 0.82rem;
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-bg);
  color: var(--fur-text);
  box-sizing: border-box;
}
.tft-rc-input-unit {
  position: absolute;
  right: 12px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--fur-text-muted);
}
.tft-rc-btn {
  background: none;
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 10px 18px;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  text-align: center;
  border: 1px solid var(--fur-border-light);
}
.tft-rc-btn--full {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.tft-rc-btn--primary {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}
.tft-rc-btn--primary:hover {
  background-color: var(--fur-ref-charcoal);
  border-color: var(--fur-ref-charcoal);
}

.tft-rc-setting-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.tft-rc-setting-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--fur-text);
}
.tft-rc-seg {
  display: flex;
  background-color: var(--fur-bg);
  padding: 3px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border-light);
}
.tft-rc-seg__btn {
  background: none;
  border: none;
  font-family: inherit;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
}
.tft-rc-seg__btn--active {
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.tft-rc-toggle-btn {
  background: none;
  font-family: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  border: 1px solid var(--fur-border-light);
  padding: 4px 8px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}
.tft-rc-toggle-btn--on {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}

.tft-rc-shortcuts {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tft-rc-shortcuts li {
  font-size: 0.68rem;
  color: var(--fur-text-muted);
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tft-rc-shortcuts kbd {
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border-light);
  border-radius: 3px;
  padding: 2px 5px;
  font-family: monospace;
  font-weight: bold;
}

/* Center Canvas Column */
.tft-rc-center {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--fur-bg);
  overflow: hidden;
  height: 100%;
}
.tft-rc-toolbar {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-full);
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
body[data-theme="dark"] .tft-rc-toolbar {
  background-color: rgba(20, 25, 20, 0.72);
}
.tft-rc-tool {
  background: none;
  border: none;
  color: var(--fur-text);
  width: 28px;
  height: 28px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}
.tft-rc-tool:hover {
  background-color: var(--fur-bg-secondary);
  color: var(--fur-primary);
}
.tft-rc-toolbar__sep {
  width: 1px;
  height: 16px;
  background-color: var(--fur-border-light);
  margin-horizontal: 4px;
}
.tft-rc-tool--view {
  width: auto;
  padding-inline: 10px;
  font-family: inherit;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  gap: 5px;
}
.tft-rc-tool--active {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white) !important;
}

/* Canvas Viewport Wrap */
.tft-rc-canvas-wrap {
  flex: 1;
  position: relative;
  overflow: hidden;
  cursor: grab;
}
.tft-rc-canvas-wrap--grabbing {
  cursor: grabbing;
}
#tft-rc-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

/* Axo Layer Sprites */
.tft-rc-axo-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: none; /* Only visible in Axo Mode */
}
.tft-rc-sprite {
  position: absolute;
  transform-style: preserve-3d;
  width: 0;
  height: 0;
}
.tft-rc-sprite__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0) rotateZ(-45deg) rotateX(-90deg);
  transform-origin: bottom center;
  pointer-events: auto;
  cursor: pointer;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.22));
  transition: filter var(--fur-transition-fast), transform var(--fur-transition-fast);
}
.tft-rc-sprite__img:hover {
  filter: drop-shadow(0 16px 32px var(--fur-primary));
  transform: translate(-50%, 0) rotateZ(-45deg) rotateX(-90deg) scale(1.05);
}

/* Placement Hint */
.tft-rc-placement-hint {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 8px 16px;
  border-radius: var(--fur-radius-full);
  box-shadow: 0 4px 16px rgba(136, 170, 102, 0.25);
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.tft-rc-placement-hint--visible {
  opacity: 1;
}

/* Stats Footer */
.tft-rc-stats {
  height: 35px;
  background-color: var(--fur-bg-secondary);
  border-top: 1px solid var(--fur-border-light);
  display: flex;
  align-items: center;
  padding-inline: 15px;
  font-size: 0.68rem;
  color: var(--fur-text-muted);
  box-sizing: border-box;
}
.tft-rc-stats__sep {
  margin-inline: 10px;
  opacity: 0.5;
}
.tft-rc-stats__autosave {
  margin-inline-start: auto;
  font-weight: 600;
  color: var(--fur-primary);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.tft-rc-stats__autosave--visible {
  opacity: 1;
}

/* Right Panel: Cart Layout list */
.tft-rc-cart {
  display: flex;
  flex-direction: column;
  max-height: 250px;
  border-bottom: 1px solid var(--fur-border-light);
  background-color: rgba(0, 0, 0, 0.01);
}
.tft-rc-cart__head {
  padding: 15px 20px 8px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tft-rc-cart__badge {
  font-size: 0.62rem;
  font-weight: 700;
  color: var(--fur-ref-white);
  background-color: var(--fur-primary);
  width: 18px;
  height: 18px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tft-rc-cart__list {
  flex: 1;
  overflow-y: auto;
  padding-inline: 20px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tft-rc-cart__empty {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  text-align: center;
  margin-vertical: 20px;
  font-style: italic;
}
.tft-rc-cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  padding: 8px 12px;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}
.tft-rc-cart-item:hover {
  border-color: var(--fur-primary);
}
.tft-rc-cart-item__left {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tft-rc-cart-item__name {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text);
  letter-spacing: 0.02em;
}
.tft-rc-cart-item__desc {
  font-size: 0.62rem;
  color: var(--fur-text-muted);
}
.tft-rc-cart-item__right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tft-rc-cart-item__price {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--fur-text);
}
.tft-rc-cart-item__delete {
  background: none;
  border: none;
  font-size: 1.1rem;
  cursor: pointer;
  color: var(--fur-ref-grey-500);
  line-height: 1;
}
.tft-rc-cart-item__delete:hover {
  color: var(--fur-primary);
}

.tft-rc-cart-item--hovered {
  border-color: var(--fur-primary);
  background-color: rgba(136, 170, 102, 0.04);
}

.tft-rc-cart__footer {
  padding: 12px 20px 15px 20px;
  border-top: 1px solid var(--fur-border-light);
  background-color: var(--fur-bg-secondary);
}
.tft-rc-cart__total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 0.75rem;
}
.tft-rc-cart__total-row span {
  font-weight: 600;
  color: var(--fur-text-muted);
}
.tft-rc-cart__total-row strong {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--fur-text);
}

/* Right Panel: Catalog List */
.tft-rc-catalog {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
}
.tft-rc-catalog__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.tft-rc-cat-btn {
  background: none;
  border: 1px solid var(--fur-border-light);
  font-family: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 4px 10px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
}
.tft-rc-cat-btn:hover {
  border-color: var(--fur-primary);
  color: var(--fur-text);
}
.tft-rc-cat-btn--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white) !important;
}
.tft-rc-catalog__list {
  flex: 1;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.tft-rc-prod-card {
  display: flex;
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  padding: 10px;
  gap: 12px;
  transition: border-color 0.3s ease;
  position: relative;
}
.tft-rc-prod-card:hover {
  border-color: var(--fur-primary);
}
.tft-rc-prod-card__img-wrap {
  width: 60px;
  height: 60px;
  background-color: var(--fur-bg-secondary);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tft-rc-prod-card__img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.tft-rc-prod-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tft-rc-prod-card__title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text);
  margin: 0 0 2px 0;
  letter-spacing: 0.02em;
}
.tft-rc-prod-card__spec {
  font-size: 0.62rem;
  color: var(--fur-text-muted);
  margin-bottom: 4px;
}
.tft-rc-prod-card__price {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fur-primary);
}
.tft-rc-prod-card__btn {
  align-self: center;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  border: none;
  font-family: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 6px 12px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}
.tft-rc-prod-card__btn:hover {
  background-color: var(--fur-ref-charcoal);
}

.tft-rc-prod-card__check {
  position: absolute;
  top: 6px;
  right: 6px;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  width: 14px;
  height: 14px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: bold;
}

/* Hover Floating Item Toolbar */
.tft-rc-item-toolbar {
  position: absolute;
  z-index: 50;
  background-color: var(--fur-ref-charcoal);
  border-radius: 4px;
  padding: 4px;
  display: flex;
  gap: 2px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transform: translate(-50%, -100%);
  margin-top: -10px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0.2s;
  pointer-events: auto;
}
.tft-rc-item-toolbar--visible {
  visibility: visible;
  opacity: 1;
}
.tft-rc-item-toolbar__btn {
  background: none;
  border: none;
  color: var(--fur-ref-white);
  font-family: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 3px;
  transition: background-color 0.2s;
}
.tft-rc-item-toolbar__btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.tft-rc-item-toolbar__btn--danger:hover {
  background-color: hsl(0, 70%, 45%);
}

/* Detail Drawer Layout */
.tft-rc-overlay {
  position: fixed;
  inset: 0;
  background-color: var(--fur-ref-overlay-dark);
  z-index: 60;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s;
}
.tft-rc-overlay--visible {
  opacity: 1;
  visibility: visible;
}
.tft-rc-drawer {
  position: fixed;
  top: 0;
  right: -450px;
  width: 400px;
  height: 100vh;
  background-color: var(--fur-bg-secondary);
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.08);
  z-index: 70;
  transition: transform var(--fur-transition-normal);
  box-sizing: border-box;
}
.tft-rc-drawer--visible {
  transform: translateX(-450px);
}
.tft-rc-drawer__body {
  height: 100%;
  overflow-y: auto;
  padding: 40px 30px;
  box-sizing: border-box;
  position: relative;
}
.tft-rc-drawer__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 1.8rem;
  cursor: pointer;
  color: var(--fur-text-muted);
  line-height: 1;
}
.tft-rc-drawer__close:hover {
  color: var(--fur-primary);
}

.tft-rc-detail {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tft-rc-detail__img-wrap {
  width: 100%;
  height: 250px;
  background-color: var(--fur-bg);
  border-radius: var(--fur-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.tft-rc-detail__img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.tft-rc-detail__title {
  font-family: var(--fur-font-serif);
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  color: var(--fur-text);
}
.tft-rc-detail__price {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--fur-primary);
}
.tft-rc-detail__spec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  background-color: var(--fur-bg);
  padding: 15px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border-light);
}
.tft-rc-detail__spec-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tft-rc-detail__spec-label {
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text-muted);
}
.tft-rc-detail__spec-val {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--fur-text);
}
.tft-rc-detail__desc {
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
}

/* Toast styling */
.tft-rc-toast {
  position: fixed;
  bottom: 25px;
  left: 25px;
  background-color: var(--fur-ref-charcoal);
  color: var(--fur-ref-white);
  padding: 12px 24px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  z-index: 90;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
}
.tft-rc-toast--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Axonometric Perspective Mode Override */
.tft-rc-canvas-wrap--axo {
  perspective: 1500px;
}
.tft-rc-canvas-wrap--axo #tft-rc-canvas {
  transform: rotateX(var(--axo-rx, 55deg)) rotateZ(var(--axo-rz, 45deg)) !important;
  transform-origin: center center;
  box-shadow: -15px 15px 35px rgba(0, 0, 0, 0.15);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.tft-rc-canvas-wrap--axo .tft-rc-axo-layer {
  display: block;
  transform: rotateX(var(--axo-rx, 55deg)) rotateZ(var(--axo-rz, 45deg)) translateZ(2px) !important;
  transform-origin: center center;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   PRINT STYLES (PDF Spec Sheet Mode)
   ========================================================================== */
.tft-rc-print-view {
  display: none;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 1.5cm;
  }
  
  body * {
    visibility: hidden;
  }
  
  .tft-rc-print-view,
  .tft-rc-print-view * {
    visibility: visible;
  }
  
  .tft-rc-print-view {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #1a1a1a !important;
    background-color: var(--fur-ref-white) !important;
    font-family: Arial, sans-serif;
  }
  
  .tft-rc-print-view__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #1a1a1a;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  
  .tft-rc-print-view__logo {
    font-size: 2.2rem;
    font-weight: 700;
    font-family: Georgia, serif;
    color: #1a1a1a;
  }
  .tft-rc-print-view__logo span {
    color: #88aa66;
  }
  
  .tft-rc-print-view__title {
    font-size: 1.4rem;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  
  .tft-rc-print-view__meta {
    font-size: 0.75rem;
    color: #666;
    margin: 3px 0 0 0;
  }
  
  .tft-rc-print-view__diagram {
    width: 100%;
    height: 320px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  
  .tft-rc-print-view__diagram img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .tft-rc-print-view__room-info {
    font-size: 0.85rem;
    line-height: 1.5;
    margin-bottom: 25px;
    padding: 12px;
    background-color: #f5f5f5;
    border-radius: 4px;
  }
  
  .tft-rc-print-view__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
  }
  
  .tft-rc-print-view__table th,
  .tft-rc-print-view__table td {
    padding: 10px;
    font-size: 0.8rem;
    text-align: left;
    border-bottom: 1px solid #eee;
  }
  
  .tft-rc-print-view__table th {
    font-weight: 700;
    background-color: #f9f9f9;
    border-bottom: 2px solid #ccc;
    text-transform: uppercase;
  }
  
  .tft-rc-print-view__total-row td {
    font-weight: 700;
    font-size: 0.95rem;
    border-top: 2px solid #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
  }
  
  .tft-rc-print-view__footer {
    font-size: 0.7rem;
    color: #888;
    text-align: center;
    margin-top: 50px;
    border-top: 1px solid #eee;
    padding-top: 15px;
  }
}

/* Responsive Overrides */
@media (max-width: 1024px) {
  .tft-rc-main {
    grid-template-columns: 240px 1fr 280px;
  }
}

@media (max-width: 768px) {
  .tft-rc-main {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
  .tft-rc-panel {
    height: auto;
    max-height: none;
    overflow-y: visible;
  }
  .tft-rc-panel--left {
    border-inline-end: none;
    border-bottom: 1px solid var(--fur-border-light);
  }
  .tft-rc-panel--right {
    border-inline-start: none;
    border-top: 1px solid var(--fur-border-light);
  }
  .tft-rc-center {
    height: 400px;
  }
  .tft-rc-drawer {
    width: 100%;
    right: -100%;
  }
  .tft-rc-drawer--visible {
    transform: translateX(-100%);
  }
}

/* Interactive Sprite Active Selection Glow */
.tft-rc-sprite__img--selected {
  filter: drop-shadow(0 16px 32px var(--fur-primary)) brightness(1.05) !important;
}

/* Right Panel Separation: Elegant Card Layouts */
.tft-rc-panel--right {
  padding: 16px !important;
  gap: 16px !important;
  display: flex !important;
  flex-direction: column !important;
}

.tft-rc-cart {
  max-height: 280px !important;
  background-color: var(--fur-bg) !important;
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
  overflow: hidden !important;
  border-bottom: none !important;
}

.tft-rc-cart__head {
  padding: 14px 16px 8px 16px !important;
  background-color: var(--fur-bg-secondary) !important;
  border-bottom: 1px solid var(--fur-border-light) !important;
}

.tft-rc-cart__list {
  padding: 12px 16px !important;
}

.tft-rc-cart__footer {
  padding: 12px 16px !important;
  background-color: var(--fur-bg-secondary) !important;
}

.tft-rc-catalog {
  background-color: var(--fur-bg) !important;
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

/* Drag and Drop Canvas Visual Feedback */
.tft-rc-canvas-wrap--dragover {
  box-shadow: inset 0 0 0 2px var(--fur-primary) !important;
  background-color: rgba(136, 170, 102, 0.03) !important;
  transition: all 0.2s ease;
}

/* Axonometric Perspective 3D Rendering Fixes */
.tft-rc-canvas-wrap--axo {
  transform-style: preserve-3d !important;
  overflow: visible !important;
}

.tft-rc-canvas-wrap--axo #tft-rc-canvas {
  z-index: 1 !important;
}

/* Avoid Blink/WebKit 3D display:none flattening bug by keeping it display:block always */
.tft-rc-axo-layer {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  transform-style: preserve-3d !important;
}

.tft-rc-canvas-wrap--axo .tft-rc-axo-layer {
  visibility: visible !important;
  opacity: 1 !important;
  transform: rotateX(var(--axo-rx, 55deg)) rotateZ(var(--axo-rz, 45deg)) translateZ(2px) !important;
  transform-style: preserve-3d !important;
  z-index: 2 !important;
}

.tft-rc-sprite {
  width: auto !important;
  height: auto !important;
}

.tft-rc-sprite__img {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: rotateZ(-45deg) rotateX(-55deg) translateY(-35%) scale(1.3) !important;
  transform-origin: bottom center !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}

.tft-rc-sprite__img:hover {
  transform: rotateZ(-45deg) rotateX(-55deg) translateY(-35%) scale(1.38) !important;
}

/* Left Panel Slide & Workspace Resize Transitions */
.tft-rc-main {
  transition: grid-template-columns 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.tft-rc-main--collapsed-left {
  grid-template-columns: 0px 1fr 340px !important;
}
.tft-rc-panel--left {
  position: relative !important;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s !important;
  transform-origin: left center !important;
}
.tft-rc-main--collapsed-left .tft-rc-panel--left {
  transform: translateX(-100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Collapse Handle Tab positioning & styling */
.tft-rc-panel-collapse {
  position: absolute !important;
  top: 50% !important;
  right: -16px !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 50px !important;
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border-light) !important;
  border-left: none !important;
  border-radius: 0 var(--fur-radius-md) var(--fur-radius-md) 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 100 !important;
  padding: 0 !important;
  color: var(--fur-text-muted) !important;
  transition: background-color var(--fur-transition-fast), color var(--fur-transition-fast) !important;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.03) !important;
}
.tft-rc-panel-collapse:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}
.tft-rc-panel-collapse svg {
  transition: transform 0.4s ease !important;
}
.tft-rc-panel-collapse--collapsed svg {
  transform: rotate(180deg) !important;
}

/* 3D Glassmorphic Cube Pedestals */
.tft-rc-cube {
  transform-style: preserve-3d !important;
  position: absolute !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.tft-cube-face {
  position: absolute !important;
  top: 0;
  left: 0;
  box-sizing: border-box !important;
  transform-style: preserve-3d !important;
  transform-origin: top left !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  pointer-events: none !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}

body[data-theme="dark"] .tft-cube-face {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.tft-cube-face--top {
  border: 1.5px solid rgba(0, 0, 0, 0.25) !important;
}

body[data-theme="dark"] .tft-cube-face--top {
  border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
}

.tft-cube-face--front {
  border-top: none !important;
}

.tft-cube-face--back {
  border-top: none !important;
}

.tft-cube-face--left {
  border-top: none !important;
}

.tft-cube-face--right {
  border-top: none !important;
}

/* Active 3D Cube Selection Styling */
.tft-rc-cube--selected .tft-cube-face {
  border-color: var(--fur-primary) !important;
  box-shadow: 0 0 16px rgba(88, 102, 74, 0.25) !important;
}

.tft-rc-cube--selected .tft-cube-face--top {
  border-color: var(--fur-primary) !important;
}

/* Background Blending and Drop Shadows */
.tft-rc-sprite__img {
  mix-blend-mode: multiply !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15)) !important;
  transition: filter var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

/* Selection and Hover Glowing Outlines */
.tft-rc-sprite__img--selected {
  filter: drop-shadow(0 8px 16px rgba(136, 170, 102, 0.4)) brightness(1.05) !important;
}

.tft-rc-sprite__img:hover {
  filter: drop-shadow(0 8px 16px rgba(136, 170, 102, 0.3)) brightness(1.02) !important;
}

/* 2D Detail Hover Card Popup */
.tft-rc-hover-card {
  position: absolute !important;
  z-index: 1000 !important;
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: 10px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translate(-50%, -85%) scale(0.92) !important;
  transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  width: 250px !important;
}

.tft-rc-hover-card--visible {
  opacity: 1 !important;
  transform: translate(-50%, -100%) scale(1) !important;
}

.tft-rc-hcard__img-wrap {
  width: 60px !important;
  height: 60px !important;
  background-color: var(--fur-bg-tertiary) !important;
  border-radius: var(--fur-radius-md) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--fur-border-light) !important;
}

.tft-rc-hcard__img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.tft-rc-hcard__info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-rc-hcard__title {
  font-family: var(--fur-font-primary) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--fur-text-primary) !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

.tft-rc-hcard__specs {
  font-size: 0.72rem !important;
  color: var(--fur-text-muted) !important;
}

.tft-rc-hcard__price {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
}

/* TFT Custom Shape & Item Resizer input overrides */
#tft-rc-item-customization-sec input[type="number"],
#tft-rc-item-customization-sec input[type="text"] {
  background-color: var(--fur-bg-paper, hsl(0, 0%, 100%));
  color: var(--fur-text, hsl(0, 0%, 11%));
  border: 1px solid var(--fur-border-light, hsl(0, 0%, 88%));
  transition: border-color var(--fur-transition-fast), box-shadow var(--fur-transition-fast);
}
#tft-rc-item-customization-sec input[type="number"]:focus,
#tft-rc-item-customization-sec input[type="text"]:focus {
  border-color: var(--fur-primary);
  outline: none;
  box-shadow: 0 0 0 2px rgba(88, 102, 74, 0.15);
}
body[data-theme="dark"] #tft-rc-item-customization-sec input[type="number"],
body[data-theme="dark"] #tft-rc-item-customization-sec input[type="text"] {
  background-color: hsl(200, 10%, 12%);
  color: hsl(0, 0%, 95%);
  border-color: hsl(200, 8%, 24%);
}


/* === CONSOLIDATED SHOP STYLES === */
/* ==========================================================================
   PREMIUM FURNITURE SHOP - SHOP & CATALOG EXTENSION
   WP-CONVERSION READY & RTL COMPLIANT (CSS LOGICAL PROPERTIES)
   VANILLA CSS3 2026 SPEC & ZERO FRAMEWORK POLICY
   ========================================================================== */

/* ------------------------------------------------------------------------
   1. SHOP LAYOUT & CONTAINMENT
   ------------------------------------------------------------------------ */
.tft-shop-catalog {
  padding-block: var(--fur-margin-block-lg);
  padding-inline: var(--fur-margin-block-md);
  max-width: 1400px;
  margin-inline: auto;
  width: 100%;
}

.tft-shop-catalog__header {
  margin-block-end: var(--fur-margin-block-md);
  text-align: flex-start;
}

.tft-shop-catalog__tag {
  display: inline-block;
  font-size: var(--fur-fs-small);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--fur-primary);
  font-weight: 700;
  margin-block-end: 8px;
}

.tft-shop-catalog__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  line-height: 1.15;
  margin-block-end: 8px;
  letter-spacing: -1px;
}

.tft-shop-catalog__subtitle {
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  max-width: 600px;
}

.tft-shop-catalog__layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 32px;
  align-items: start;
  margin-block-start: var(--fur-margin-block-md);
}

@media (max-width: 1024px) {
  .tft-shop-catalog__layout {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------------------------
   2. FILTER SIDEBAR
   ------------------------------------------------------------------------ */
.tft-shop-filters {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding-inline: 24px;
  padding-block: 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: sticky;
  inset-block-start: 100px;
  z-index: 5;
}

.tft-shop-filters__toggle-close {
  display: none;
  position: absolute;
  inset-inline-end: 16px;
  inset-block-start: 16px;
  color: var(--fur-text-muted);
}

.tft-shop-filters__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-shop-filters__title {
  font-size: var(--fur-fs-small);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--fur-text);
  font-weight: 700;
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 8px;
}

.tft-shop-filters__search-wrap {
  position: relative;
}

.tft-shop-filters__search {
  width: 100%;
  padding-block: 12px;
  padding-inline: 40px 16px;
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text);
  outline: none;
  transition: border-color var(--fur-transition-fast);
}

.tft-shop-filters__search:focus {
  border-color: var(--fur-primary);
}

.tft-shop-filters__search-icon {
  position: absolute;
  inset-inline-start: 14px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  color: var(--fur-text-muted);
  pointer-events: none;
}

.tft-shop-filters__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tft-shop-filters__checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  transition: color var(--fur-transition-fast);
}

.tft-shop-filters__checkbox-label input {
  accent-color: var(--fur-primary);
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.tft-shop-filters__checkbox-label:hover {
  color: var(--fur-text);
}

.tft-shop-filters__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tft-shop-filters__swatch {
  font-size: 0.75rem;
  font-weight: 600;
  padding-inline: 12px;
  padding-block: 6px;
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border);
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
}

.tft-shop-filters__swatch:hover {
  border-color: var(--fur-primary);
  color: var(--fur-text);
}

.tft-shop-filters__swatch--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.tft-shop-filters__price-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tft-shop-filters__price-wrap input[type="range"] {
  accent-color: var(--fur-primary);
  width: 100%;
  cursor: pointer;
}

.tft-shop-filters__price-labels {
  display: flex;
  justify-content: space-between;
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}

/* ------------------------------------------------------------------------
   3. CATALOG FEED & CONTROLS
   ------------------------------------------------------------------------ */
.tft-shop-catalog__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.tft-shop-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 16px;
}

.tft-shop-controls__filter-toggle {
  display: none;
  align-items: center;
  gap: 8px;
  font-size: var(--fur-fs-small);
  font-weight: 600;
  padding-inline: 16px;
  padding-block: 10px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
}

.tft-shop-controls__count {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}

.tft-shop-controls__modes {
  display: flex;
  gap: 8px;
}

.tft-shop-controls__mode-btn {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border);
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
}

.tft-shop-controls__mode-btn:hover {
  color: var(--fur-text);
  border-color: var(--fur-primary);
}

.tft-shop-controls__mode-btn--active {
  background-color: var(--fur-bg-secondary);
  border-color: var(--fur-primary);
  color: var(--fur-primary);
}

/* ------------------------------------------------------------------------
   4. CATALOG GRID & CARDS
   ------------------------------------------------------------------------ */
.tft-shop-grid {
  display: grid;
  gap: 24px;
  transition: all var(--fur-transition-normal);
}

.tft-shop-grid--4col {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.tft-shop-grid--2col {
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

.tft-shop-card {
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-xl);
  border: 1px solid var(--fur-border);
  padding: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
}

.tft-shop-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
  border-color: var(--fur-primary);
}

.tft-shop-card__image-wrap {
  width: 100%;
  aspect-ratio: 1;
  background-color: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-lg);
  position: relative;
  overflow: hidden;
  margin-block-end: 16px;
}

.tft-shop-card__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 24px;
  box-sizing: border-box;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-shop-card:hover .tft-shop-card__img {
  transform: scale(1.08);
}

.tft-shop-card__wishlist {
  position: absolute;
  inset-inline-end: 12px;
  inset-block-start: 12px;
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  color: var(--fur-text-muted);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  box-shadow: 0 4px 12px var(--fur-shadow);
  transition: all var(--fur-transition-fast);
}

.tft-shop-card__wishlist:hover {
  color: hsl(0, 75%, 55%);
}

.tft-shop-card__wishlist--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text) !important;
}

.tft-shop-card__overlay {
  position: absolute;
  inset: 0;
  background-color: hsla(0, 0%, 0%, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 1;
  transition: opacity var(--fur-transition-fast);
}

.tft-shop-card__image-wrap:hover .tft-shop-card__overlay {
  opacity: 1;
}

.tft-shop-card__quick-btn {
  padding-inline: 20px;
  padding-block: 10px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  color: var(--fur-text);
  font-weight: 600;
  font-size: var(--fur-fs-small);
  box-shadow: 0 8px 20px var(--fur-shadow-lg);
  transform: translateY(10px);
  transition: all var(--fur-transition-fast);
}

.tft-shop-card__image-wrap:hover .tft-shop-card__quick-btn {
  transform: translateY(0);
}

.tft-shop-card__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.tft-shop-card__category {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-block-end: 6px;
}

.tft-shop-card__title {
  font-family: var(--fur-font-sans);
  font-weight: 700;
  font-size: var(--fur-fs-body);
  color: var(--fur-text);
  margin-block-end: 8px;
}

.tft-shop-card__desc {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  line-height: 1.5;
  margin-block-end: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tft-shop-card__footer {
  margin-block-start: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tft-shop-card__price {
  font-weight: 700;
  font-size: var(--fur-fs-body);
  color: var(--fur-text);
}

.tft-shop-card__add-btn {
  padding-inline: 16px;
  padding-block: 8px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-size: 0.75rem;
  font-weight: 600;
  transition: background-color var(--fur-transition-fast);
}

.tft-shop-card__add-btn:hover {
  background-color: var(--fur-primary-hover);
}

/* ------------------------------------------------------------------------
   5. INTERACTIVE 3D PERSPECTIVE QUICK VIEW MODAL
   ------------------------------------------------------------------------ */
.tft-shop-modal-overlay {
  position: fixed;
  inset: 0;
  background-color: var(--fur-ref-overlay-dark);
  backdrop-filter: blur(8px);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--fur-transition-normal);
}

.tft-shop-modal-overlay[aria-hidden="false"] {
  opacity: 1;
  pointer-events: all;
}

.tft-shop-modal {
  width: 100%;
  max-width: 960px;
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-xl);
  overflow: hidden;
  box-shadow: 0 32px 80px var(--fur-shadow-lg);
  position: relative;
  animation: modalScaleUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalScaleUp {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.tft-shop-modal__close {
  position: absolute;
  inset-inline-end: 24px;
  inset-block-start: 24px;
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border);
  color: var(--fur-text);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  transition: all var(--fur-transition-fast);
}

.tft-shop-modal__close:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.tft-shop-modal__content {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  min-height: 520px;
}

@media (max-width: 768px) {
  .tft-shop-modal__content {
    grid-template-columns: 1fr;
  }
}

/* 3D Preview Column */
.tft-shop-modal__preview-pane {
  background-color: var(--fur-bg-secondary);
  border-inline-end: 1px solid var(--fur-border);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: grab;
}

.tft-shop-modal__preview-pane:active {
  cursor: grabbing;
}

.tft-shop-modal__hint {
  position: absolute;
  inset-block-start: 24px;
  inset-inline-start: 24px;
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  background-color: var(--fur-surface);
  padding-inline: 12px;
  padding-block: 6px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  z-index: 2;
  pointer-events: none;
}

/* 3D Room / Pedestal Projection System */
.tft-shop-modal__perspective-wrap {
  width: 100%;
  height: 100%;
  perspective: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.tft-shop-modal__canvas-3d {
  width: 400px;
  height: 400px;
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tft-shop-modal__room-floor {
  width: 300px;
  height: 300px;
  background-color: var(--fur-surface);
  border: 2px solid var(--fur-primary);
  box-shadow: 0 12px 32px var(--fur-shadow);
  transform-style: preserve-3d;
  transform: rotateX(var(--axo-rx, 55deg)) rotateZ(var(--axo-rz, -45deg));
  transition: transform 0.05s linear;
  position: relative;
}

.tft-shop-modal__room-grid {
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(to right, var(--fur-border) 1px, transparent 1px),
    linear-gradient(to bottom, var(--fur-border) 1px, transparent 1px);
  background-size: 30px 30px;
}

/* The metric footprint cube block */
.tft-shop-modal__cube-block {
  position: absolute;
  transform-style: preserve-3d;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  /* w, d, h mapped to footprint pixels: w * scale */
  width: var(--cube-w, 60px);
  height: var(--cube-d, 60px);
  transform: translate(-50%, -50%) translateZ(0);
}

.tft-shop-modal__cube-face {
  position: absolute;
  inset: 0;
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  box-sizing: border-box;
}

/* Use Logical values and standard depth translation rules */
.tft-shop-modal__cube-face--front {
  background-color: var(--cube-color, var(--fur-primary));
  filter: brightness(0.85);
  height: var(--cube-h, 60px);
  transform: rotateX(-90deg) translateZ(calc(var(--cube-d) / 2));
  transform-origin: bottom center;
}

.tft-shop-modal__cube-face--back {
  background-color: var(--cube-color, var(--fur-primary));
  filter: brightness(0.75);
  height: var(--cube-h, 60px);
  transform: rotateX(90deg) translateZ(calc(var(--cube-d) / 2 * -1));
  transform-origin: top center;
}

.tft-shop-modal__cube-face--left {
  background-color: var(--cube-color, var(--fur-primary));
  filter: brightness(0.8);
  width: var(--cube-h, 60px);
  transform: rotateY(-90deg) translateZ(calc(var(--cube-w) / 2 * -1));
  transform-origin: center left;
}

.tft-shop-modal__cube-face--right {
  background-color: var(--cube-color, var(--fur-primary));
  filter: brightness(0.9);
  width: var(--cube-h, 60px);
  transform: rotateY(90deg) translateZ(calc(var(--cube-w) / 2));
  transform-origin: center right;
}

.tft-shop-modal__cube-face--top {
  background-color: var(--cube-color, var(--fur-primary));
  transform: translateZ(var(--cube-h, 60px));
}

.tft-shop-modal__cube-face--bottom {
  background-color: var(--fur-ref-charcoal);
  filter: blur(10px);
  opacity: 0.4;
  transform: translateZ(-2px);
}

/* Specs column info */
.tft-shop-modal__info-pane {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tft-shop-modal__category {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-block-end: 8px;
}

.tft-shop-modal__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  color: var(--fur-text);
  margin-block-end: 12px;
}

.tft-shop-modal__price {
  font-size: var(--fur-fs-h3);
  font-weight: 700;
  color: var(--fur-primary);
  margin-block-end: 20px;
}

.tft-shop-modal__desc {
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin-block-end: 28px;
}

.tft-shop-modal__specs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-block-end: 32px;
  border-block: 1px solid var(--fur-border);
  padding-block: 16px;
}

.tft-shop-modal__spec-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tft-shop-modal__spec-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--fur-text-muted);
}

.tft-shop-modal__spec-val {
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
}

.tft-shop-modal__actions {
  display: flex;
  gap: 12px;
}

.tft-shop-modal__add-btn {
  flex-grow: 1;
  padding-block: 14px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-weight: 600;
  text-align: center;
  transition: background-color var(--fur-transition-fast);
}

.tft-shop-modal__add-btn:hover {
  background-color: var(--fur-primary-hover);
}

.tft-shop-modal__composer-btn {
  padding-inline: 20px;
  padding-block: 14px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  color: var(--fur-text);
  font-weight: 600;
  text-align: center;
  transition: all var(--fur-transition-fast);
}

.tft-shop-modal__composer-btn:hover {
  background-color: var(--fur-surface);
  border-color: var(--fur-primary);
}

/* ------------------------------------------------------------------------
   6. RESPONSIVE ADJUSTMENTS
   ------------------------------------------------------------------------ */
@media (max-width: 1024px) {
  .tft-shop-filters {
    position: fixed;
    inset-block: 0;
    inset-inline-start: -320px;
    width: 300px;
    height: 100vh;
    border-radius: 0;
    border: none;
    box-shadow: 12px 0 40px var(--fur-shadow-lg);
    transition: inset-inline-start var(--fur-transition-normal);
    z-index: 110;
    overflow-y: auto;
  }

  .tft-shop-filters[data-open="true"] {
    inset-inline-start: 0;
  }

  .tft-shop-filters__toggle-close {
    display: flex;
  }

  .tft-shop-controls__filter-toggle {
    display: flex;
  }
}

/* ==========================================================================
   2026 ARCHITECTURAL PRODUCT CARD OVERRIDES
   ========================================================================== */
.tft-shop-card {
  padding: 0 !important;
  background-color: var(--fur-bg) !important;
  border-radius: 4px !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: none !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;
}

.tft-shop-card:hover {
  transform: translateY(-6px) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05) !important;
}

.tft-shop-card__image-wrap {
  margin-block-end: 0 !important;
  border-radius: 0 !important;
  background-color: var(--fur-bg-secondary) !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.tft-shop-card__img {
  padding: 24px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-shop-card__body {
  padding: 20px !important;
}

.tft-shop-card__add-btn {
  border-radius: 2px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border: none !important;
  padding-inline: 20px !important;
  padding-block: 10px !important;
  letter-spacing: 0.5px !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   2026 SHOP & SWATCHES INTERACTIVE BUTTON POLISH
   ========================================================================== */
.tft-shop-filters__swatch {
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-shop-filters__swatch:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  background-color: var(--fur-surface) !important;
  color: var(--fur-text) !important;
  border-color: var(--fur-primary) !important;
}

.tft-shop-filters__swatch--active {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  transform: none !important;
  box-shadow: none !important;
}

.tft-shop-filters__swatch:active {
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   TFT SHOP PRODUCT CARD SEMANTIC ANCHOR STYLE OVERRIDES
   ========================================================================== */
.tft-shop-card__img-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.tft-shop-card__title-link {
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
  transition: color 0.2s ease !important;
}

.tft-shop-card__title-link:hover {
  color: var(--fur-primary, #6b5c48) !important;
}

/* ==========================================================================
   TFT SHOP EXPANDED FILTERS STYLES
   ========================================================================== */
.tft-shop-filters {
  border-radius: 4px !important;
}

.tft-shop-filters__select {
  width: 100%;
  padding: 10px 14px;
  background-color: var(--fur-bg-secondary, rgba(0, 0, 0, 0.02));
  border: 1px solid var(--fur-border, rgba(0, 0, 0, 0.08));
  border-radius: 4px;
  font-family: inherit;
  font-size: 0.9rem;
  color: var(--fur-text, #2c2c2c);
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.tft-shop-filters__select:focus {
  border-color: var(--fur-primary, #6b5c48);
}

.tft-shop-filters__clear-btn {
  width: 100%;
  padding-block: 12px;
  background-color: transparent;
  border: 1px solid var(--fur-primary, #6b5c48);
  color: var(--fur-primary, #6b5c48);
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.tft-shop-filters__clear-btn:hover {
  background-color: var(--fur-primary, #6b5c48);
  color: var(--fur-button-text, #ffffff);
}

/* Override to stack the price and button vertically inside product cards */
.tft-shop-card__footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
}

.tft-shop-card__price {
  text-align: start !important;
  font-size: clamp(1rem, 1.2vw, 1.25rem) !important;
}

.tft-shop-card__add-btn {
  width: 100% !important;
  text-align: center !important;
  padding-block: 10px !important;
}

/* ==========================================================================
   TFT JOURNAL STOCKISTS & MOBILE NAV DRAWER POLISH
   ========================================================================== */

/* 1. Stockists Contrast, Breathing Room & Decors */
body.tft-page-journal .tft-stockists {
  position: relative !important;
  padding-block-start: clamp(60px, 8vw, 120px) !important;
  padding-block-end: clamp(80px, 10vw, 140px) !important;
}

/* Semi-translucent soft gradient overlay to mask the background stucco texture and protect text legibility */
body.tft-page-journal .tft-stockists::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, 
    color-mix(in srgb, var(--fur-bg) 85%, transparent) 0%,
    color-mix(in srgb, var(--fur-bg) 45%, transparent) 40%,
    transparent 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.tft-page-journal .tft-stockists__container {
  position: relative !important;
  z-index: 2 !important;
}

/* 2. Premium Glassmorphic Showroom Cards & Hover Micro-animations */
body.tft-page-journal .tft-stockists__card {
  background-color: color-mix(in srgb, var(--fur-surface) 92%, transparent) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid color-mix(in srgb, var(--fur-border) 40%, transparent) !important;
  border-radius: var(--fur-radius-md) !important;
  padding: 32px clamp(20px, 4vw, 40px) !important;
  box-shadow: 0 10px 40px color-mix(in srgb, var(--fur-shadow) 6%, transparent) !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), 
              border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-page-journal .tft-stockists__card:hover {
  transform: translateY(-6px) !important;
  border-color: color-mix(in srgb, var(--fur-primary) 50%, transparent) !important;
  box-shadow: 0 20px 50px color-mix(in srgb, var(--fur-shadow) 15%, transparent) !important;
}

/* Showroom Image wrapper & scale zoom on hover */
body.tft-page-journal .tft-stockists__img-col {
  overflow: hidden !important;
  border-radius: var(--fur-radius-sm) !important;
  border: 1px solid color-mix(in srgb, var(--fur-border) 60%, transparent) !important;
  display: block !important;
  max-height: 140px !important;
}

body.tft-page-journal .tft-stockists__img-col img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-page-journal .tft-stockists__card:hover .tft-stockists__img-col img {
  transform: scale(1.06) !important;
}

/* Card Number aesthetic */
body.tft-page-journal .tft-stockists__card-num {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2.2rem, 3.5vw, 3.2rem) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--fur-text) !important;
  opacity: 0.12 !important;
  line-height: 1 !important;
}

/* 3. Luxury Editorial Typography & Details */
body.tft-page-journal .tft-stockists__volume {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: var(--fur-primary) !important;
  font-weight: 700 !important;
  display: inline-block !important;
  margin-bottom: 12px !important;
}

body.tft-page-journal .tft-stockists__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2.2rem, 5vw, 3.5rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  color: var(--fur-text) !important;
  margin-bottom: 16px !important;
}

body.tft-page-journal .tft-stockists__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.88rem, 1.2vw, 1.02rem) !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  max-width: 580px !important;
  margin-bottom: 40px !important;
}

/* Filter pills redesign */
body.tft-page-journal .tft-stockists__filter {
  background: transparent !important;
  border: 1px solid color-mix(in srgb, var(--fur-border) 70%, transparent) !important;
  color: var(--fur-text-muted) !important;
  padding: 8px 20px !important;
  border-radius: var(--fur-radius-full) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

body.tft-page-journal .tft-stockists__filter:hover {
  color: var(--fur-text) !important;
  border-color: var(--fur-text) !important;
  background-color: color-mix(in srgb, var(--fur-border) 20%, transparent) !important;
}

body.tft-page-journal .tft-stockists__filter--active,
body.tft-page-journal .tft-stockists__filter.active {
  color: var(--fur-button-text) !important;
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--fur-primary) 15%, transparent) !important;
}

/* Status Badges */
body.tft-page-journal .tft-stockists__status {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: var(--fur-radius-full) !important;
  display: inline-block !important;
  margin-bottom: 12px !important;
}

body.tft-page-journal .tft-stockists__status--instock {
  background-color: color-mix(in srgb, var(--fur-primary) 10%, transparent) !important;
  color: var(--fur-primary) !important;
  border: 1px solid color-mix(in srgb, var(--fur-primary) 30%, transparent) !important;
}

body.tft-page-journal .tft-stockists__status--lowstock {
  background-color: color-mix(in srgb, var(--fur-accent) 10%, transparent) !important;
  color: var(--fur-accent) !important;
  border: 1px solid color-mix(in srgb, var(--fur-accent) 30%, transparent) !important;
}

/* Book viewing button hover underline effect */
body.tft-page-journal .tft-stockists__btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--fur-font-sans) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em !important;
  color: var(--fur-primary) !important;
  text-decoration: none !important;
  padding-bottom: 2px !important;
  border-bottom: 1px solid transparent !important;
  transition: gap 0.2s ease !important;
}

body.tft-page-journal .tft-stockists__btn::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background-color: var(--fur-primary) !important;
  transition: width 0.3s ease !important;
}

body.tft-page-journal .tft-stockists__btn:hover::after {
  width: 100% !important;
}

body.tft-page-journal .tft-stockists__btn:hover {
  gap: 10px !important;
}

/* 4. Showroom Images Responsive Adjustments */
@media (max-width: 1200px) {
  body.tft-page-journal .tft-stockists__card {
    grid-template-columns: 50px 160px 150px 1fr 160px !important;
    gap: 16px !important;
  }
  
  body.tft-page-journal .fur-stock-hover-preview {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.tft-page-journal .tft-stockists__card {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 24px 20px !important;
  }
  
  body.tft-page-journal .tft-stockists__img-col {
    order: -1 !important;
    width: 100% !important;
    max-height: 180px !important;
    margin-block-end: 8px !important;
  }
  
  body.tft-page-journal .tft-stockists__img-col img {
    height: 180px !important;
  }
}

/* 5. Horizontal Scroll for Filter Pills on Mobile */
@media (max-width: 480px) {
  body.tft-page-journal .tft-stockists__filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 12px !important;
    margin-bottom: 24px !important;
    gap: 8px !important;
    border-bottom: 1px solid var(--fur-border-light) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  
  body.tft-page-journal .tft-stockists__filters::-webkit-scrollbar {
    display: none !important;
  }
  
  body.tft-page-journal .tft-stockists__filter {
    flex-shrink: 0 !important;
    padding: 6px 14px !important;
    font-size: 0.72rem !important;
  }
}

/* 6. Responsive Order Banner styling on Mobile */
@media (max-width: 480px) {
  body.tft-page-journal .tft-stockists__order-banner,
  body.tft-page-journal .tft-specimens__order-banner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 24px 20px !important;
  }
  
  body.tft-page-journal .tft-stockists__order-left,
  body.tft-page-journal .tft-specimens__order-left {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
}

/* 7. Mobile Overlay Menu Usability & Responsiveness (down to 320px) */
@media (max-width: 480px) {
  body.tft-page-journal .tft-jnl-menu {
    padding-inline: 20px !important;
    padding-block: 30px !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__container {
    height: auto !important;
    min-height: calc(100vh - 60px) !important;
    gap: 24px !important;
    justify-content: flex-start !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__nav {
    margin-block: 0 !important;
    width: 100% !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__list {
    gap: 12px !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__item {
    gap: 12px !important;
    padding-bottom: 8px !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__link {
    font-size: clamp(1.1rem, 5vw, 1.4rem) !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__logo {
    font-size: 1.8rem !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__subtitle {
    font-size: 0.7rem !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__close {
    inset-inline-end: 16px !important;
    inset-block-start: 16px !important;
  }
}

/* 8. Footer Stacking and CTA Button Stretch inside mobile overlay menu */
body.tft-page-journal .tft-jnl-menu__btn {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 320px !important;
}

@media (max-width: 768px) {
  body.tft-page-journal .tft-jnl-menu__action-col {
    align-items: stretch !important;
    width: 100% !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__btn {
    max-width: none !important;
  }
  
  body.tft-page-journal .tft-jnl-menu__home-links {
    text-align: center !important;
    margin-top: 8px !important;
    width: 100% !important;
  }
}

/* 9. Compact Editorial Header Styling on Very Small Viewports */
@media (max-width: 480px) {
  body.tft-page-journal .tft-jnl-header {
    padding-inline: 12px !important;
    padding-block: 8px !important;
  }
  
  body.tft-page-journal .tft-jnl-header__menu-text {
    display: none !important;
  }
}

/* 10. Desktop Layout Left Margin Padding to clear Sidebar overlay */
@media (min-width: 1025px) {
  body.tft-page-journal .tft-stockists--spaced-left {
    padding-inline-start: clamp(60px, 8vw, 150px) !important;
  }
}

/* 11. Desktop Layout Tweak to Prevent Sidebar Cutoff & Flex Collisions */
@media (min-width: 1025px) {
  body.tft-redesign-layout .fur-app-layout {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.tft-redesign-layout .tft-sidebar {
    position: relative !important;
    left: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    transform: none !important;
    flex-shrink: 0 !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  body.tft-redesign-layout .fur-main {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    width: calc(100vw - 100px) !important;
    max-width: calc(100vw - 100px) !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* ==========================================================================
   TFT UNIFIED HORIZONTAL HEADER & RESPONSIVE LAYOUT SYSTEM
   ========================================================================== */

/* 1. Global Reset to Scroll on Body instead of viewport-lock */
body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body.tft-redesign-layout .fur-app-layout,
.fur-app-layout {
  display: flex !important;
  flex-direction: column !important;
  width: 100vw !important;
  height: auto !important;
  min-height: 100vh !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Hide old sidebars globally */
body.tft-redesign-layout .tft-sidebar,
.fur-sidebar,
.tft-sidebar {
  display: none !important;
}

/* Hide other scrolling headers or mobile sidebar action strips */
.fur-sidebar__mobile-actions,
.fur-header,
.tft-top-bar {
  display: none !important;
}

/* Ensure the main feed spans full width and height auto */
body.tft-redesign-layout .fur-main,
.fur-main {
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
  overflow: visible !important;
}

/* 2. Horizontal Header Styles */
.tft-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* Top bar green strip */
.tft-header__topbar {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  padding-block: 8px;
  padding-inline: clamp(16px, 4vw, 40px);
}

.tft-header__topbar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin-inline: auto;
  width: 100%;
}

.tft-header__topbar-shipping {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: clamp(0.7rem, 0.9vw, 0.8rem);
  font-weight: 600;
  letter-spacing: 0.05em;
}

.tft-header__topbar-icon {
  flex-shrink: 0;
}

.tft-header__topbar-socials {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tft-header__topbar-social-link {
  color: var(--fur-ref-white);
  opacity: 0.8;
  transition: opacity var(--fur-transition-fast);
  display: flex;
  align-items: center;
}

.tft-header__topbar-social-link:hover {
  opacity: 1;
}

/* Main white header bar */
.tft-header__main {
  background-color: var(--fur-surface);
  border-bottom: 1px solid var(--fur-border);
  padding-block: 16px;
  padding-inline: clamp(16px, 4vw, 40px);
}

.tft-header__main-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin-inline: auto;
  width: 100%;
}

/* Brand Logo */
.tft-header__logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--fur-text);
  flex-shrink: 0;
}

.tft-header__logo-img {
  width: 42px;
  height: 32px;
  object-fit: contain;
}

.tft-header__logo-text {
  display: flex;
  flex-direction: column;
}

.tft-header__logo-title {
  font-family: var(--fur-font-sans);
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: 0.15em;
  line-height: 1.1;
  color: var(--fur-text);
}

.tft-header__logo-subtitle {
  font-family: var(--fur-font-sans);
  font-weight: 500;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  color: var(--fur-text-muted);
}

/* Center Desktop Navigation Links */
.tft-header__nav {
  margin-inline: auto;
}

.tft-header__nav-list {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.5vw, 32px);
  list-style: none;
  margin: 0;
  padding: 0;
}

.tft-header__nav-item {
  position: relative;
}

.tft-header__nav-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
  font-weight: 600;
  font-size: 0.9rem;
  padding-block: 8px;
  padding-inline: 4px;
  transition: color var(--fur-transition-fast);
}

.tft-header__nav-link:hover {
  color: var(--fur-primary);
}

.tft-header__nav-icon {
  color: var(--fur-text-muted);
  transition: color var(--fur-transition-fast);
}

.tft-header__nav-link:hover .tft-header__nav-icon {
  color: var(--fur-primary);
}

.tft-header__cart-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.tft-header__cart-badge {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-end: -10px;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: var(--fur-radius-full);
  min-width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 4px;
  border: 1px solid var(--fur-surface);
}

/* Right Actions Container */
.tft-header__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.tft-header__action-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--fur-text);
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--fur-transition-fast);
}

.tft-header__action-btn:hover {
  color: var(--fur-primary);
}

/* Hamburger toggle */
.tft-header__hamburger {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--fur-text);
  padding: 6px;
  display: none;
  align-items: center;
  justify-content: center;
  transition: color var(--fur-transition-fast);
}

.tft-header__hamburger:hover {
  color: var(--fur-primary);
}

/* 3. Responsive Adaptations */
@media (max-width: 1023px) {
  .tft-header__nav {
    display: none;
  }
  
  .tft-header__hamburger {
    display: flex;
  }
  
  .tft-header__topbar-socials {
    display: none;
  }
  
  .tft-header__topbar-container {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .tft-header__main {
    padding-inline: 16px;
    padding-block: 12px;
  }
  
  .tft-header__logo-text {
    display: none;
  }
}

/* 4. Journal Stockist Padding-End Fix */
@media (min-width: 1025px) {
  body.tft-page-journal #wp-block-fur-journal-stockists.tft-stockists--spaced-left {
    padding-inline-end: clamp(60px, 8vw, 150px) !important;
  }
}

/* 12. Global Mobile Drawer Reset & Desktop Visibility Override */
.tft-mobile-drawer {
  display: none !important;
}

@media (max-width: 1023px) {
  .tft-mobile-drawer {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    inset-block-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 280px !important;
    height: 100vh !important;
    background-color: var(--fur-sidebar-bg) !important;
    box-shadow: -10px 0 40px rgba(0,0,0,0.15) !important;
    padding: 32px 24px !important;
    transform: translateX(100%) !important;
    transition: transform var(--fur-transition-normal) !important;
    z-index: 2000 !important;
  }
  
  .tft-mobile-drawer--open {
    transform: translateX(0) !important;
  }
}

/* ==========================================================================
   TFT SCROLL RESTORATION & CLASSIC HEADER CORRECTIONS
   ========================================================================== */

/* Unscope viewport scroll lock from other pages. Only index-5 (Spatial Finder) should lock the scroll. */
html:not(.tft-fnd-html),
body:not(.tft-fnd-body) {
  overflow-y: auto !important;
  height: auto !important;
}

/* Force show the classic header on the classic layout body */
body.fur-layout-classic .fur-header--classic {
  display: flex !important;
}

/* Ensure the logo image scales nicely in classic header */
body.fur-layout-classic .fur-header__logo-img {
  display: block;
  max-width: 150px;
  height: auto;
}

/* Force display the user actions in classic layout header on all viewports */
body.fur-layout-classic .fur-header__user-nav {
  display: flex !important;
  align-items: center !important;
  gap: clamp(10px, 2vw, 20px) !important;
}

/* On small screens, hide profile and wishlist buttons to avoid clutter/overflow */
@media (max-width: 640px) {
  body.fur-layout-classic .fur-header__user-nav .fur-header__nav-btn[aria-label="Profile"],
  body.fur-layout-classic .fur-header__user-nav .fur-header__nav-btn[aria-label="Wishlist"] {
    display: none !important;
  }
}

/* ==========================================================================
   TFT CORE RESPONSIVE OVERWRITES & INTERACTION POLISH (2026)
   ========================================================================== */

/* 1. Page 2 (Classic Header) - Hide Duplicate Site Redesign Header */
body.fur-layout-classic .tft-header {
  display: none !important;
}

/* 2. Page 3 (Split Showcase) - Prevent Sticky Header Collision */
@media (min-width: 1024px) {
  body.fur-body:not(.tft-redesign-layout):not(.fur-layout-classic) .tft-header {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  body.fur-body:not(.tft-redesign-layout):not(.fur-layout-classic) .fur-header--split {
    display: none !important;
  }
}

/* 3. Page 4 (Editorial Journal) - Hide Duplicate Redesign Header globally */
body.tft-page-journal .tft-header {
  display: none !important;
}

/* 4. Page 5 (Spatial Finder) - Full Width Detail Drawer on Mobile Viewports */
@media (max-width: 480px) {
  .tft-fnd-drawer {
    width: 100% !important;
    inset-inline-start: 0 !important;
  }
  .tft-fnd-drawer__body {
    padding: 24px !important;
  }
}

/* 5. Page 6 (Room Composer) - Flex Layout Container to Avoid Viewport Clipping */
body.tft-rc-body {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  overflow: hidden !important;
}
body.tft-rc-body .tft-rc-app {
  flex-grow: 1 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* ==========================================================================
   TFT HORIZONTAL HEADER LAYOUT — CONTENT SIDE PADDING RESTORE
   Fixes edge-to-edge content bleed caused by the global padding-inline: 0
   override. Sections on the redesign layout (index.html) need side padding.
   Hero grid and press strip remain intentionally full-bleed.
   ========================================================================== */

body.tft-redesign-layout .fur-main {
  padding-inline: clamp(16px, 4vw, 80px) !important;
  padding-block: 0 !important;
}

/* Hero grid and press strip remain full-bleed */
body.tft-redesign-layout .tft-hero-grid,
body.tft-redesign-layout .tft-press-strip {
  margin-inline: calc(-1 * clamp(16px, 4vw, 80px)) !important;
  width: calc(100% + 2 * clamp(16px, 4vw, 80px)) !important;
}

/* ==========================================================================
   TFT HORIZONTAL HEADER — HIDE LEGACY SIDEBAR-ERA TOP BAR & CATEGORY PILLS
   The .tft-redesign-layout .tft-top-bar rule at line 16826 (specificity 0-2-0)
   overrides the lower-specificity hide rule at line 27588. These body-scoped
   rules win with specificity 0-2-1 and definitively hide them on all pages
   using the new horizontal navigation header.
   ========================================================================== */

body.tft-redesign-layout .tft-top-bar,
body.tft-redesign-layout .tft-categories-bar {
  display: none !important;
}

/* ==========================================================================
   TFT PLAYBOOK MODE D — JOURNAL (INDEX-4.HTML) PREMIUM VISUAL UPGRADES
   ========================================================================== */

/* Scoped under .tft-page-journal to avoid global interference */
body.tft-page-journal {
  --tft-glow-color: hsla(88, 38%, 21%, 0.15);
  --tft-shadow-premium: 0 16px 40px -10px rgba(0, 0, 0, 0.08);
  --tft-transition-ease: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* ------------------------------------------------------------------------
   SECTION 1: STILLNESS HERO COVER
   ------------------------------------------------------------------------ */
body.tft-page-journal .tft-stillness-hero-v2__title {
  text-shadow: 0 1px 1px var(--fur-ref-white);
  letter-spacing: -0.01em;
}

body.tft-page-journal .tft-stillness-hero-v2__swatch-item {
  transition: var(--tft-transition-ease);
  position: relative;
  background-color: transparent;
  border-radius: var(--fur-radius-md);
  padding: 8px 12px;
}

body.tft-page-journal .tft-stillness-hero-v2__swatch-item:hover {
  transform: translateY(-4px);
  background-color: var(--fur-ref-beige-50);
  box-shadow: var(--tft-shadow-premium);
}

body.tft-page-journal .tft-stillness-hero-v2__swatch-circle {
  transition: var(--tft-transition-ease);
  overflow: hidden;
}

body.tft-page-journal .tft-stillness-hero-v2__swatch-item:hover .tft-stillness-hero-v2__swatch-circle {
  box-shadow: 0 0 0 3px var(--fur-ref-green-900);
}

body.tft-page-journal .tft-stillness-hero-v2__swatch-circle img {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-stillness-hero-v2__swatch-item:hover .tft-stillness-hero-v2__swatch-circle img {
  transform: scale(1.1);
}

body.tft-page-journal .tft-stillness-hero-v2__btn-wrapper {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-stillness-hero-v2__btn-wrapper:hover .tft-stillness-hero-v2__btn-circle {
  transform: scale(1.1);
  background-color: var(--fur-ref-green-900);
  color: var(--fur-ref-white);
  box-shadow: 0 4px 12px var(--tft-glow-color);
}

body.tft-page-journal .tft-stillness-philosophy-v2__play-btn {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-stillness-philosophy-v2__play-link:hover .tft-stillness-philosophy-v2__play-btn {
  transform: scale(1.15) rotate(90deg);
  background-color: var(--fur-ref-green-900);
  color: var(--fur-ref-white);
  box-shadow: 0 4px 12px var(--tft-glow-color);
}

/* ------------------------------------------------------------------------
   SECTION 2: EXPLORE SPACES
   ------------------------------------------------------------------------ */
body.tft-page-journal .tft-space-card-v2 {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-space-card-v2__img-wrap {
  overflow: hidden;
  border-radius: var(--fur-radius-md);
}

body.tft-page-journal .tft-space-card-v2__img {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-space-card-v2:hover .tft-space-card-v2__img {
  transform: scale(1.05);
  filter: brightness(0.95);
}

body.tft-page-journal .tft-space-card-v2__content {
  transition: var(--tft-transition-ease);
  position: relative;
  z-index: 2;
}

body.tft-page-journal .tft-explore-spaces-v2__link {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-explore-spaces-v2__link:hover .tft-explore-spaces-v2__link-arrow {
  transform: translateX(6px);
  color: var(--fur-ref-green-900);
}

/* ------------------------------------------------------------------------
   SECTION 3: CURATOR'S ASYMMETRIC GRID
   ------------------------------------------------------------------------ */
body.tft-page-journal .fur-journal-curator__img-wrap {
  overflow: hidden;
  border-radius: var(--fur-radius-lg);
  box-shadow: var(--tft-shadow-premium);
}

body.tft-page-journal .fur-journal-curator__img {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .fur-journal-curator__left:hover .fur-journal-curator__img {
  transform: scale(1.02);
}

/* Pulsing Hotspots keyframes */
@keyframes tft-hotspot-pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(136, 150, 114, 0.6);
  }
  70% {
    transform: translate(-50%, -50%) scale(1.15);
    box-shadow: 0 0 0 12px rgba(136, 150, 114, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(136, 150, 114, 0);
  }
}

body.tft-page-journal .fur-trending__hotspot-trigger {
  position: relative;
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .fur-trending__hotspot-trigger::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--fur-ref-green-900);
  animation: tft-hotspot-pulse 2s infinite;
}

body.tft-page-journal .fur-trending__hotspot-trigger:hover {
  background-color: var(--fur-ref-green-900) !important;
  transform: scale(1.2);
}

/* Slow Curator Stamp Rotate */
@keyframes tft-stamp-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

body.tft-page-journal .tft-jnl-stamp-svg {
  animation: tft-stamp-rotate 24s linear infinite;
  transform-origin: center;
}

body.tft-page-journal .tft-jnl-curator__stamp:hover .tft-jnl-stamp-svg {
  color: var(--fur-ref-green-900);
}

body.tft-page-journal .fur-journal-curator__blockquote {
  border-inline-start: 2px solid var(--fur-ref-green-900);
  padding-inline-start: 20px;
  font-style: italic;
}

body.tft-page-journal .fur-journal-curator__prod-card {
  transition: var(--tft-transition-ease);
  border: 1px solid var(--fur-ref-beige-200);
  background-color: var(--fur-ref-beige-50);
  border-radius: var(--fur-radius-md);
  box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

body.tft-page-journal .fur-journal-curator__prod-card:hover {
  box-shadow: var(--tft-shadow-premium);
  border-color: var(--fur-ref-beige-300);
  transform: translateY(-2px);
}

body.tft-page-journal .fur-journal-curator__prod-btn:hover {
  border-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-green-900) !important;
  background-color: var(--fur-ref-white);
}

body.tft-page-journal .fur-product-card__add-btn:hover {
  background-color: var(--fur-ref-green-800) !important;
}

/* ------------------------------------------------------------------------
   SECTION 4: ACOUSTIC RESONANCE GRAPHICS
   ------------------------------------------------------------------------ */
body.tft-page-journal .tft-sound__tab {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-sound__tab:hover {
  background-color: var(--fur-ref-beige-200);
  color: var(--fur-ref-charcoal);
}

body.tft-page-journal .fur-journal-sound__tab--active {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  box-shadow: 0 4px 12px var(--tft-glow-color);
}

body.tft-page-journal .tft-sound__card--v2 {
  transition: var(--tft-transition-ease);
  box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

body.tft-page-journal .tft-sound__card--v2:hover {
  box-shadow: var(--tft-shadow-premium);
}

body.tft-page-journal .fur-journal-sound__bar-fill {
  transition: width 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

body.tft-page-journal .tft-sound__comp-btn {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-sound__comp-btn:hover {
  border-color: var(--fur-ref-green-900);
}

body.tft-page-journal .tft-sound__comp-btn--active {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-green-900) !important;
}

/* Wave pulses keyframe animation when untreated echo is playing */
@keyframes tft-wave-height {
  0%, 100% {
    transform: scaleY(0.2);
  }
  50% {
    transform: scaleY(1);
  }
}

body.tft-page-journal .tft-jnl-wave-bar {
  display: inline-block;
  width: 3px;
  height: 100%;
  background-color: var(--fur-ref-green-900);
  border-radius: var(--fur-radius-full);
  transition: var(--tft-transition-ease);
  transform-origin: bottom;
}

body.tft-page-journal .tft-sound__feedback.active .tft-jnl-wave-bar {
  animation: tft-wave-height 1s ease-in-out infinite;
}

body.tft-page-journal .tft-sound__feedback.active .tft-jnl-wave-bar:nth-child(2) { animation-delay: 0.15s; }
body.tft-page-journal .tft-sound__feedback.active .tft-jnl-wave-bar:nth-child(3) { animation-delay: 0.3s; }
body.tft-page-journal .tft-sound__feedback.active .tft-jnl-wave-bar:nth-child(4) { animation-delay: 0.45s; }
body.tft-page-journal .tft-sound__feedback.active .tft-jnl-wave-bar:nth-child(5) { animation-delay: 0.2s; }
body.tft-page-journal .tft-sound__feedback.active .tft-jnl-wave-bar:nth-child(6) { animation-delay: 0.35s; }
body.tft-page-journal .tft-sound__feedback.active .tft-jnl-wave-bar:nth-child(7) { animation-delay: 0.1s; }
body.tft-page-journal .tft-sound__feedback.active .tft-jnl-wave-bar:nth-child(8) { animation-delay: 0.4s; }

/* ------------------------------------------------------------------------
   SECTION 5: REGISTRY OF STOCKIST GALLERIES
   ------------------------------------------------------------------------ */
body.tft-page-journal .tft-stockists__filter {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-stockists__filter:hover {
  background-color: var(--fur-ref-beige-200);
}

body.tft-page-journal .tft-stockists__filter--active {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  box-shadow: 0 4px 12px var(--tft-glow-color);
}

body.tft-page-journal .tft-stockists__card {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-stockists__card:hover {
  background-color: var(--fur-ref-beige-50);
  box-shadow: var(--tft-shadow-premium);
  transform: translateX(4px);
}

body.tft-page-journal .tft-stockists__btn {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-stockists__btn:hover svg {
  transform: translateX(4px);
}

/* ------------------------------------------------------------------------
   SECTION 6: MATERIAL SPECIMEN SHOWCASE
   ------------------------------------------------------------------------ */
body.tft-page-journal .tft-specimens__filter {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-specimens__filter:hover {
  background-color: var(--fur-ref-beige-200);
}

body.tft-page-journal .tft-specimens__filter--active {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  box-shadow: 0 4px 12px var(--tft-glow-color);
}

body.tft-page-journal .tft-specimen-card {
  transition: var(--tft-transition-ease);
  box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

body.tft-page-journal .tft-specimen-card:hover {
  box-shadow: var(--tft-shadow-premium);
  transform: translateY(-4px);
}

body.tft-page-journal .tft-specimen-card__media {
  overflow: hidden;
}

body.tft-page-journal .tft-specimen-card__img {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-specimen-card:hover .tft-specimen-card__img {
  transform: scale(1.05);
}

body.tft-page-journal .tft-specimen-card__metric-dot {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-specimen-card:hover .tft-specimen-card__metric-dot {
  transform: scale(1.3);
  box-shadow: 0 0 0 2px var(--fur-ref-white), 0 0 0 4px currentColor;
}

/* ------------------------------------------------------------------------
   SECTION 7: LETTERPRESS DIALOGUE & NEWSLETTER
   ------------------------------------------------------------------------ */
body.tft-page-journal .tft-jnl-dropcap {
  font-family: var(--fur-font-serif);
  font-size: clamp(3rem, 6vw, 4.5rem);
  float: left;
  line-height: 0.8;
  margin-inline-end: 12px;
  color: var(--fur-ref-green-900);
  font-weight: 400;
}

body.tft-page-journal .tft-jnl-dialogue__speech {
  border-inline-start: 1px solid var(--fur-ref-beige-300);
  padding-inline-start: 16px;
  margin-block-end: 24px;
}

body.tft-page-journal .tft-jnl-subscribe-card {
  transition: var(--tft-transition-ease);
  box-shadow: 0 4px 30px rgba(0,0,0,0.02);
}

body.tft-page-journal .tft-jnl-subscribe-card:hover {
  box-shadow: var(--tft-shadow-premium);
}

body.tft-page-journal .tft-jnl-subscribe-form__input {
  transition: var(--tft-transition-ease);
  border: 1px solid var(--fur-ref-beige-300);
}

body.tft-page-journal .tft-jnl-subscribe-form__input:focus {
  border-color: var(--fur-ref-green-900);
  box-shadow: 0 0 0 3px var(--tft-glow-color);
  outline: none;
}

body.tft-page-journal .tft-jnl-subscribe-form__submit {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-jnl-subscribe-form__submit:hover {
  background-color: var(--fur-ref-green-900);
  color: var(--fur-ref-white);
  box-shadow: 0 4px 12px var(--tft-glow-color);
}

body.tft-page-journal .tft-jnl-subscribe-form__submit:hover svg {
  transform: translateX(4px);
}

/* ------------------------------------------------------------------------
   SECTION 8: TIMBER GROWTH SIMULATOR
   ------------------------------------------------------------------------ */
@keyframes tft-heartbeat {
  0%, 100% {
    transform: scale(1);
    opacity: 0.85;
  }
  50% {
    transform: scale(1.15);
    opacity: 1;
  }
}

body.tft-page-journal #tft-growth-trunk-svg circle[fill*="green-900"] {
  animation: tft-heartbeat 3s ease-in-out infinite;
  transform-origin: 120px 100px;
}

/* Range input visual customization */
body.tft-page-journal .tft-jnl-growth__range-input {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: var(--fur-radius-full);
  background: var(--fur-ref-beige-300);
  outline: none;
  transition: background 0.3s;
}

body.tft-page-journal .tft-jnl-growth__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: var(--fur-radius-full);
  background: var(--fur-ref-green-900);
  cursor: pointer;
  border: 2px solid var(--fur-ref-white);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-jnl-growth__range-input::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 10px var(--tft-glow-color);
}

body.tft-page-journal .tft-jnl-growth__range-input::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: var(--fur-radius-full);
  background: var(--fur-ref-green-900);
  cursor: pointer;
  border: 2px solid var(--fur-ref-white);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-jnl-growth__range-input::-moz-range-thumb:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 10px var(--tft-glow-color);
}

body.tft-page-journal .tft-jnl-growth__card {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-jnl-growth__card:hover {
  transform: translateY(-2px);
  box-shadow: var(--tft-shadow-premium);
}

/* ------------------------------------------------------------------------
   SECTION 9: TACTILE PALETTE MOODBOARD
   ------------------------------------------------------------------------ */
body.tft-page-journal .tft-jnl-palette__btn {
  transition: var(--tft-transition-ease);
  border: 1px solid transparent;
}

body.tft-page-journal .tft-jnl-palette__btn:hover {
  background-color: var(--fur-ref-beige-50);
  border-color: var(--fur-ref-beige-300);
}

body.tft-page-journal .tft-jnl-palette__btn--active {
  background-color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-green-900) !important;
  box-shadow: var(--tft-shadow-premium);
}

body.tft-page-journal .tft-jnl-palette__display-inner {
  overflow: hidden;
  border-radius: var(--fur-radius-lg);
  box-shadow: var(--tft-shadow-premium);
}

body.tft-page-journal .tft-jnl-palette__display-img {
  transition: var(--tft-transition-ease);
}

body.tft-page-journal .tft-jnl-palette__display-inner:hover .tft-jnl-palette__display-img {
  transform: scale(1.03);
}

/* ==========================================================================
   TFT GLOBAL HEADER RESTORATION (SHOW REDESIGNED HEADER & HIDE DUPLICATES)
   ========================================================================== */

/* Make the main premium redesigned header visible on all layout templates */
body.fur-body .tft-header,
body.tft-page-journal .tft-header,
body.tft-fnd-body .tft-header,
body.tft-rc-body .tft-header {
  display: flex !important;
}

/* Hide legacy, duplicate, or page-specific headers to ensure a clean single navigation */
body.tft-page-journal .tft-jnl-header,
body .fur-header--split,
body.tft-fnd-body .tft-fnd-header,
body.tft-rc-body .tft-rc-header,
body.fur-body:not(.tft-redesign-layout):not(.fur-layout-classic) .fur-header,
body.fur-body:not(.tft-redesign-layout):not(.fur-layout-classic) .tft-page-header,
body.fur-body:not(.tft-redesign-layout):not(.fur-layout-classic) .fur-header--classic {
  display: none !important;
}

/* ==========================================================================
   TFT OVERRIDES — HEADER & PAGE TITLES RESTORATION (2026)
   ========================================================================== */

/* Restore the horizontal navigation header on all inner pages on desktop */
@media (min-width: 1024px) {
  body.fur-body:not(.tft-redesign-layout):not(.fur-layout-classic) .tft-header {
    display: flex !important;
  }
}
body.tft-page-journal .tft-header {
  display: flex !important;
}

/* Restore the immersive page title headers/banners on all inner pages */
body.fur-body:not(.tft-redesign-layout):not(.fur-layout-classic) .tft-page-header {
  display: flex !important;
}

/* ==========================================================================
   TFT GLOBAL CONTAINER & WIDTH SYSTEM (2026 Spec)
   ========================================================================== */

/* 1. Reset main content padding to 0 to enable full-bleed background sections on target templates */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .fur-main,
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .fur-main {
  padding-inline: 0 !important;
  padding-block: 0 !important;
}

/* 2. Full-width Hero and Page Title Banners (spans 100% of viewport with wide padding and top margin breathing room) */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-hero-grid,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-hero,
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header,
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-hero {
  margin-inline: 0 !important;
  max-width: none !important;
  width: 100% !important;
  padding-inline: clamp(24px, 4vw, 48px) !important;
  margin-block-start: clamp(24px, 4vw, 48px) !important;
}

@media (max-width: 1024px) {
  body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-hero-grid,
  body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header,
  body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-hero,
  body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header,
  body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-hero {
    margin-block-start: 16px !important;
  }
}

/* Ensure the blog hero text container also aligns to the wider layout */
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-hero__content {
  padding-inline: clamp(24px, 6vw, 100px) !important;
}

/* 3. Boxed Content Sections (Limited to 1400px, centered on the page) */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-page-header),
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-page-header),
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-sustainability-stats,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-artisans-sec,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-material-explorer,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-slow-craft,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-faq-sec,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-layout,
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-filters,
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-page,
/* Homepage specific sections */
body.tft-redesign-layout .tft-new-arrivals,
body.tft-redesign-layout .fur-materials,
body.tft-redesign-layout .tft-philosophy,
body.tft-redesign-layout .fur-transform,
body.tft-redesign-layout .fur-rooms-grid,
body.tft-redesign-layout .fur-styles,
body.tft-redesign-layout .fur-products,
body.tft-redesign-layout .fur-configurator,
body.tft-redesign-layout .tft-planner-cta,
body.tft-redesign-layout .fur-lookbooks,
body.tft-redesign-layout .fur-cta-banner,
body.tft-redesign-layout .fur-services,
body.tft-redesign-layout .fur-journal,
body.tft-redesign-layout .tft-newsletter {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: clamp(16px, 4vw, 80px) !important;
}

/* Reset Philosophy Inner Row padding to match standard layout padding */
body.tft-redesign-layout .tft-philosophy__row {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* 4. Full-bleed Press Strip (centered, beautifully spaced client logo row) */
body.tft-redesign-layout .tft-press-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: clamp(24px, 4vw, 64px) !important;
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: clamp(24px, 6vw, 100px) !important;
  padding-block: clamp(32px, 4vw, 48px) !important;
  border-radius: 0 !important;
  border-inline: none !important;
  background-color: var(--fur-bg-secondary) !important;
}

body.tft-redesign-layout .tft-press-strip__logos {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(24px, 4vw, 64px) !important;
  max-width: none !important;
  flex-wrap: wrap !important;
  flex-grow: 0 !important;
}

/* 5. Aligned Spring Sale Card (exact width alignment, keeps image bleed) */
body.tft-redesign-layout .fur-sale-strip {
  max-width: calc(1400px - 2 * clamp(16px, 4vw, 80px)) !important;
  margin-inline: auto !important;
  width: calc(100% - 2 * clamp(16px, 4vw, 80px)) !important;
  padding-inline: 0 !important;
}

/* 6. Override the global padding variable to prevent legacy style definitions from overriding */
body.tft-redesign-layout .fur-main {
  --fur-section-pad: clamp(16px, 4vw, 80px) !important;
}

/* ==========================================================================
   CLASSIC LAYOUT (INDEX-2.HTML) IMMERSIVE FOREST VISUAL OVERHAUL (2026 Spec)
   ========================================================================== */

/* 1. Container Boxing, Spacing and Alignment to 1400px Grid */
/* UGC Section constraints - only box the grid and header since UGC lacks a wrapper container */
body.fur-layout-classic .fur-ugc__grid,
body.fur-layout-classic .fur-ugc .fur-section-header {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
  box-sizing: border-box !important;
}

/* Center-box the inline booking container card to match the grid content width */
body.fur-layout-classic .fur-inline-booking__container {
  max-width: 1240px !important;
  margin-inline: auto !important;
  width: calc(100% - 2 * clamp(20px, 5vw, 80px)) !important;
  box-sizing: border-box !important;
}

/* 2. Stack and Center Section Headers using center class */
body.fur-layout-classic .fur-section-header--center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 12px !important;
  margin-inline: auto !important;
  max-width: 800px !important;
  padding-inline: 0 !important;
}

body.fur-layout-classic .fur-section-header--center .fur-section-header__title {
  margin-block: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

body.fur-layout-classic .fur-section-header--center .fur-section-header__subtitle {
  margin-block: 0 !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 640px !important;
  margin-inline: auto !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
}

/* 3. Rotated Cursive Script Accent & High-Fidelity Botanical Badges */
body.fur-layout-classic .fur-trending__tag,
body.fur-layout-classic .fur-ugc__tag,
body.fur-layout-classic .fur-swatches__tag,
body.fur-layout-classic .fur-designers__tag,
body.fur-layout-classic .fur-stories__tag,
body.fur-layout-classic .fur-inline-booking__tag,
body.fur-layout-classic .fur-lookbook-slider__tag,
body.fur-layout-classic .fur-video-journal__tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  padding: 6px 16px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-green-100) !important;
  color: var(--fur-ref-green-900) !important;
  margin-block-end: 16px !important;
  border: 1px solid var(--fur-border) !important;
  transition: var(--fur-transition-fast) !important;
  flex-shrink: 0 !important;
}

body.fur-layout-classic[data-theme="dark"] .fur-trending__tag,
body.fur-layout-classic[data-theme="dark"] .fur-ugc__tag,
body.fur-layout-classic[data-theme="dark"] .fur-swatches__tag,
body.fur-layout-classic[data-theme="dark"] .fur-designers__tag,
body.fur-layout-classic[data-theme="dark"] .fur-stories__tag,
body.fur-layout-classic[data-theme="dark"] .fur-inline-booking__tag,
body.fur-layout-classic[data-theme="dark"] .fur-lookbook-slider__tag,
body.fur-layout-classic[data-theme="dark"] .fur-video-journal__tag {
  background-color: var(--fur-ref-forest-700) !important;
  color: var(--fur-ref-lime-400) !important;
  border: 1px solid var(--fur-ref-forest-600) !important;
}

body.fur-layout-classic .fur-trending__title em,
body.fur-layout-classic .fur-section-header__title em {
  font-family: var(--fur-font-script) !important;
  font-size: 1.15em !important; /* Scaled relative to parent header size to prevent line-wrapping */
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--fur-ref-green-900) !important;
  display: inline-block !important;
  transform: rotate(-3deg) translateY(1px) !important;
  margin-inline: 6px !important;
  white-space: nowrap !important; /* Prevent parent wrapping on cursive word */
}

body.fur-layout-classic[data-theme="dark"] .fur-trending__title em,
body.fur-layout-classic[data-theme="dark"] .fur-section-header__title em {
  color: var(--fur-ref-lime-400) !important;
}

/* 4. Alternating Backgrounds, Framed Grids & Specimen Spec Overrides */
body.fur-layout-classic .fur-ugc {
  background-color: var(--fur-bg-secondary) !important;
  border-block: 1px solid var(--fur-border) !important;
  padding-block: clamp(48px, 6vw, 96px) !important;
}

body.fur-layout-classic .fur-materials-showcase {
  background: linear-gradient(180deg, var(--fur-surface) 0%, var(--fur-bg-secondary) 100%) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  padding-block: clamp(48px, 6vw, 96px) !important;
}

body.fur-layout-classic .fur-swatches__panel {
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px var(--fur-shadow) !important;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
}

body.fur-layout-classic .fur-swatches__panel:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px var(--fur-shadow-lg) !important;
}

body.fur-layout-classic .fur-swatches__panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border: 1px dashed var(--fur-border) !important;
  border-radius: calc(var(--fur-radius-lg) - 12px) !important;
  pointer-events: none !important;
}

/* 5. UGC Card Restyling & Hover Refinement */
body.fur-layout-classic .fur-ugc__item {
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
  transition: all var(--fur-transition-normal) !important;
}

body.fur-layout-classic .fur-ugc__item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow-lg) !important;
}

body.fur-layout-classic .fur-ugc__img {
  transition: transform var(--fur-transition-slow) !important;
}

body.fur-layout-classic .fur-ugc__item:hover .fur-ugc__img {
  transform: scale(1.06) !important;
}

body.fur-layout-classic .fur-ugc__hover-info {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, hsla(88, 38%, 10%, 0.85) 0%, transparent 70%) !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 24px !important;
  opacity: 0 !important;
  transform: translateY(15px) !important;
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  pointer-events: none !important;
  border-block-start: none !important;
}

body.fur-layout-classic .fur-ugc__item:hover .fur-ugc__hover-info {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* 6. Trending List & Button Micro-Interactions */
body.fur-layout-classic .fur-trending__product-item {
  transition: all var(--fur-transition-normal) !important;
  border-inline-start: 3px solid transparent !important;
  padding-inline-start: 12px !important;
}

body.fur-layout-classic .fur-trending__product-item:hover {
  border-inline-start-color: var(--fur-ref-green-900) !important;
  background-color: var(--fur-bg-secondary) !important;
  transform: translateX(4px) !important;
}

/* Adjust classic main padding variable for index-2 sections padding compatibility */
body.fur-layout-classic .fur-main {
  --fur-section-pad: clamp(16px, 4vw, 80px) !important;
}

/* 7. Video Cover Image Layout & Absolute Positioning */
body.fur-layout-classic .fur-video-journal__cover-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  min-width: 100% !important;
  min-height: 100% !important;
  z-index: 1 !important;
}

@keyframes fur-play-pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

body.fur-layout-classic .fur-video-journal__play-pulse {
  position: absolute !important;
  inset: -8px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-green-100) !important;
  animation: fur-play-pulse 2s infinite !important;
  z-index: -1 !important;
}

body.fur-layout-classic[data-theme="dark"] .fur-video-journal__play-pulse {
  background-color: var(--fur-ref-forest-700) !important;
}

/* Premium Video CTA Button styling */
body.fur-layout-classic .fur-video-journal__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 28px !important;
  background-color: transparent !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-text) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: var(--fur-radius-full) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-normal) !important;
}

body.fur-layout-classic .fur-video-journal__cta:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: 0 4px 15px var(--fur-shadow) !important;
  transform: translateY(-2px) !important;
}

body.fur-layout-classic .fur-video-journal__cta svg {
  transition: transform var(--fur-transition-normal) !important;
}

body.fur-layout-classic .fur-video-journal__cta:hover svg {
  transform: translateX(4px) !important;
}

/* 8. Hero Trust Strip and Overlap Resolution */
body.fur-layout-classic .fur-hero--classic .fur-hero__content {
  padding-block-end: 90px !important;
}

/* 9. Premium Card Overhauls: Designers & Stories */
body.fur-layout-classic .fur-designers__card {
  transition: all var(--fur-transition-normal) !important;
  border: 1px solid var(--fur-border) !important;
}

body.fur-layout-classic .fur-designers__card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px var(--fur-shadow-lg) !important;
  border-color: var(--fur-ref-green-900) !important;
}

body.fur-layout-classic[data-theme="dark"] .fur-designers__card:hover {
  border-color: var(--fur-ref-lime-400) !important;
}

body.fur-layout-classic .fur-stories__card {
  transition: all var(--fur-transition-normal) !important;
}

body.fur-layout-classic .fur-stories__card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px var(--fur-shadow-lg) !important;
}

/* 10. Lookbook Hotspot & Tooltip Animations */
@keyframes fur-classic-hotspot-pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 hsla(88, 38%, 21%, 0.6);
  }
  70% {
    transform: scale(1.15);
    box-shadow: 0 0 0 10px hsla(88, 38%, 21%, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 hsla(88, 38%, 21%, 0);
  }
}

body.fur-layout-classic .fur-lookbook-slider__hotspot-trigger::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: var(--fur-radius-full) !important;
  box-shadow: 0 0 0 0 hsla(88, 38%, 21%, 0.6) !important;
  animation: fur-classic-hotspot-pulse 2s infinite !important;
}

body.fur-layout-classic[data-theme="dark"] .fur-lookbook-slider__hotspot-trigger::after {
  animation-name: fur-classic-hotspot-pulse-dark !important;
}

@keyframes fur-classic-hotspot-pulse-dark {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 hsla(88, 44%, 50%, 0.6);
  }
  70% {
    transform: scale(1.15);
    box-shadow: 0 0 0 10px hsla(88, 44%, 50%, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 hsla(88, 44%, 50%, 0);
  }
}

body.fur-layout-classic .fur-lookbook-slider__tooltip {
  opacity: 0 !important;
  transform: translate(-50%, 10px) !important;
  transition: opacity 0.35s cubic-bezier(0.25, 1, 0.5, 1), transform 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

body.fur-layout-classic .fur-lookbook-slider__hotspot:hover .fur-lookbook-slider__tooltip {
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
}

/* ==========================================================================
   TFT DROPDOWN NAVIGATION MENU & EDITORIAL WIDGET SIDEBAR OVERRIDES
   ========================================================================== */

/* 1. Header Navigation Dropdown */
.tft-header__nav-item--has-dropdown {
  position: relative;
}

.tft-header__dropdown-chevron {
  margin-inline-start: 4px;
  transition: transform var(--fur-transition-fast);
}

.tft-header__nav-item--has-dropdown:hover .tft-header__dropdown-chevron {
  transform: rotate(180deg);
}

.tft-header__dropdown {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  transform: translateX(-50%) translateY(12px);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  box-shadow: var(--fur-shadow-lg);
  padding: var(--fur-radius-md);
  display: flex;
  gap: 24px;
  min-inline-size: 420px;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--fur-transition-normal), transform var(--fur-transition-normal), visibility var(--fur-transition-normal);
  z-index: 1000;
}

.tft-header__nav-item--has-dropdown:hover .tft-header__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.tft-header__dropdown-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tft-header__dropdown-title {
  font-family: var(--fur-font-sans);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text-muted);
  letter-spacing: 0.1em;
  margin-block-end: 4px;
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 4px;
}

.tft-header__dropdown-link {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--fur-text);
  text-decoration: none;
  padding-block: 4px;
  transition: color var(--fur-transition-fast), padding-inline-start var(--fur-transition-fast);
}

.tft-header__dropdown-link:hover {
  color: var(--fur-primary-hover);
  padding-inline-start: 4px;
}

/* Dropdown styles end here */

/* ==========================================================================
   TFT BACK TO TOP BUTTON
   ========================================================================== */
.tft-back-to-top {
  position: fixed;
  inset-block-end: 24px;
  inset-inline-end: 24px;
  width: 44px;
  height: 44px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  color: var(--fur-text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity var(--fur-transition-fast), transform var(--fur-transition-fast), visibility var(--fur-transition-fast), background-color var(--fur-transition-fast), border-color var(--fur-transition-fast), color var(--fur-transition-fast);
  box-shadow: var(--fur-shadow-lg);
  backdrop-filter: blur(8px);
}

.tft-back-to-top:hover {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text);
  transform: translateY(-2px);
}

.tft-back-to-top--visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ==========================================================================
   TFT PREMIUM DROP-DOWN MEGA MENU SYSTEM
   ========================================================================== */
.tft-header__dropdown {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  transform: translateX(-50%) translateY(12px);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  padding: 32px;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--fur-transition-normal), transform var(--fur-transition-normal), visibility var(--fur-transition-normal);
  z-index: 1000;
  backdrop-filter: blur(10px);
  width: 900px;
  max-width: calc(100vw - 32px);
}

.tft-header__dropdown-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  width: 100%;
}

.tft-header__dropdown-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-header__dropdown-title {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text-muted);
  letter-spacing: 0.15em;
  padding-block-end: 8px;
  border-block-end: 1px solid var(--fur-border);
}

.tft-header__dropdown-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tft-header__dropdown-link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;
  transition: transform var(--fur-transition-fast);
}

.tft-header__dropdown-link:hover {
  transform: translateX(4px);
}

[dir="rtl"] .tft-header__dropdown-link:hover {
  transform: translateX(-4px);
}

.tft-header__dropdown-link-name {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--fur-text);
  transition: color var(--fur-transition-fast);
}

.tft-header__dropdown-link:hover .tft-header__dropdown-link-name {
  color: var(--fur-primary-hover);
}

.tft-header__dropdown-link-desc {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  font-style: italic;
  line-height: 1.3;
}

/* ==========================================================================
   TFT SHOP SECTION-BY-SECTION VISUAL OVERHAUL (PLAYBOOK MODE D - 2026)
   ========================================================================== */

/* 1. Page Header (wp-block-page-header) Visual Upgrades */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-block-size: clamp(320px, 40vh, 460px);
  margin-block-end: clamp(32px, 6vw, 64px) !important;
  border-radius: var(--fur-radius-xl) !important;
  box-shadow: 0 25px 60px color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 15%, transparent);
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__overlay {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--fur-primary) 45%, transparent) 0%,
    color-mix(in srgb, var(--fur-ref-charcoal) 75%, transparent) 100%
  ) !important;
  backdrop-filter: blur(2px);
  z-index: 2;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__container {
  max-width: 800px;
  padding-inline-start: clamp(24px, 6vw, 80px);
  padding-inline-end: 24px;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__tag {
  background-color: color-mix(in srgb, var(--fur-ref-white) 15%, transparent) !important;
  backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 30%, transparent) !important;
  color: var(--fur-ref-white) !important;
  border-radius: var(--fur-radius-sm);
  padding-inline: 16px !important;
  padding-block: 6px !important;
  letter-spacing: 0.25em !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__title {
  font-family: var(--fur-font-serif);
  font-weight: 300;
  font-size: clamp(2.4rem, 6vw, 4.2rem) !important;
  letter-spacing: -0.02em;
  margin-block-end: 16px;
  line-height: 1.1;
  text-shadow: 0 4px 15px color-mix(in srgb, var(--fur-ref-charcoal) 20%, transparent) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__desc {
  font-family: var(--fur-font-sans);
  font-weight: 300;
  font-size: clamp(0.95rem, 1.6vw, 1.15rem) !important;
  color: color-mix(in srgb, var(--fur-ref-white) 90%, transparent) !important;
  line-height: 1.7;
}


/* 3. Catalog Filter Panel (tft-shop-filters) Overrides */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters {
  border-radius: var(--fur-radius-md) !important; /* Fix: too much radius */
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__title {
  font-family: var(--fur-font-sans) !important;
  font-weight: 700;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em;
  border-block-end: 1px solid var(--fur-border) !important;
  padding-block-end: 8px;
  margin-block-end: 16px !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__search-wrap {
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important; /* Fix: too much radius */
  background-color: var(--fur-bg-secondary) !important;
  padding: 0 !important; /* Fix: double search inputs container space */
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  transition: border-color var(--fur-transition-fast), box-shadow var(--fur-transition-fast);
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__search-wrap:focus-within {
  border-color: var(--fur-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fur-primary) 12%, transparent) !important;
  background-color: var(--fur-surface) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__search {
  border: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding-inline: 40px 16px !important; /* breathing room for icon */
  padding-block: 12px !important;
  width: 100% !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  color: var(--fur-text) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__select {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important; /* Fix: too much radius */
  background-color: var(--fur-bg-secondary) !important;
  padding-inline: 16px !important;
  padding-block: 10px !important;
  transition: all var(--fur-transition-fast);
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__select:focus {
  border-color: var(--fur-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fur-primary) 12%, transparent) !important;
  background-color: var(--fur-surface) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__checkbox-label {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  color: var(--fur-text-muted) !important;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  gap: 10px;
  transition: color var(--fur-transition-fast);
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__checkbox-label input[type="checkbox"] {
  accent-color: var(--fur-primary);
  width: 16px;
  height: 16px;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__checkbox-label:hover {
  color: var(--fur-text) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__swatch {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  border: 1px solid var(--fur-border) !important;
  background-color: var(--fur-bg-secondary) !important;
  color: var(--fur-text-muted) !important;
  border-radius: var(--fur-radius-sm) !important;
  padding: 6px 12px !important;
  transition: all var(--fur-transition-fast) !important;
  cursor: pointer;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__swatch:hover {
  border-color: var(--fur-primary) !important;
  color: var(--fur-text) !important;
  transform: translateY(-1px);
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__swatch--active {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--fur-primary) 15%, transparent) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__price-wrap input[type="range"] {
  accent-color: var(--fur-primary);
  height: 4px;
  background: var(--fur-border);
  border-radius: var(--fur-radius-full);
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__price-labels {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.8rem !important;
  color: var(--fur-text-muted) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__price-labels strong {
  color: var(--fur-text) !important;
  font-weight: 700;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__clear-btn {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--fur-text) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important; /* Fix: too much radius */
  padding-block: 10px !important;
  transition: all var(--fur-transition-fast) !important;
  background-color: var(--fur-surface) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters__clear-btn:hover {
  background-color: var(--fur-bg-secondary) !important;
  border-color: var(--fur-text) !important;
}

/* 4. Dynamic Catalog Shop Cards Overrides */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card {
  background-color: transparent !important; /* Fix: double padding frame */
  border: none !important; /* Fix: double padding frame */
  padding: 0 !important; /* Fix: double padding frame */
  box-shadow: none !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  transition: none !important;
  overflow: visible !important; /* Fix: top border cutting off on hover translateY */
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__image-wrap {
  width: 100% !important;
  aspect-ratio: 1 !important;
  border-radius: var(--fur-radius-md) !important; /* Fix: too much radius */
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  position: relative !important;
  overflow: hidden !important;
  margin-block-end: 16px !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              border-color 0.3s ease !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card:hover .tft-shop-card__image-wrap {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--fur-ref-charcoal) 6%, transparent) !important;
  border-color: var(--fur-primary) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__img {
  padding: 16px !important;
  object-fit: contain !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card:hover .tft-shop-card__img {
  transform: scale(1.04) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__wishlist {
  background-color: color-mix(in srgb, var(--fur-ref-white) 80%, transparent) !important;
  backdrop-filter: blur(8px);
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 40%, transparent) !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--fur-ref-charcoal) 5%, transparent) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__wishlist:hover {
  background-color: var(--fur-surface) !important;
  transform: scale(1.08) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__wishlist--active {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__overlay {
  background-color: color-mix(in srgb, var(--fur-ref-charcoal) 4%, transparent) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__quick-btn {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: var(--fur-radius-sm) !important; /* Fix: too much radius */
  background-color: var(--fur-surface) !important;
  color: var(--fur-text) !important;
  box-shadow: 0 10px 25px color-mix(in srgb, var(--fur-ref-charcoal) 10%, transparent) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__quick-btn:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__category {
  font-family: var(--fur-font-sans) !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--fur-text-muted) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__title {
  font-family: var(--fur-font-sans) !important;
  font-weight: 700;
  font-size: 1.05rem !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__title-link {
  transition: color var(--fur-transition-fast);
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__title-link:hover {
  color: var(--fur-primary-hover) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__desc {
  line-height: 1.6 !important;
  font-family: var(--fur-font-sans);
  color: var(--fur-text-muted) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__price {
  font-family: var(--fur-font-sans);
  font-weight: 800 !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-card__add-btn {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: var(--fur-radius-sm) !important; /* Fix: too much radius */
  padding: 8px 16px !important;
}

/* 5. Materials Swatch Showcase Section Overrides */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-sec {
  background-color: transparent !important; /* Fix: double padding frame (make container borderless and transparent) */
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important; /* Fix: double padding frame (remove outer box padding) */
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: calc(100% - 2 * clamp(16px, 4vw, 80px)) !important; /* Align exactly with catalog grid width */
  margin-block-end: clamp(32px, 6vw, 64px) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-sec__title {
  font-family: var(--fur-font-serif) !important;
  font-weight: 300;
  font-size: clamp(1.8rem, 4vw, 2.6rem) !important;
  margin-block-end: clamp(24px, 4vw, 40px) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-card {
  background-color: var(--fur-surface) !important;
  border-radius: var(--fur-radius-md) !important; /* Fix: too much radius */
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--fur-ref-charcoal) 1.5%, transparent) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 45px color-mix(in srgb, var(--fur-ref-charcoal) 4%, transparent) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-card__img-wrap {
  border-top-left-radius: var(--fur-radius-md) !important;
  border-top-right-radius: var(--fur-radius-md) !important;
  overflow: hidden;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-card__img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-card:hover .tft-materials-card__img {
  transform: scale(1.05) !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-card__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
  letter-spacing: 0.08em !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-card__title {
  font-family: var(--fur-font-serif) !important;
  font-weight: 400;
  font-size: 1.2rem !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-materials-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  line-height: 1.65 !important;
}

/* 6. Navigation Dropdown Layout Modifiers */
.tft-header__dropdown--1-col {
  width: 320px !important;
}
.tft-header__dropdown--1-col .tft-header__dropdown-container {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

.tft-header__dropdown--2-col {
  width: 620px !important;
}
.tft-header__dropdown--2-col .tft-header__dropdown-container {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}

/* ==========================================================================
   TFT ROOM COMPOSER REDESIGN STYLES (MOCKUP ACCORDANCE)
   ========================================================================== */

/* 1. Header Custom SVG Text Logo styling */
.tft-logo-custom {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--fur-primary);
  text-decoration: none;
}

.tft-logo-custom__icon {
  flex-shrink: 0;
  stroke: var(--fur-primary);
}

.tft-logo-custom__text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.tft-logo-custom__brand {
  font-family: var(--fur-font-serif);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.tft-logo-custom__sub {
  font-family: var(--fur-font-sans);
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  color: var(--fur-text-muted);
}

/* 2. Header Menu active underline style */
.tft-header__nav-item--active .tft-header__nav-link {
  position: relative;
  color: var(--fur-primary) !important;
}

.tft-header__nav-item--active .tft-header__nav-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  inset-inline-start: 12px;
  inset-inline-end: 12px;
  height: 2px;
  background-color: var(--fur-primary);
  border-radius: var(--fur-radius-full);
}

/* 3. Preset grid layout and styles */
.tft-rc-presets {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}

.tft-rc-preset-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 16px 12px !important;
  background: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  text-align: center !important;
}

.tft-rc-preset-btn span {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
}

.tft-rc-preset-btn:hover {
  border-color: var(--fur-primary) !important;
  background: var(--fur-bg-secondary) !important;
}

.tft-rc-preset-btn--active {
  border-color: var(--fur-primary) !important;
  background: var(--fur-bg-secondary) !important;
  outline: 1.5px solid var(--fur-primary) !important;
}

.tft-rc-preset-btn__icon {
  stroke: var(--fur-text-muted);
  transition: stroke var(--fur-transition-fast);
}

.tft-rc-preset-btn:hover .tft-rc-preset-btn__icon,
.tft-rc-preset-btn--active .tft-rc-preset-btn__icon {
  stroke: var(--fur-primary) !important;
}

/* 4. Width & Length decrement/increment button row styling */
.tft-rc-field-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-block-end: 15px;
}

.tft-rc-dim-wrap {
  display: flex !important;
  align-items: center !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  background: var(--fur-surface) !important;
  overflow: hidden !important;
  height: 38px !important;
}

.tft-rc-dim-wrap--sm {
  height: 32px !important;
}

.tft-rc-dim-btn {
  flex-shrink: 0 !important;
  width: 32px !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  color: var(--fur-text) !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background var(--fur-transition-fast) !important;
}

.tft-rc-dim-btn--sm {
  width: 24px !important;
  font-size: 0.9rem !important;
}

.tft-rc-dim-btn:hover {
  background: var(--fur-bg-secondary) !important;
}

.tft-rc-dim-wrap .tft-rc-input {
  flex: 1 !important;
  border: none !important;
  padding: 0 !important;
  text-align: center !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  width: 100% !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* 5. Structure Tabs Styling */
.tft-rc-structure-tabs {
  display: flex !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  background: var(--fur-surface) !important;
  padding: 3px !important;
  gap: 2px !important;
}

.tft-rc-structure-tab {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  padding: 8px 4px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  text-align: center !important;
}

.tft-rc-structure-tab:hover {
  color: var(--fur-text) !important;
}

.tft-rc-structure-tab--active {
  background: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}

/* 6. Wall Openings Grid & Buttons */
.tft-rc-openings-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin-block-start: 10px !important;
}

.tft-rc-opening-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 12px 6px !important;
  background: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-rc-opening-btn svg {
  stroke: var(--fur-text-muted) !important;
  transition: stroke var(--fur-transition-fast) !important;
}

.tft-rc-opening-btn span {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
}

.tft-rc-opening-btn:hover {
  border-color: var(--fur-primary) !important;
}

.tft-rc-opening-btn--active {
  border-color: var(--fur-primary) !important;
  background: var(--fur-bg-secondary) !important;
  box-shadow: inset 0 0 0 1px var(--fur-primary) !important;
}

.tft-rc-opening-btn--active svg {
  stroke: var(--fur-primary) !important;
}

.tft-rc-panel__instruction {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  color: var(--fur-text-muted) !important;
  margin-block-start: 4px !important;
  margin-block-end: 8px !important;
}

/* 7. Selected Opening Form Fields */
.tft-rc-section-header-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-block-end: 12px !important;
}

.tft-rc-panel__subheading {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

.tft-rc-icon-btn {
  border: none !important;
  background: transparent !important;
  color: var(--fur-text-muted) !important;
  cursor: pointer !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--fur-radius-sm) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-rc-icon-btn:hover {
  background: var(--fur-bg-secondary) !important;
  color: var(--fur-primary) !important;
}

.tft-rc-opening-fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.tft-rc-field-inline {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.tft-rc-label-inline {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: var(--fur-text-muted) !important;
}

.tft-rc-select-wrap {
  position: relative !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  background: var(--fur-surface) !important;
  width: 140px !important;
  overflow: hidden !important;
}

.tft-rc-select {
  width: 100% !important;
  border: none !important;
  background: transparent !important;
  padding: 6px 10px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  outline: none !important;
  appearance: none !important;
}

.tft-rc-select-wrap::after {
  content: 'â–¾' !important;
  position: absolute !important;
  inset-inline-end: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 0.6rem !important;
  color: var(--fur-text-muted) !important;
  pointer-events: none !important;
}

.tft-rc-seg--sm {
  display: flex !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  background: var(--fur-surface) !important;
  padding: 2px !important;
  width: 140px !important;
}

.tft-rc-seg__btn--sm {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  padding: 4px 2px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-rc-seg__btn--sm:hover {
  color: var(--fur-text) !important;
}

.tft-rc-seg__btn--sm.tft-rc-seg__btn--active {
  background: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}

.tft-rc-btn--add-opening {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-block-start: 6px !important;
  height: 38px !important;
  font-size: 0.78rem !important;
}

.tft-rc-btn__plus {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}

/* 8. Middle Canvas toolbar overrides */
.tft-rc-toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-inline: 16px !important;
  background: var(--fur-surface) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  height: 52px !important;
}

.tft-rc-toolbar__left,
.tft-rc-toolbar__right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.tft-rc-toolbar__center {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.tft-rc-view-btn-group {
  display: flex !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  background: var(--fur-surface) !important;
  padding: 2px !important;
  overflow: hidden !important;
}

.tft-rc-view-btn {
  border: none !important;
  background: transparent !important;
  padding: 6px 12px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: var(--fur-text-muted) !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-rc-view-btn--active {
  background: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}

.tft-rc-select-view-wrap {
  position: relative !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  background: var(--fur-surface) !important;
  overflow: hidden !important;
}

.tft-rc-select-view {
  border: none !important;
  background: transparent !important;
  padding: 5px 24px 5px 12px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  outline: none !important;
  appearance: none !important;
}

.tft-rc-select-view-wrap::after {
  content: 'â–¾' !important;
  position: absolute !important;
  inset-inline-end: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 0.6rem !important;
  color: var(--fur-text-muted) !important;
  pointer-events: none !important;
}

/* 9. Canvas Bottom Stats Bar Layout */
.tft-rc-stats {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-inline: 16px !important;
  background: var(--fur-surface) !important;
  border-block-start: 1px solid var(--fur-border) !important;
  height: 42px !important;
  font-size: 0.7rem !important;
}

.tft-rc-stats__left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-weight: 500 !important;
  color: var(--fur-text-muted) !important;
}

.tft-rc-stats-clear-btn {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  background: transparent !important;
  color: var(--fur-text-muted) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  border-radius: var(--fur-radius-sm) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-rc-stats-clear-btn:hover {
  background: var(--fur-bg-secondary) !important;
  color: var(--fur-primary) !important;
}

/* 10. Selected items layout lists updates (with image thumbnail) */
.tft-rc-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px !important;
  background: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  margin-block-end: 10px !important;
  transition: border-color var(--fur-transition-fast) !important;
}

.tft-rc-cart-item:hover {
  border-color: var(--fur-primary) !important;
}

.tft-rc-cart-item__img-wrap {
  flex-shrink: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-rc-cart-item__img-wrap img {
  display: block !important;
}

.tft-rc-cart-item__info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-rc-cart-item__name {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
}

.tft-rc-cart-item__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.68rem !important;
  color: var(--fur-text-muted) !important;
}

.tft-rc-cart-item__right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
}

.tft-rc-cart-item__price {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
}

.tft-rc-cart-item__delete {
  border: none !important;
  background: transparent !important;
  color: var(--fur-text-muted) !important;
  cursor: pointer !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-rc-cart-item__delete:hover {
  background: var(--fur-bg-secondary) !important;
  color: var(--fur-primary) !important;
}

/* 11. Wishlist Heart Button overlay on Catalog card */
.tft-rc-prod-card {
  position: relative !important;
}

.tft-rc-prod-card__wishlist {
  position: absolute !important;
  top: 10px !important;
  inset-inline-end: 10px !important;
  border: none !important;
  background: var(--fur-surface) !important;
  color: var(--fur-text-muted) !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
  cursor: pointer !important;
  z-index: 2 !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-rc-prod-card__wishlist:hover {
  color: #EF4444 !important;
  transform: scale(1.05) !important;
}

/* 12. Bottom Features Grid System styles */
.tft-rc-features {
  background: var(--fur-surface) !important;
  border-block-start: 1px solid var(--fur-border) !important;
  padding-block: clamp(30px, 5vw, 60px) !important;
  width: 100% !important;
}

.tft-rc-features__container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding-inline: 24px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px !important;
}

.tft-rc-feature-col {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.tft-rc-feature-col__icon-wrap {
  flex-shrink: 0 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-sm) !important;
  background: var(--fur-bg-secondary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-primary) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-rc-feature-col__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.tft-rc-feature-col__title {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

.tft-rc-feature-col__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  .tft-rc-features__container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 600px) {
  .tft-rc-features__container {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* ── COMPACT FEATURES BAR OVERRIDES ────────────────────────────────────────
   Make the bottom strip a tight single-row pill bar instead of a tall card
   ─────────────────────────────────────────────────────────────────────────*/
.tft-rc-features {
  padding-block: 10px !important;
}
.tft-rc-features__container {
  gap: 0 !important;
  padding-inline: 16px !important;
  align-items: center !important;
  max-width: 100% !important;
}
.tft-rc-feature-col {
  align-items: center !important;
  gap: 10px !important;
  padding-inline: 16px !important;
  border-inline-end: 1px solid var(--fur-border) !important;
}
.tft-rc-feature-col:last-child {
  border-inline-end: none !important;
}
.tft-rc-feature-col__icon-wrap {
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
}
.tft-rc-feature-col__icon-wrap svg {
  width: 14px !important;
  height: 14px !important;
}
.tft-rc-feature-col__content {
  gap: 1px !important;
}
.tft-rc-feature-col__title {
  font-size: 0.64rem !important;
  letter-spacing: 0.07em !important;
}
.tft-rc-feature-col__desc {
  font-size: 0.67rem !important;
  line-height: 1.25 !important;
}
/* Compact canvas stats bar */
.tft-rc-stats {
  height: 32px !important;
  padding-inline: 12px !important;
  font-size: 0.64rem !important;
}
.tft-rc-stats__left {
  gap: 6px !important;
}
@media (max-width: 1024px) {
  .tft-rc-features__container {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
  }
}
@media (max-width: 600px) {
  .tft-rc-features__container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .tft-rc-feature-col__desc {
    display: none !important;
  }
}

/* ── CART BADGE HIGH-VISIBILITY OVERRIDE ──────────────────────────────────── */
@keyframes tft-badge-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.25); }
  70%  { transform: scale(0.92); }
  100% { transform: scale(1); }
}

.tft-rc-cart__badge {
  background: hsl(4, 86%, 58%) !important;   /* vivid coral-red */
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  min-width: 22px !important;
  height: 22px !important;
  padding-inline: 5px !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 6px hsla(4, 86%, 40%, 0.55) !important;
  border: 2px solid #fff !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: tft-badge-pop 0.35s ease forwards !important;
  position: relative !important;
  top: -1px !important;
}

.tft-rc-cart__head {
  gap: 8px !important;
  align-items: center !important;
}

/* ── CART DRAWER: ABOVE HEADER FIX ────────────────────────────────────────── */
/* Header is z-index:1000 — overlay must be higher                            */
.fur-cart-overlay {
  z-index: 1200 !important;
}

/* ── CART BADGE: STOP ICON OVERLAP ────────────────────────────────────────── */
/* The badge is absolute inside .tft-header__cart-icon-wrapper.               */
/* Shift it so it sits at top-right CORNER of the icon, not ON top of it.    */
.tft-header__cart-icon-wrapper {
  position: relative !important;
}

.tft-header__cart-badge,
.fur-header__cart-count,
.fur-sidebar__cart-count {
  position: absolute !important;
  inset-block-start: -7px !important;
  inset-inline-end: -9px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding-inline: 4px !important;
  font-size: 0.6rem !important;
  font-weight: 800 !important;
  background: hsl(4, 86%, 58%) !important;
  color: #fff !important;
  border: 2px solid var(--fur-surface) !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 4px hsla(4, 86%, 40%, 0.5) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRODUCT SINGLE PAGE — PREMIUM REDESIGN (tft-ps-*)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Section wrapper */
.tft-ps-section {
  padding-block-end: clamp(60px, 8vw, 120px);
}

/* ── HERO ─────────────────────────────────────────────────────────────────── */
.tft-ps-hero {
  position: relative;
  block-size: clamp(320px, 55vh, 600px);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  margin-block-end: clamp(32px, 5vw, 64px);
}
.tft-ps-hero__bg-wrap {
  position: absolute;
  inset: 0;
}
.tft-ps-hero__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  transform: scale(1.04);
  transition: transform 8s ease;
}
.tft-ps-hero:hover .tft-ps-hero__bg-img { transform: scale(1.0); }
.tft-ps-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, hsla(0,0%,0%,.75) 0%, hsla(0,0%,0%,.2) 55%, transparent 100%);
}
.tft-ps-hero__inner {
  position: relative;
  z-index: 2;
  padding-inline: clamp(20px, 5vw, 72px);
  padding-block-end: clamp(28px, 4vw, 52px);
  color: #fff;
  max-width: 800px;
}
.tft-ps-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-block-end: 14px;
  font-size: 0.75rem;
  font-family: var(--fur-font-sans);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: .85;
}
.tft-ps-breadcrumb__link { color: #fff; text-decoration: none; }
.tft-ps-breadcrumb__link:hover { text-decoration: underline; }
.tft-ps-breadcrumb__sep { opacity: .55; }
.tft-ps-breadcrumb__current { opacity: .7; }
.tft-ps-hero__tag {
  display: inline-block;
  background: hsla(255,255%,255%,.15);
  border: 1px solid hsla(255,255%,255%,.3);
  backdrop-filter: blur(6px);
  color: #fff;
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 999px;
  margin-block-end: 12px;
}
.tft-ps-hero__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.8rem, 4vw, 3.2rem);
  font-weight: 700;
  line-height: 1.15;
  margin-block-end: 10px;
  color: #fff;
}
.tft-ps-hero__desc {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.88rem, 1.2vw, 1rem);
  opacity: .82;
  max-width: 540px;
  line-height: 1.6;
}

/* ── BACK LINK ────────────────────────────────────────────────────────────── */
.tft-ps-back-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text-muted);
  text-decoration: none;
  margin-inline: clamp(20px, 5vw, 72px);
  margin-block-end: 40px;
  transition: color .2s;
}
.tft-ps-back-link:hover { color: var(--fur-primary); }

/* ── SPLIT LAYOUT ─────────────────────────────────────────────────────────── */
.tft-ps-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
  padding-inline: clamp(20px, 5vw, 72px);
  margin-block-end: clamp(48px, 7vw, 100px);
}
@media (max-width: 860px) {
  .tft-ps-split { grid-template-columns: 1fr; }
}

/* ── GALLERY ──────────────────────────────────────────────────────────────── */
.tft-ps-gallery { display: flex; flex-direction: column; gap: 0; }
.tft-ps-gallery__stage {
  position: relative;
  background: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  aspect-ratio: 1 / 1;
}
.tft-ps-gallery__stage--hidden { display: none; }
.tft-ps-gallery__main-wrap { width: 100%; height: 100%; }
.tft-ps-gallery__main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s cubic-bezier(.16,1,.3,1);
}
.tft-ps-gallery__stage:hover .tft-ps-gallery__main-img { transform: scale(1.04); }
.tft-ps-gallery__wish {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-end: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1.5px solid var(--fur-border);
  background: var(--fur-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  transition: background .2s, color .2s;
  color: var(--fur-text-muted);
}
.tft-ps-gallery__wish:hover { background: var(--fur-primary); color: #fff; border-color: var(--fur-primary); }
.tft-ps-gallery__counter {
  position: absolute;
  inset-block-end: 14px;
  inset-inline-start: 14px;
  background: hsla(0,0%,0%,.55);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  font-family: var(--fur-font-sans);
  z-index: 3;
}

/* View toggle pills */
.tft-ps-view-toggle {
  display: flex;
  gap: 0;
  border: 1.5px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  margin-block-start: 14px;
}
.tft-ps-view-toggle__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 16px;
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  background: var(--fur-surface);
  color: var(--fur-text-muted);
  border: none;
  cursor: pointer;
  transition: background .2s, color .2s;
}
.tft-ps-view-toggle__btn + .tft-ps-view-toggle__btn {
  border-inline-start: 1.5px solid var(--fur-border);
}
.tft-ps-view-toggle__btn--active {
  background: var(--fur-primary);
  color: #fff;
}

/* ── DETAILS PANE ─────────────────────────────────────────────────────────── */
.tft-ps-details { display: flex; flex-direction: column; gap: 0; }

.tft-ps-det__category {
  display: inline-block;
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 8px;
}
.tft-ps-det__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.6rem, 3vw, 2.6rem);
  font-weight: 700;
  line-height: 1.2;
  margin-block-end: 12px;
  color: var(--fur-text);
}
.tft-ps-det__rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-block-end: 18px;
}
.tft-ps-det__stars { color: hsl(40,90%,50%); font-size: 1rem; letter-spacing: 1px; }
.tft-ps-det__review-count { font-size: 0.8rem; color: var(--fur-text-muted); font-family: var(--fur-font-sans); }

.tft-ps-det__price-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-block-end: 12px;
}
.tft-ps-det__price {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 700;
  color: var(--fur-text);
}
.tft-ps-det__price-orig {
  font-size: 1rem;
  color: var(--fur-text-muted);
  text-decoration: line-through;
  font-family: var(--fur-font-sans);
}
.tft-ps-det__sale-badge {
  background: hsl(4,86%,58%);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 800;
  padding: 3px 9px;
  border-radius: 999px;
  font-family: var(--fur-font-sans);
  letter-spacing: 0.05em;
}
.tft-ps-det__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--fur-text-muted);
  margin-block: 14px 22px;
}
.tft-ps-det__group { margin-block-end: 22px; }
.tft-ps-det__label {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fur-text-muted);
  margin-block-end: 10px;
}
.tft-ps-det__swatches { display: flex; gap: 10px; align-items: center; margin-block-end: 8px; }
.tft-ps-det__swatch {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--sw-bg, hsl(30,28%,62%));
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform .18s, border-color .18s;
  outline-offset: 3px;
}
.tft-ps-det__swatch:hover { transform: scale(1.15); }
.tft-ps-det__swatch--active { border-color: var(--fur-primary); outline: 2px solid var(--fur-primary); }
.tft-ps-det__swatch-name {
  font-size: 0.78rem;
  color: var(--fur-text-muted);
  font-family: var(--fur-font-sans);
}

.tft-ps-det__specs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1.5px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  margin-block-end: 22px;
}
.tft-ps-det__spec {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  background: var(--fur-bg-secondary);
}
.tft-ps-det__spec + .tft-ps-det__spec { border-inline-start: 1.5px solid var(--fur-border); }
.tft-ps-det__spec span { font-size: 0.68rem; font-family: var(--fur-font-sans); color: var(--fur-text-muted); text-transform: uppercase; letter-spacing: .06em; }
.tft-ps-det__spec strong { font-size: 0.9rem; font-family: var(--fur-font-sans); font-weight: 700; color: var(--fur-text); }

.tft-ps-det__qty-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-block-end: 22px;
}
.tft-ps-det__stepper {
  display: flex;
  align-items: center;
  border: 1.5px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
}
.tft-ps-det__step-btn {
  width: 40px;
  height: 42px;
  border: none;
  background: var(--fur-bg-secondary);
  color: var(--fur-text);
  font-size: 1.1rem;
  cursor: pointer;
  font-family: var(--fur-font-sans);
  transition: background .2s;
}
.tft-ps-det__step-btn:hover { background: var(--fur-border); }
.tft-ps-det__qty-input {
  width: 48px;
  height: 42px;
  border: none;
  border-inline: 1.5px solid var(--fur-border);
  text-align: center;
  font-family: var(--fur-font-sans);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--fur-text);
  background: var(--fur-surface);
  -moz-appearance: textfield;
}
.tft-ps-det__qty-input::-webkit-inner-spin-button,
.tft-ps-det__qty-input::-webkit-outer-spin-button { appearance: none; }

.tft-ps-det__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-block-end: 22px;
}
.tft-ps-det__add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  background: var(--fur-primary);
  color: #fff;
  border: none;
  border-radius: var(--fur-radius-md);
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: filter .2s, transform .18s;
}
.tft-ps-det__add-btn:hover { filter: brightness(1.12); transform: translateY(-1px); }
.tft-ps-det__room-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  border: 1.5px solid var(--fur-primary);
  border-radius: var(--fur-radius-md);
  color: var(--fur-primary);
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, color .2s;
}
.tft-ps-det__room-btn:hover { background: var(--fur-primary); color: #fff; }

.tft-ps-det__delivery {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-md);
  border: 1px solid var(--fur-border);
  margin-block-end: 24px;
}
.tft-ps-det__delivery-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  color: var(--fur-text-muted);
}
.tft-ps-det__delivery-item svg { flex-shrink: 0; color: var(--fur-primary); }

/* ── TRUST STRIP ──────────────────────────────────────────────────────────── */
.tft-ps-trust {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-block: 1.5px solid var(--fur-border);
  margin-block-end: clamp(48px, 7vw, 100px);
}
@media (max-width: 720px) {
  .tft-ps-trust { grid-template-columns: repeat(2, 1fr); }
}
.tft-ps-trust__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: clamp(20px, 3vw, 32px) clamp(20px, 4vw, 48px);
  border-inline-end: 1.5px solid var(--fur-border);
}
.tft-ps-trust__item:last-child { border-inline-end: none; }
.tft-ps-trust__item svg { color: var(--fur-primary); flex-shrink: 0; }
.tft-ps-trust__item div { display: flex; flex-direction: column; gap: 3px; }
.tft-ps-trust__item strong {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text);
}
.tft-ps-trust__item span {
  font-family: var(--fur-font-sans);
  font-size: 0.73rem;
  color: var(--fur-text-muted);
}

/* ── RELATED HEADER ───────────────────────────────────────────────────────── */
.tft-ps-related-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-inline: clamp(20px, 5vw, 72px);
  margin-block-start: clamp(48px, 7vw, 80px);
  margin-block-end: 32px;
}
.tft-ps-related-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 700;
  color: var(--fur-text);
  margin: 0;
}

/* ── BREADCRUMB & HEADER TAG HARMONIZATION ───────────────────────────────── */
.tft-page-header__breadcrumb,
.tft-blog-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: color-mix(in srgb, var(--fur-ref-white) 65%, transparent);
  margin-block-end: 14px;
  flex-wrap: wrap;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.tft-page-header__breadcrumb a,
.tft-blog-hero__breadcrumb a {
  color: color-mix(in srgb, var(--fur-ref-white) 65%, transparent);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}

.tft-page-header__breadcrumb a:hover,
.tft-blog-hero__breadcrumb a:hover {
  color: var(--fur-ref-white);
  text-decoration: underline;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__tag {
  border-radius: 999px !important;
}

/* ── ADDITIONAL HARMONIZATION TO POST-HERO DESIGN (2026 Spec) ── */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header,
.tft-blog-hero {
  height: clamp(320px, 45vw, 520px) !important;
  min-block-size: clamp(320px, 45vw, 520px) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding-block-end: clamp(28px, 4vw, 52px) !important;
  padding-inline: clamp(24px, 6vw, 64px) !important;
  border-radius: var(--fur-radius-xl) !important;
  box-shadow: none !important;
  border: none !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__overlay,
.tft-blog-hero__overlay {
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--fur-ref-forest-900) 88%, transparent) 0%,
    color-mix(in srgb, var(--fur-ref-forest-900) 30%, transparent) 55%,
    transparent 100%
  ) !important;
  backdrop-filter: none !important;
  z-index: 2 !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__container,
.tft-blog-hero__content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 860px !important;
  width: 100% !important;
  padding-inline: 0 !important;
}

.tft-page-header__breadcrumb,
.tft-blog-hero__breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.7rem !important;
  color: color-mix(in srgb, var(--fur-ref-white) 60%, transparent) !important;
  margin-block-end: 12px !important;
  flex-wrap: wrap !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.tft-page-header__breadcrumb a,
.tft-blog-hero__breadcrumb a {
  color: color-mix(in srgb, var(--fur-ref-white) 60%, transparent) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-page-header__breadcrumb a:hover,
.tft-blog-hero__breadcrumb a:hover {
  color: var(--fur-ref-lime-400) !important;
  text-decoration: none !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__tag,
.tft-blog-hero__eyebrow {
  display: inline-block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-lime-400) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 20%, transparent) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline: 14px !important;
  padding-block: 5px !important;
  background-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
  backdrop-filter: blur(6px) !important;
  margin-block-end: 14px !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__title,
.tft-blog-hero__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.8rem, 4.5vw, 3.4rem) !important;
  font-weight: 700 !important;
  color: var(--fur-ref-white) !important;
  line-height: 1.12 !important;
  margin: 0 0 14px !important;
  max-width: 860px !important;
  text-shadow: none !important;
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__desc,
.tft-blog-hero__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.85rem, 1.2vw, 1.02rem) !important;
  color: color-mix(in srgb, var(--fur-ref-white) 72%, transparent) !important;
  line-height: 1.8 !important;
  max-width: 560px !important;
  margin: 0 !important;
}

.tft-page-header__bg-img {
  transform: scale(1.04) !important;
  transition: transform 10s ease !important;
  animation: none !important;
}

.tft-page-header:hover .tft-page-header__bg-img {
  transform: scale(1) !important;
}

/* ── STANDARD tft-post-hero__desc & tft-post-hero__tag FOR PAGES (2026 SPEC) ── */
.tft-post-hero__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.85rem, 1.2vw, 1.02rem) !important;
  color: color-mix(in srgb, var(--fur-ref-white) 72%, transparent) !important;
  line-height: 1.8 !important;
  max-width: 560px !important;
  margin-block-start: 12px !important;
  margin-block-end: 0 !important;
}
.tft-post-hero__tag {
  background-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
}

/* Ensure all page-heros are full width, aligned, and never boxed */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > .tft-post-hero,
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > .tft-post-hero,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-hero,
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-hero,
.tft-post-hero {
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  margin-block-start: 0 !important;
  padding-inline: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

/* Exempt the top header container from any boxing restrictions on inner pages */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-ps-section {
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  margin-block-start: 0 !important;
  padding-inline: 0 !important;
  padding-block-start: 0 !important; /* GLUE TO HEADER */
}

/* Re-apply boxing layout constraint strictly to content children following the hero banner */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-post-hero),
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-ps-section > *:not(.tft-post-hero) {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: clamp(16px, 4vw, 80px) !important;
}


/* ==========================================================================
   TFT MATERIAL LAB MODULE STYLING
   ========================================================================== */

/* Main Page Container and Layout */
.tft-mat-lab {
  display: flex;
  flex-direction: column;
  background-color: var(--fur-bg);
  min-height: 100vh;
}

.tft-mat-lab__intro {
  margin-block-start: clamp(32px, 5vw, 64px);
  margin-block-end: clamp(24px, 4vw, 48px);
  text-align: center;
  max-width: 800px;
  margin-inline: auto;
}

.tft-mat-lab__subtitle {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-primary);
  margin-block-end: 12px;
  display: block;
}

.tft-mat-lab__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 3.5vw, 3.2rem);
  font-weight: 700;
  color: var(--fur-text);
  line-height: 1.2;
  margin-block-end: 16px;
}

.tft-mat-lab__description {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  line-height: 1.6;
}

/* Category Filters Bar */
.tft-mat-lab__filter-wrapper {
  margin-block-end: clamp(32px, 5vw, 64px);
  position: sticky;
  top: 80px; /* Below horizontal sticky header */
  z-index: 90;
  background-color: color-mix(in srgb, var(--fur-bg) 95%, transparent);
  backdrop-filter: blur(10px);
  padding-block: 16px;
  border-block: 1px solid var(--fur-border);
}

.tft-mat-lab__filters {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  max-width: 1400px;
  margin-inline: auto;
}

.tft-mat-filter-btn {
  background: transparent;
  border: 1px solid var(--fur-border);
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  font-weight: 500;
  padding-inline: 20px;
  padding-block: 10px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}

.tft-mat-filter-btn:hover {
  background-color: var(--fur-bg-secondary);
  border-color: var(--fur-text-muted);
}

.tft-mat-filter-btn--active {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
}

/* Materials Swatch Grid */
.tft-swatch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 32px;
  margin-block-end: clamp(48px, 8vw, 96px);
}

.tft-swatch-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal), border-color var(--fur-transition-normal);
  position: relative;
}

.tft-swatch-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px var(--fur-shadow-lg);
  border-color: var(--fur-primary);
}

.tft-swatch-card--selected {
  border-color: var(--fur-primary);
  outline: 2px solid var(--fur-primary);
  outline-offset: -2px;
}

.tft-swatch-card__media {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
  overflow: hidden;
  background-color: var(--fur-bg-secondary);
}

.tft-swatch-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 6s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-swatch-card:hover .tft-swatch-card__img {
  transform: scale(1.08);
}

.tft-swatch-card__badge {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-start: 16px;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  font-family: var(--fur-font-sans);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-inline: 10px;
  padding-block: 5px;
  border-radius: var(--fur-radius-sm);
  z-index: 2;
}

.tft-swatch-card__selected-icon {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 16px;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  width: 28px;
  height: 28px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  opacity: 0;
  transform: scale(0.6);
  transition: all var(--fur-transition-fast);
}

.tft-swatch-card--selected .tft-swatch-card__selected-icon {
  opacity: 1;
  transform: scale(1);
}

.tft-swatch-card__info {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.tft-swatch-card__name {
  font-family: var(--fur-font-serif);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--fur-text);
  margin-block-end: 6px;
}

.tft-swatch-card__meta {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  color: var(--fur-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-block-end: 12px;
}

.tft-swatch-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  line-height: 1.5;
  margin-block-end: 20px;
  flex-grow: 1;
}

.tft-swatch-card__action {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-primary);
  color: var(--fur-primary);
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 600;
  padding-block: 10px;
  text-align: center;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  width: 100%;
}

.tft-swatch-card__action:hover {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
}

.tft-swatch-card--selected .tft-swatch-card__action {
  background-color: var(--fur-bg-secondary);
  border-color: var(--fur-border-light);
  color: var(--fur-text-muted);
}

.tft-swatch-card--selected .tft-swatch-card__action:hover {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}

/* Float Tray Sticky Widget (Trigger) */
.tft-tray-widget {
  position: fixed;
  inset-block-end: 32px;
  inset-inline-end: 32px;
  z-index: 110;
  display: flex;
  align-items: center;
  gap: 12px;
}

.tft-tray-trigger {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  border: none;
  border-radius: var(--fur-radius-full);
  padding-inline: 24px;
  padding-block: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  box-shadow: 0 12px 40px var(--fur-shadow-lg);
  cursor: pointer;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast);
}

.tft-tray-trigger:hover {
  transform: translateY(-4px);
  background-color: var(--fur-primary-hover);
}

.tft-tray-trigger__badge {
  background-color: var(--fur-ref-white);
  color: var(--fur-primary);
  width: 22px;
  height: 22px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
}

/* Tray Drawer Sidebar */
.tft-tray-drawer {
  position: fixed;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 420px;
  max-width: 100vw;
  height: 100vh;
  background-color: var(--fur-surface);
  box-shadow: -10px 0 50px var(--fur-shadow-lg);
  z-index: 1200;
  transform: translateX(100%);
  transition: transform var(--fur-transition-normal);
  display: flex;
  flex-direction: column;
}

.tft-tray-drawer--open {
  transform: translateX(0);
}

.tft-tray-drawer__header {
  padding: 24px;
  border-bottom: 1px solid var(--fur-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tft-tray-drawer__title {
  font-family: var(--fur-font-serif);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--fur-text);
}

.tft-tray-drawer__close {
  background: none;
  border: none;
  font-size: 1.8rem;
  cursor: pointer;
  color: var(--fur-text-muted);
  transition: color var(--fur-transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tft-tray-drawer__close:hover {
  color: var(--fur-text);
}

.tft-tray-drawer__content {
  flex-grow: 1;
  overflow-y: auto;
  padding: 24px;
}

.tft-tray-drawer__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  color: var(--fur-text-muted);
  gap: 16px;
  padding-inline: 20px;
}

.tft-tray-drawer__empty svg {
  color: var(--fur-border-light);
}

.tft-tray-drawer__empty p {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  line-height: 1.6;
}

.tft-tray-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 16px;
  border-bottom: 1px solid var(--fur-border);
  animation: tftFadeIn 0.3s var(--fur-transition-fast);
}

.tft-tray-item__img {
  border-radius: var(--fur-radius-sm);
  object-fit: cover;
  background-color: var(--fur-bg-secondary);
}

.tft-tray-item__details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.tft-tray-item__name {
  font-family: var(--fur-font-serif);
  font-size: 1rem;
  font-weight: 600;
  color: var(--fur-text);
}

.tft-tray-item__category {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

.tft-tray-item__remove {
  background: none;
  border: none;
  font-size: 1.4rem;
  color: var(--fur-text-muted);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--fur-transition-fast);
}

.tft-tray-item__remove:hover {
  color: var(--fur-primary);
}

.tft-tray-drawer__footer {
  padding: 24px;
  border-top: 1px solid var(--fur-border);
  background-color: var(--fur-bg-secondary);
}

.tft-tray-drawer__tagline {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  color: var(--fur-text-muted);
  text-align: center;
  margin-block-end: 16px;
}

.tft-tray-order-btn {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  border: none;
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  padding-block: 14px;
  text-align: center;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
  transition: background-color var(--fur-transition-fast);
  width: 100%;
}

.tft-tray-order-btn:hover {
  background-color: var(--fur-primary-hover);
}

.tft-tray-order-btn:disabled {
  background-color: var(--fur-border-light);
  color: var(--fur-text-muted);
  cursor: not-allowed;
}

/* Modal Popup Order Form */
.tft-modal {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--fur-transition-normal);
}

.tft-modal--open {
  opacity: 1;
  pointer-events: auto;
}

.tft-modal__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(26, 32, 26, 0.4);
  backdrop-filter: blur(8px);
}

.tft-modal__wrapper {
  position: relative;
  background-color: var(--fur-surface);
  width: 100%;
  max-width: 500px;
  border-radius: var(--fur-radius-md);
  box-shadow: 0 32px 64px var(--fur-shadow-lg);
  padding: 32px;
  z-index: 10;
  transform: translateY(20px);
  transition: transform var(--fur-transition-normal);
}

.tft-modal--open .tft-modal__wrapper {
  transform: translateY(0);
}

.tft-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 24px;
}

.tft-modal__title {
  font-family: var(--fur-font-serif);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--fur-text);
}

.tft-modal__close {
  background: none;
  border: none;
  font-size: 1.8rem;
  cursor: pointer;
  color: var(--fur-text-muted);
}

/* Success Overlay State */
.tft-tray-success-overlay {
  position: absolute;
  inset: 0;
  background-color: var(--fur-surface);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--fur-transition-fast);
  border-radius: var(--fur-radius-md);
  padding: 24px;
}

.tft-tray-success-overlay--visible {
  opacity: 1;
  pointer-events: auto;
}

.tft-tray-success-overlay__icon {
  background-color: var(--fur-sidebar-active);
  color: var(--fur-primary);
  width: 64px;
  height: 64px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-end: 20px;
}

.tft-tray-success-overlay__title {
  font-family: var(--fur-font-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--fur-text);
  margin-block-end: 8px;
}

.tft-tray-success-overlay__text {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  line-height: 1.5;
}

/* Form Styles inside Modal */
.tft-form-group {
  margin-block-end: 16px;
}

.tft-form-label {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--fur-text);
  margin-block-end: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.tft-form-input,
.tft-form-textarea,
.tft-form-select {
  width: 100%;
  padding: 12px;
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-surface);
  color: var(--fur-text);
  transition: border-color var(--fur-transition-fast);
}

.tft-form-input:focus,
.tft-form-textarea:focus,
.tft-form-select:focus {
  outline: none;
  border-color: var(--fur-primary);
}

/* Toast Notification Styles */
.tft-toast-container {
  position: fixed;
  inset-block-end: 96px;
  inset-inline-end: 32px;
  z-index: 1300;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

.tft-toast {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  padding-inline: 20px;
  padding-block: 12px;
  border-radius: var(--fur-radius-sm);
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  font-weight: 500;
  box-shadow: 0 10px 30px var(--fur-shadow-lg);
  pointer-events: auto;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.tft-toast--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Animations */
@keyframes tftFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .tft-tray-widget {
    inset-block-end: 16px;
    inset-inline-end: 16px;
  }
  
  .tft-toast-container {
    inset-block-end: 80px;
    inset-inline-end: 16px;
  }
  
  .tft-swatch-grid {
    gap: 16px;
  }
}

/* ==========================================================================
   TFT GLOBAL MOBILE NAVIGATION DRAWER & MATERIAL LAB UNIQUE THEME
   ========================================================================== */

/* Global Mobile Navigation Drawer Styles */
.tft-mobile-drawer {
  background-color: color-mix(in srgb, var(--fur-sidebar-bg) 95%, transparent) !important;
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-inline-start: 1px solid var(--fur-border) !important;
  box-shadow: -10px 0 40px var(--fur-shadow-lg) !important;
  transition: transform var(--fur-transition-normal) !important;
}

.tft-mobile-drawer__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-block-end: clamp(24px, 4vh, 40px) !important;
}

.tft-mobile-drawer__close {
  background: transparent !important;
  border: none !important;
  font-size: 28px !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-border) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-mobile-drawer__close:hover {
  background-color: var(--fur-border) !important;
  transform: rotate(90deg) !important;
}

.tft-mobile-drawer__nav,
.tft-mobile-drawer__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.tft-mobile-drawer__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tft-mobile-drawer__link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-block: 16px !important;
  border-block-end: 1px solid var(--fur-border) !important;
  font-size: clamp(14px, 1.2vw, 16px) !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast), padding-inline-start var(--fur-transition-fast) !important;
}

.tft-mobile-drawer__link::after {
  content: '→' !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 16px !important;
  opacity: 0.3 !important;
  transition: transform var(--fur-transition-fast), opacity var(--fur-transition-fast) !important;
}

.tft-mobile-drawer__link:hover,
.tft-mobile-drawer__link--active {
  color: var(--fur-primary) !important;
  padding-inline-start: 8px !important;
}

.tft-mobile-drawer__link:hover::after,
.tft-mobile-drawer__link--active::after {
  opacity: 1 !important;
  transform: translateX(4px) !important;
  color: var(--fur-primary) !important;
}

/* Unique Material Swatch Lab Mobile Drawer Theme */
.tft-mobile-drawer--material-lab {
  background: var(--fur-ref-beige-50) !important; /* Warm light beige backdrop */
  border-inline-start: 2px solid var(--fur-ref-green-700) !important; /* Premium Green border */
  box-shadow: -15px 0 50px var(--fur-shadow-lg) !important;
  padding-inline: 28px !important;
  padding-block: 40px !important;
}

.tft-mobile-drawer--material-lab .tft-mobile-drawer__link {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  border-block-end: 1px dashed var(--fur-border) !important;
  color: var(--fur-text) !important;
}

.tft-mobile-drawer--material-lab .tft-mobile-drawer__link::after {
  content: '•' !important;
  font-size: 12px !important;
  color: var(--fur-ref-green-700) !important;
}

.tft-mobile-drawer--material-lab .tft-mobile-drawer__link:hover,
.tft-mobile-drawer--material-lab .tft-mobile-drawer__link--active {
  color: var(--fur-ref-green-700) !important;
  font-weight: 700 !important;
}

.tft-mobile-drawer--material-lab .tft-mobile-drawer__close {
  border-color: var(--fur-ref-green-700) !important;
  color: var(--fur-ref-green-700) !important;
}

.tft-mobile-drawer--material-lab .tft-mobile-drawer__close:hover {
  background-color: var(--fur-ref-green-100) !important;
  color: var(--fur-ref-green-900) !important;
}

.tft-mobile-drawer--material-lab .tft-mobile-drawer__header {
  border-block-end: 1px solid var(--fur-border) !important;
  padding-block-end: 20px !important;
  margin-block-end: 24px !important;
}

.tft-mobile-drawer--material-lab::after {
  content: 'ARIELY SWATCH LAB' !important;
  position: absolute !important;
  inset-block-end: 32px !important;
  inset-inline-start: 28px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 3px !important;
  color: var(--fur-ref-green-700) !important;
  opacity: 0.65 !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   TFT MATERIAL LAB REDESIGN THEME STYLES (SHOT PARITY)
   ========================================================================== */

/* Crisp SVG Logo Typo Layout */
.tft-ariely-natural-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: var(--fur-text) !important;
}
.tft-ariely-natural-logo__icon {
  width: 30px !important;
  height: 30px !important;
  color: var(--fur-ref-green-900) !important;
  flex-shrink: 0 !important;
}
.tft-ariely-natural-logo__text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.15 !important;
}
.tft-ariely-natural-logo__brand {
  font-family: var(--fur-font-serif) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}
.tft-ariely-natural-logo__slogan {
  font-family: var(--fur-font-sans) !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--fur-text-muted) !important;
  margin-block-start: 2px !important;
}

/* Redesigned Hero Section */
.tft-materials-hero {
  background-color: var(--fur-ref-beige-50) !important;
  padding-block: clamp(40px, 6vh, 80px) !important;
  padding-inline: clamp(20px, 5vw, 100px) !important;
  border-block-end: 1px solid var(--fur-border) !important;
}

.tft-materials-hero__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: 1.1fr 1.3fr !important;
  gap: clamp(32px, 5vw, 80px) !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  .tft-materials-hero__container {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}

.tft-materials-hero__info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.tft-materials-hero__eyebrow {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-green-800) !important;
  margin-block-end: 16px !important;
}

.tft-materials-hero__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(32px, 4.5vw, 64px) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  color: var(--fur-text) !important;
  margin-block-end: 24px !important;
}

.tft-materials-hero__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--fur-text-muted) !important;
  max-width: 440px !important;
  margin-block-end: 32px !important;
}

.tft-materials-hero__play-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 24px !important;
  border-radius: var(--fur-radius-sm) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-white) !important;
  background-color: var(--fur-ref-green-900) !important;
  transition: all var(--fur-transition-fast) !important;
  border: 1px solid var(--fur-ref-green-900) !important;
}

.tft-materials-hero__play-btn:hover {
  background-color: var(--fur-ref-green-700) !important;
  border-color: var(--fur-ref-green-700) !important;
  transform: translateY(-2px) !important;
}

.tft-materials-hero__play-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-ref-white) !important;
}

.tft-materials-hero__play-icon svg {
  margin-inline-start: 1px !important;
}

.tft-materials-hero__collage-pane {
  position: relative !important;
}

.tft-materials-hero__collage-wrap {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
  border-radius: var(--fur-radius-sm) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-materials-hero__collage-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-materials-hero__sig-card {
  position: absolute !important;
  inset-block-end: 24px !important;
  inset-inline-end: 24px !important;
  background-color: var(--fur-ref-white) !important;
  padding: 16px 24px !important;
  border-radius: var(--fur-radius-sm) !important;
  box-shadow: 0 10px 30px var(--fur-shadow-lg) !important;
  border-inline-start: 4px solid var(--fur-ref-green-900) !important;
  max-width: 240px !important;
  z-index: 5 !important;
}

.tft-materials-hero__sig-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  margin-block-end: 4px !important;
}

.tft-materials-hero__sig-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 12px !important;
  line-height: 1.4 !important;
}

.tft-materials-hero__sig-signature {
  font-family: var(--fur-font-script) !important;
  font-size: 26px !important;
  color: var(--fur-ref-green-900) !important;
  line-height: 1 !important;
  display: block !important;
}

/* Horizontal Sticky Filters Bar */
.tft-mat-filters-wrapper {
  position: sticky !important;
  inset-block-start: 0 !important;
  background-color: var(--fur-ref-white) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  z-index: 40 !important;
  margin-block-start: 0 !important;
}

.tft-mat-filters-container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 5vw, 100px) !important;
  display: flex !important;
  align-items: center !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.tft-mat-filters-container::-webkit-scrollbar {
  display: none !important;
}

.tft-mat-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 24px 20px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--fur-text-muted) !important;
  position: relative !important;
  white-space: nowrap !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-mat-tab:hover {
  color: var(--fur-text) !important;
}

.tft-mat-tab--active {
  color: var(--fur-ref-green-900) !important;
}

.tft-mat-tab--active::after {
  content: '' !important;
  position: absolute !important;
  inset-block-end: -1px !important;
  inset-inline: 20px !important;
  height: 3px !important;
  background-color: var(--fur-ref-green-900) !important;
}

.tft-mat-tab__icon {
  width: 18px !important;
  height: 18px !important;
  opacity: 0.6 !important;
  flex-shrink: 0 !important;
  transition: opacity var(--fur-transition-fast) !important;
}

.tft-mat-tab--active .tft-mat-tab__icon {
  opacity: 1 !important;
  color: var(--fur-ref-green-900) !important;
}

.tft-mat-tab__badge {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
  margin-inline-start: 4px !important;
}

.tft-mat-tab--active .tft-mat-tab__badge {
  color: var(--fur-ref-green-900) !important;
}

/* Swatches Grid Header Controls */
.tft-swatch-grid-controls {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-block-end: 24px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  color: var(--fur-text-muted) !important;
}

.tft-swatch-grid-controls__count {
  font-weight: 500 !important;
}

.tft-swatch-grid-controls__actions {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.tft-swatch-grid-controls__sort {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.tft-swatch-grid-controls__sort-select {
  border: none !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  outline: none !important;
  padding-inline-end: 4px !important;
}

.tft-swatch-grid-controls__layout-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: var(--fur-radius-sm) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-text-muted) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-swatch-grid-controls__layout-btn:hover,
.tft-swatch-grid-controls__layout-btn--active {
  color: var(--fur-text) !important;
  border-color: var(--fur-text) !important;
  background-color: var(--fur-ref-beige-100) !important;
}

/* Swatches Grid & Cards styling */
.tft-swatch-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 32px !important;
}

.tft-swatch-card {
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  overflow: hidden !important;
  background-color: var(--fur-ref-white) !important;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
  display: flex !important;
  flex-direction: column !important;
}

.tft-swatch-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow) !important;
}

.tft-swatch-card__media {
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  background-color: var(--fur-ref-beige-50) !important;
}

.tft-swatch-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

.tft-swatch-card:hover .tft-swatch-card__img {
  transform: scale(1.05) !important;
}

.tft-swatch-card__add-btn {
  position: absolute !important;
  inset-block-start: 16px !important;
  inset-inline-end: 16px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  color: var(--fur-ref-green-900) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  z-index: 10 !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-swatch-card__add-btn:hover {
  transform: scale(1.1) !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-green-900) !important;
}

.tft-swatch-card--selected .tft-swatch-card__add-btn {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-green-900) !important;
}

.tft-swatch-card__info {
  padding: 20px !important;
  background-color: var(--fur-ref-white) !important;
  border-block-start: 1px solid var(--fur-border) !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.tft-swatch-card__name {
  font-family: var(--fur-font-serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
  margin-block-end: 4px !important;
  line-height: 1.3 !important;
}

.tft-swatch-card__detail {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 16px !important;
}

.tft-swatch-card__footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-block-start: 1px dashed var(--fur-border) !important;
  padding-block-start: 12px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--fur-text-muted) !important;
  margin-block-start: auto !important;
}

.tft-swatch-card__footer-icon {
  width: 14px !important;
  height: 14px !important;
  opacity: 0.65 !important;
  color: var(--fur-ref-green-700) !important;
}

/* Sample Tray Sidebar Drawer Styling */
.tft-tray-sidebar {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between !important;
}

.tft-tray-sidebar__empty-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 8px !important;
  border: 1.5px dashed var(--fur-border) !important;
  padding: 24px 16px !important;
  border-radius: var(--fur-radius-sm) !important;
  color: var(--fur-text-muted) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-block-end: 12px !important;
  background-color: transparent !important;
  text-align: center !important;
  cursor: default !important;
}

.tft-tray-sidebar__empty-placeholder-icon {
  width: 16px !important;
  height: 16px !important;
  opacity: 0.45 !important;
  color: var(--fur-text-muted) !important;
}

.tft-tray-sidebar__trust-list {
  margin-block: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding-block: 20px !important;
  border-block: 1px solid var(--fur-border) !important;
}

.tft-tray-sidebar__trust-row {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

.tft-tray-sidebar__trust-icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-beige-100) !important;
  color: var(--fur-ref-green-900) !important;
  flex-shrink: 0 !important;
}

.tft-tray-sidebar__trust-icon {
  width: 14px !important;
  height: 14px !important;
}

.tft-tray-sidebar__trust-content {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.tft-tray-sidebar__trust-title {
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  display: block !important;
  margin-block-end: 2px !important;
  text-transform: uppercase !important;
}

.tft-tray-sidebar__trust-desc {
  color: var(--fur-text-muted) !important;
  font-size: 11px !important;
}

.tft-tray-sidebar__order-btn {
  width: 100% !important;
  padding: 16px !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: var(--fur-radius-sm) !important;
  transition: all var(--fur-transition-fast) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-block-end: 16px !important;
  border: none !important;
  cursor: pointer !important;
}

.tft-tray-sidebar__order-btn:hover:not(:disabled) {
  background-color: var(--fur-ref-green-700) !important;
  transform: translateY(-2px) !important;
}

.tft-tray-sidebar__order-btn:disabled {
  background-color: var(--fur-border) !important;
  color: var(--fur-text-muted) !important;
  cursor: not-allowed !important;
}

.tft-tray-sidebar__details-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--fur-text) !important;
  transition: color var(--fur-transition-fast) !important;
  text-decoration: none !important;
}

.tft-tray-sidebar__details-link:hover {
  color: var(--fur-ref-green-700) !important;
}

/* Moodboard CTA Section styling */
.tft-moodboard-cta {
  background-color: var(--fur-ref-beige-50) !important;
  padding-block: clamp(60px, 8vh, 120px) !important;
  padding-inline: clamp(20px, 5vw, 100px) !important;
  border-block-start: 1px solid var(--fur-border) !important;
  margin-block-start: clamp(60px, 8vh, 120px) !important;
}

.tft-moodboard-cta__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1.3fr !important;
  gap: clamp(40px, 6vw, 100px) !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  .tft-moodboard-cta__container {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }
}

.tft-moodboard-cta__info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.tft-moodboard-cta__eyebrow {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-green-800) !important;
  margin-block-end: 16px !important;
}

.tft-moodboard-cta__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(28px, 3.5vw, 48px) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: var(--fur-text) !important;
  margin-block-end: 24px !important;
}

.tft-moodboard-cta__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--fur-text-muted) !important;
  max-width: 440px !important;
  margin-block-end: 32px !important;
}

.tft-moodboard-cta__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 28px !important;
  border-radius: var(--fur-radius-sm) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--fur-text) !important;
  border: 1px solid var(--fur-text) !important;
  transition: all var(--fur-transition-fast) !important;
  background: transparent !important;
}

.tft-moodboard-cta__btn:hover {
  background-color: var(--fur-text) !important;
  color: var(--fur-ref-white) !important;
  transform: translateY(-2px) !important;
}

.tft-moodboard-cta__visual {
  position: relative !important;
}

.tft-moodboard-cta__frame {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: var(--fur-radius-sm) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-moodboard-cta__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-moodboard-cta__drag-indicator {
  position: absolute !important;
  top: 50% !important;
  left: 80% !important;
  transform: translate(-50%, -50%) !important;
  width: 84px !important;
  height: 84px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--fur-text) !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: transform var(--fur-transition-fast) !important;
  z-index: 5 !important;
}

.tft-moodboard-cta__drag-indicator:hover {
  transform: translate(-50%, -50%) scale(1.08) !important;
}

.tft-moodboard-cta__drag-icon {
  width: 20px !important;
  height: 20px !important;
  color: var(--fur-ref-green-900) !important;
}

/* ==========================================================================
   TFT MOODBOARD STUDIO STYLES (2026 Spec)
   ========================================================================== */

.tft-moodboard-editor {
  display: flex !important;
  flex-direction: row !important;
  height: calc(100vh - 120px) !important;
  min-height: 600px !important;
  background-color: var(--fur-ref-beige-50) !important;
  overflow: hidden !important;
}

/* Left Panel: Library */
.tft-moodboard-library {
  width: 340px !important;
  border-inline-end: 1px solid var(--fur-border) !important;
  background-color: var(--fur-ref-white) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  z-index: 10 !important;
}

.tft-moodboard-library__header {
  padding-block: 20px !important;
  padding-inline: 24px !important;
  border-bottom: 1px solid var(--fur-border) !important;
}

.tft-moodboard-library__title {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.25rem !important;
  color: var(--fur-text) !important;
  margin-block-end: 12px !important;
  font-weight: 500 !important;
}

.tft-moodboard-library__tabs {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  padding-block-end: 4px !important;
}

.tft-moodboard-library__tabs::-webkit-scrollbar {
  display: none !important;
}

.tft-moodboard-library__tab-btn {
  background: none !important;
  border: none !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--fur-text-muted) !important;
  padding-block: 6px !important;
  padding-inline: 12px !important;
  cursor: pointer !important;
  border-radius: var(--fur-radius-sm) !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-moodboard-library__tab-btn:hover {
  color: var(--fur-text) !important;
}

.tft-moodboard-library__tab-btn--active {
  background-color: var(--fur-ref-beige-50) !important;
  color: var(--fur-ref-green-900) !important;
  border-color: var(--fur-border) !important;
}

.tft-moodboard-library__content {
  flex-1: 1 1 auto !important;
  overflow-y: auto !important;
  padding: 24px !important;
}

.tft-library-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}

.tft-library-item {
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  background-color: var(--fur-ref-white) !important;
  padding: 12px !important;
  cursor: grab !important;
  transition: transform var(--fur-transition-fast), box-shadow var(--fur-transition-fast) !important;
  user-select: none !important;
}

.tft-library-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
  border-color: var(--fur-text) !important;
}

.tft-library-item:active {
  cursor: grabbing !important;
}

.tft-library-item__thumb-wrap {
  width: 100% !important;
  aspect-ratio: 1 !important;
  background-color: var(--fur-ref-beige-50) !important;
  border-radius: var(--fur-radius-sm) !important;
  overflow: hidden !important;
  margin-block-end: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-library-item__img {
  max-width: 90% !important;
  max-height: 90% !important;
  object-fit: contain !important;
}

.tft-library-item__name {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tft-library-item__meta {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  color: var(--fur-text-muted) !important;
}

/* Center Panel: Workspace Canvas */
.tft-moodboard-workspace {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 30px !important;
  position: relative !important;
}

.tft-moodboard-workspace__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-block-end: 20px !important;
}

.tft-moodboard-workspace__title-group {
  display: flex !important;
  flex-direction: column !important;
}

.tft-moodboard-workspace__name-input {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.5rem !important;
  color: var(--fur-text) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px dashed transparent !important;
  padding-block: 4px !important;
  margin-block-end: 4px !important;
  font-weight: 500 !important;
  width: 250px !important;
  transition: border-bottom var(--fur-transition-fast) !important;
}

.tft-moodboard-workspace__name-input:focus {
  border-bottom-color: var(--fur-text) !important;
  outline: none !important;
}

.tft-moodboard-workspace__name-sub {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--fur-text-muted) !important;
}

.tft-moodboard-workspace__toolbar {
  display: flex !important;
  gap: 12px !important;
  background-color: var(--fur-ref-white) !important;
  padding: 6px 12px !important;
  border-radius: var(--fur-radius-full) !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-moodboard-toolbar-btn {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--fur-text) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color var(--fur-transition-fast) !important;
}

.tft-moodboard-toolbar-btn:hover {
  background-color: var(--fur-ref-beige-50) !important;
}

.tft-moodboard-toolbar-btn:disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
}

.tft-moodboard-canvas-outer {
  flex-grow: 1 !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-sm) !important;
  background-color: var(--fur-ref-white) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-moodboard-canvas {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  background-color: var(--fur-ref-white) !important;
  background-image: radial-gradient(var(--fur-border) 1.5px, transparent 1.5px) !important;
  background-size: 24px 24px !important;
  overflow: hidden !important;
}

/* Canvas Item Bounding Box & Transformation Layout */
.tft-canvas-item {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  cursor: move !important;
  user-select: none !important;
  touch-action: none !important;
  padding: 10px !important;
  transform-origin: center center !important;
}

.tft-canvas-item__img-wrap {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.tft-canvas-item__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Active Selection States */
.tft-canvas-item--selected {
  outline: 1.5px dashed var(--fur-ref-green-900) !important;
  outline-offset: -2px !important;
}

/* Drag Handles & Custom Tags on selected item */
.tft-canvas-item__controls {
  position: absolute !important;
  top: -36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-color: var(--fur-text) !important;
  color: var(--fur-ref-white) !important;
  padding: 4px 10px !important;
  border-radius: var(--fur-radius-sm) !important;
  display: none !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  gap: 8px !important;
  align-items: center !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
  z-index: 50 !important;
}

.tft-canvas-item--selected .tft-canvas-item__controls {
  display: flex !important;
}

.tft-canvas-item__control-btn {
  background: none !important;
  border: none !important;
  color: var(--fur-ref-white) !important;
  cursor: pointer !important;
  font-size: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.8 !important;
  transition: opacity var(--fur-transition-fast) !important;
  padding: 2px !important;
}

.tft-canvas-item__control-btn:hover {
  opacity: 1 !important;
}

/* Rotate handle at bottom */
.tft-canvas-item__handle-rotate {
  position: absolute !important;
  bottom: -25px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-text) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: grab !important;
  z-index: 50 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

.tft-canvas-item--selected .tft-canvas-item__handle-rotate {
  display: flex !important;
}

.tft-canvas-item__handle-rotate svg {
  width: 10px !important;
  height: 10px !important;
  color: var(--fur-text) !important;
}

/* Right Panel: Saved Boards & Export Panel */
.tft-moodboard-sidebar {
  width: 320px !important;
  border-inline-start: 1px solid var(--fur-border) !important;
  background-color: var(--fur-ref-white) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  z-index: 10 !important;
}

.tft-moodboard-sidebar__section {
  padding: 24px !important;
  border-bottom: 1px solid var(--fur-border) !important;
}

.tft-moodboard-sidebar__title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--fur-text) !important;
  margin-block-end: 16px !important;
}

/* Saved Board Rows */
.tft-saved-boards-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  max-height: 200px !important;
  overflow-y: auto !important;
}

.tft-saved-board-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 12px !important;
  background-color: var(--fur-ref-beige-50) !important;
  border-radius: var(--fur-radius-sm) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  border: 1px solid transparent !important;
}

.tft-saved-board-row:hover {
  border-color: var(--fur-border) !important;
  background-color: var(--fur-ref-white) !important;
}

.tft-saved-board-row__name {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
}

.tft-saved-board-row__date {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  color: var(--fur-text-muted) !important;
}

.tft-saved-board-row__delete {
  background: none !important;
  border: none !important;
  color: var(--fur-text-muted) !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.tft-saved-board-row__delete:hover {
  color: var(--fur-ref-red-600, #b91c1c) !important;
}

/* Export Panel */
.tft-moodboard-sidebar__export-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.tft-moodboard-btn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding-block: 14px !important;
  padding-inline: 24px !important;
  border-radius: var(--fur-radius-sm) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  border: 1px solid transparent !important;
}

.tft-moodboard-btn--primary {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
}

.tft-moodboard-btn--primary:hover {
  background-color: var(--fur-text) !important;
  transform: translateY(-1px) !important;
}

.tft-moodboard-btn--secondary {
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-text) !important;
  border-color: var(--fur-border) !important;
}

.tft-moodboard-btn--secondary:hover {
  background-color: var(--fur-ref-beige-50) !important;
  transform: translateY(-1px) !important;
}

/* Mobile responsive drawer logic */
@media (max-width: 1024px) {
  .tft-moodboard-editor {
    flex-direction: column !important;
    height: auto !important;
    min-height: auto !important;
  }
  
  .tft-moodboard-library {
    width: 100% !important;
    height: 380px !important;
    border-inline-end: none !important;
    border-bottom: 1px solid var(--fur-border) !important;
  }
  
  .tft-moodboard-workspace {
    padding: 16px !important;
    height: 480px !important;
  }
  
  .tft-moodboard-sidebar {
    width: 100% !important;
    height: auto !important;
    border-inline-start: none !important;
  }
}

/* ==========================================================================
   TFT - DESIGN CONSULTATION PAGE COMPONENT STYLES
   Prefix: .tft- | BEM Structured | CSS Logical Properties
   ========================================================================== */

/* Hero Banner Layout */
.tft-consult-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-block-size: clamp(400px, 60vh, 700px);
  padding-block: var(--fur-margin-block-lg);
  padding-inline: 24px;
  overflow: hidden;
  text-align: center;
}

.tft-consult-hero__bg-wrapper {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.tft-consult-hero__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tft-consult-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);
  z-index: 2;
}

.tft-consult-hero__content {
  position: relative;
  z-index: 3;
  max-width: 800px;
  width: 100%;
  color: var(--fur-ref-white);
}

.tft-consult-hero__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-block-end: 16px;
  text-transform: uppercase;
  color: var(--fur-ref-beige-100);
}

.tft-consult-hero__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  line-height: 1.15;
  margin-block-end: 20px;
  letter-spacing: -0.01em;
}

.tft-consult-hero__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  font-weight: 400;
  line-height: 1.6;
  max-width: 600px;
  margin-inline: auto;
  margin-block-end: 40px;
  color: var(--fur-ref-beige-100);
}

.tft-consult-hero__feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-block-start: 24px;
}

@media (max-width: 900px) {
  .tft-consult-hero__feature-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 500px) {
  .tft-consult-hero__feature-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.tft-consult-hero__feature-item {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--fur-radius-sm);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform var(--fur-transition-fast);
}

.tft-consult-hero__feature-item:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.12);
}

.tft-consult-hero__feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  background: rgba(255, 255, 255, 0.15);
  margin-block-end: 12px;
  color: var(--fur-ref-white);
}

.tft-consult-hero__feature-text strong {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 600;
  margin-block-end: 4px;
}

.tft-consult-hero__feature-text span {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  color: var(--fur-ref-beige-200);
}


/* Interactive Booking Journey */
.tft-booking-journey {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-bg-secondary);
}

.tft-booking-journey__container {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 24px;
}

/* Stepper Indicator */
.tft-stepper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 48px;
  padding-inline: 10px;
}

.tft-stepper__track {
  position: absolute;
  inset-block-start: 20px;
  inset-inline-start: 0;
  height: 2px;
  background-color: var(--fur-border);
  z-index: 1;
  transition: width var(--fur-transition-normal);
}

.tft-stepper__item {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  flex: 1;
}

.tft-stepper__number {
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: 2px solid var(--fur-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 700;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
}

.tft-stepper__label {
  margin-block-start: 10px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text-muted);
  text-align: center;
  transition: color var(--fur-transition-fast);
}

@media (max-width: 768px) {
  .tft-stepper__label {
    display: none;
  }
}

.tft-stepper__item--active .tft-stepper__number {
  border-color: var(--fur-primary);
  background-color: var(--fur-primary);
  color: var(--fur-surface);
}

.tft-stepper__item--active .tft-stepper__label {
  color: var(--fur-text);
  font-weight: 700;
}

.tft-stepper__item--completed .tft-stepper__number {
  border-color: var(--fur-primary);
  background-color: var(--fur-surface);
  color: var(--fur-primary);
}


/* Wizard Form Panel Switcher */
.tft-booking-form {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 40px;
  box-shadow: 0 4px 24px var(--fur-shadow);
}

@media (max-width: 600px) {
  .tft-booking-form {
    padding: 24px;
  }
}

.tft-form-step {
  display: none;
}

.tft-form-step--active {
  display: block;
  animation: tftFadeIn 0.4s ease-out;
}

@keyframes tftFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.tft-form-step__header {
  margin-block-end: 32px;
}

.tft-form-step__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 8px;
}

.tft-form-step__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
}

/* Room Grid Cards Selection */
.tft-room-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-block-end: 40px;
}

@media (max-width: 1024px) {
  .tft-room-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .tft-room-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .tft-room-grid {
    grid-template-columns: 1fr;
  }
}

.tft-room-card {
  position: relative;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}

.tft-room-card:hover {
  transform: translateY(-2px);
  border-color: var(--fur-border-light);
  box-shadow: 0 4px 16px var(--fur-shadow);
}

.tft-room-card__img-wrapper {
  position: relative;
  aspect-ratio: 3/2;
  overflow: hidden;
  background-color: var(--fur-bg-secondary);
}

.tft-room-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-normal);
}

.tft-room-card:hover .tft-room-card__img {
  transform: scale(1.05);
}

.tft-room-card__select-indicator {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  width: 24px;
  height: 24px;
  border-radius: var(--fur-radius-full);
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--fur-border);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all var(--fur-transition-fast);
  color: var(--fur-primary);
}

.tft-room-card--selected {
  border-color: var(--fur-primary);
  box-shadow: 0 0 0 2px var(--fur-primary);
}

.tft-room-card--selected .tft-room-card__select-indicator {
  opacity: 1;
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-surface);
}

.tft-room-card__body {
  padding: 12px;
  text-align: center;
}

.tft-room-card__title {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--fur-text);
}


/* Wizard Actions Bar */
.tft-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-block-start: 1px solid var(--fur-border);
  padding-block-start: 24px;
}

@media (max-width: 600px) {
  .tft-form-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

.tft-booking-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-block: 16px;
  padding-inline: 32px;
  border-radius: var(--fur-radius-sm);
  font-family: var(--fur-font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  border: 1px solid transparent;
}

.tft-booking-btn--primary {
  background-color: var(--fur-primary);
  color: var(--fur-surface);
}

.tft-booking-btn--primary:hover {
  background-color: var(--fur-primary-hover);
}

.tft-booking-btn--secondary {
  background-color: var(--fur-surface);
  color: var(--fur-text);
  border-color: var(--fur-border);
}

.tft-booking-btn--secondary:hover {
  background-color: var(--fur-bg-secondary);
}

.tft-form-actions__security {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  color: var(--fur-text-muted);
}

.tft-form-actions__security svg {
  flex-shrink: 0;
  color: var(--fur-primary);
}


/* Additional dynamic sub-elements */
.tft-style-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-block-end: 32px;
}

@media (max-width: 768px) {
  .tft-style-grid {
    grid-template-columns: 1fr;
  }
}

.tft-style-choice-btn {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  padding: 24px;
  text-align: left;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  display: flex;
  flex-direction: column;
}

.tft-style-choice-btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}

.tft-style-choice-btn--active {
  border-color: var(--fur-primary);
  box-shadow: 0 0 0 2px var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}

.tft-style-choice-btn strong {
  font-family: var(--fur-font-sans);
  font-size: 14px;
  font-weight: 700;
  margin-block-end: 8px;
  color: var(--fur-text);
}

.tft-style-choice-btn span {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  color: var(--fur-text-muted);
  line-height: 1.5;
}

.tft-time-slots {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-block-end: 32px;
}

.tft-time-slot-btn {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  padding: 16px 24px;
  text-align: left;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 600px) {
  .tft-time-slot-btn {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.tft-time-slot-btn:hover {
  border-color: var(--fur-primary);
}

.tft-time-slot-btn--active {
  border-color: var(--fur-primary);
  box-shadow: 0 0 0 2px var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}

.tft-time-slot-btn strong {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  color: var(--fur-text);
}

.tft-time-slot-btn span {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  color: var(--fur-text-muted);
}

.tft-upload-box {
  border: 2px dashed var(--fur-border);
  border-radius: var(--fur-radius-sm);
  padding: 40px;
  text-align: center;
  cursor: pointer;
  transition: border var(--fur-transition-fast);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tft-upload-box:hover {
  border-color: var(--fur-primary);
}

.tft-upload-box__icon {
  color: var(--fur-text-muted);
  margin-block-end: 16px;
}

.tft-upload-box strong {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 600;
  margin-block-end: 4px;
}

.tft-upload-box span {
  font-family: var(--fur-font-sans);
  font-size: 11px;
  color: var(--fur-text-muted);
}


/* Meet The Designers */
.tft-designers-sec {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-surface);
  border-block-end: 1px solid var(--fur-border);
}

.tft-designers-sec__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-designers-sec__header {
  text-align: center;
  max-width: 600px;
  margin-inline: auto;
  margin-block-end: 56px;
}

.tft-designers-sec__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

.tft-designers-sec__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 16px;
  line-height: 1.3;
}

.tft-designers-sec__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  margin-block-end: 24px;
}

.tft-designers-sec__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text);
  text-decoration: none;
  border-bottom: 1px solid var(--fur-text);
  padding-block-end: 4px;
  transition: opacity var(--fur-transition-fast);
}

.tft-designers-sec__link:hover {
  opacity: 0.8;
}

.tft-designers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

@media (max-width: 900px) {
  .tft-designers-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 450px;
    margin-inline: auto;
  }
}

.tft-designer-card {
  background-color: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  border: 1px solid var(--fur-border);
  transition: transform var(--fur-transition-fast);
}

.tft-designer-card:hover {
  transform: translateY(-4px);
}

.tft-designer-card__avatar-frame {
  aspect-ratio: 4/5;
  overflow: hidden;
  background-color: var(--fur-border);
}

.tft-designer-card__avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tft-designer-card__body {
  padding: 24px;
  text-align: center;
}

.tft-designer-card__name {
  font-family: var(--fur-font-serif);
  font-size: 18px;
  font-weight: 400;
  margin-block-end: 6px;
  color: var(--fur-text);
}

.tft-designer-card__role {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
  letter-spacing: 0.05em;
}

.tft-designer-card__bio {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  color: var(--fur-text-muted);
  line-height: 1.5;
}


/* Dotted Timeline Process */
.tft-process-sec {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-bg-secondary);
  border-block-end: 1px solid var(--fur-border);
}

.tft-process-sec__container {
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-process-sec__header {
  text-align: center;
  margin-block-end: 56px;
}

.tft-process-sec__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

.tft-process-sec__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  line-height: 1.3;
}

.tft-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
}

@media (max-width: 900px) {
  .tft-process-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.tft-process-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@media (max-width: 900px) {
  .tft-process-step {
    flex-direction: row;
    text-align: left;
    align-items: flex-start;
    gap: 20px;
  }
}

.tft-process-step__icon-wrapper {
  width: 56px;
  height: 56px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-end: 20px;
  color: var(--fur-primary);
  box-shadow: 0 4px 12px var(--fur-shadow);
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .tft-process-step__icon-wrapper {
    margin-block-end: 0;
  }
}

.tft-process-step__content {
  flex-grow: 1;
}

.tft-process-step__title {
  font-family: var(--fur-font-sans);
  font-size: 14px;
  font-weight: 700;
  margin-block-end: 8px;
  color: var(--fur-text);
}

.tft-process-step__desc {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  color: var(--fur-text-muted);
  line-height: 1.5;
  max-width: 240px;
  margin-inline: auto;
}

@media (max-width: 900px) {
  .tft-process-step__desc {
    margin-inline: 0;
    max-width: none;
  }
}


/* Before/After Transformations Grid */
.tft-transformations-sec {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-surface);
  border-block-end: 1px solid var(--fur-border);
}

.tft-transformations-sec__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-transformations-sec__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-block-end: 48px;
}

@media (max-width: 768px) {
  .tft-transformations-sec__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

.tft-transformations-sec__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

.tft-transformations-sec__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
}

.tft-transformations-sec__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text);
  text-decoration: none;
  border-bottom: 1px solid var(--fur-text);
  padding-block-end: 4px;
  transition: opacity var(--fur-transition-fast);
}

.tft-transformations-sec__link:hover {
  opacity: 0.8;
}

.tft-transformations-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media (max-width: 900px) {
  .tft-transformations-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.tft-transformation-card {
  display: flex;
  flex-direction: column;
}

.tft-transformation-card__img-frame {
  position: relative;
  aspect-ratio: 4/3;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  margin-block-end: 16px;
}

.tft-transformation-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-normal);
}

.tft-transformation-card:hover .tft-transformation-card__img {
  transform: scale(1.03);
}

.tft-transformation-card__badge {
  position: absolute;
  inset-block-end: 16px;
  padding: 6px 12px;
  border-radius: 4px;
  font-family: var(--fur-font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--fur-ref-white);
  z-index: 2;
}

.tft-transformation-card__badge--before {
  inset-inline-start: 16px;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
}

.tft-transformation-card__badge--after {
  inset-inline-end: 16px;
  background-color: var(--fur-primary);
}

.tft-transformation-card__title {
  font-family: var(--fur-font-sans);
  font-size: 14px;
  font-weight: 600;
  color: var(--fur-text);
  margin: 0;
}


/* Promotional Callout Banner */
.tft-promo-banner {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-bg-secondary);
}

.tft-promo-banner__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-promo-banner__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 40px;
  align-items: center;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: 48px;
  box-shadow: 0 4px 32px var(--fur-shadow);
}

@media (max-width: 1024px) {
  .tft-promo-banner__grid {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px;
  }
}

.tft-promo-banner__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tft-promo-banner__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  margin-block-end: 12px;
  line-height: 1.25;
}

.tft-promo-banner__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  margin-block-end: 24px;
  line-height: 1.6;
}

.tft-promo-banner__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text);
  text-decoration: none;
  border-bottom: 2px solid var(--fur-text);
  padding-block-end: 4px;
  transition: opacity var(--fur-transition-fast);
}

.tft-promo-banner__link:hover {
  opacity: 0.8;
}

.tft-promo-banner__media {
  display: flex;
  justify-content: center;
}

.tft-promo-banner__frame {
  width: 100%;
  aspect-ratio: 1.6/1;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  border: 1px solid var(--fur-border);
}

.tft-promo-banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tft-promo-banner__complimentary {
  background-color: var(--fur-bg-secondary);
  border-radius: var(--fur-radius-sm);
  padding: 32px;
  border: 1px solid var(--fur-border);
}

.tft-promo-banner__complimentary-box {
  display: flex;
  flex-direction: column;
}

.tft-promo-banner__complimentary-icon-wrapper {
  color: var(--fur-primary);
  margin-block-end: 16px;
}

.tft-promo-banner__complimentary strong {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 700;
  margin-block-end: 8px;
  color: var(--fur-text);
}

.tft-promo-banner__complimentary p {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  color: var(--fur-text-muted);
  line-height: 1.5;
  margin: 0;
}

/* ==========================================================================
   TFT - PROVENANCE & SOURCING PAGE COMPONENT STYLES
   Prefix: .tft- | BEM Structured | CSS Logical Properties
   ========================================================================== */

/* Hero Banner */
.tft-prov-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-block-size: clamp(450px, 65vh, 750px);
  padding-block: var(--fur-margin-block-lg);
  padding-inline: clamp(24px, 5vw, 80px);
  overflow: hidden;
  text-align: start;
}

.tft-prov-hero__bg-wrapper {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.tft-prov-hero__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tft-prov-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 2;
}

.tft-prov-hero__content {
  position: relative;
  z-index: 3;
  max-width: 600px;
  width: 100%;
  color: var(--fur-ref-white);
}

.tft-prov-hero__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-block-end: 16px;
  text-transform: uppercase;
  color: var(--fur-ref-beige-100);
}

.tft-prov-hero__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  line-height: 1.12;
  margin-block-end: 20px;
  letter-spacing: -0.01em;
}

.tft-prov-hero__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  font-weight: 400;
  line-height: 1.6;
  margin-block-end: 40px;
  color: var(--fur-ref-beige-100);
}

.tft-prov-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--fur-ref-white);
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-decoration: none;
  border-bottom: 2px solid var(--fur-ref-white);
  padding-block-end: 6px;
  transition: opacity var(--fur-transition-fast);
}

.tft-prov-hero__cta:hover {
  opacity: 0.85;
}


/* Materials catalog grid */
.tft-prov-materials {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-surface);
  border-block-end: 1px solid var(--fur-border);
}

.tft-prov-materials__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-prov-materials__grid {
  display: flex;
  gap: 48px;
}

@media (max-width: 1024px) {
  .tft-prov-materials__grid {
    flex-direction: column;
    gap: 32px;
  }
}

.tft-prov-materials__info {
  flex: 0 0 280px;
}

@media (max-width: 1024px) {
  .tft-prov-materials__info {
    flex: 1;
  }
}

.tft-prov-materials__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

.tft-prov-materials__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  line-height: 1.35;
  margin-block-end: 24px;
}

.tft-prov-materials__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text);
  text-decoration: none;
  border-bottom: 1px solid var(--fur-text);
  padding-block-end: 4px;
  transition: opacity var(--fur-transition-fast);
}

.tft-prov-materials__link:hover {
  opacity: 0.8;
}

.tft-prov-materials__cards {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  .tft-prov-materials__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .tft-prov-materials__cards {
    grid-template-columns: 1fr;
  }
}

.tft-material-card {
  position: relative;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  transition: all var(--fur-transition-fast);
}

.tft-material-card:hover {
  transform: translateY(-2px);
  border-color: var(--fur-border-light);
  box-shadow: 0 4px 16px var(--fur-shadow);
}

.tft-material-card__img-wrapper {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: var(--fur-bg-secondary);
}

.tft-material-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-normal);
}

.tft-material-card:hover .tft-material-card__img {
  transform: scale(1.04);
}

.tft-material-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.tft-material-card__title {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-block-end: 6px;
  color: var(--fur-text);
}

.tft-material-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 11px;
  color: var(--fur-text-muted);
  line-height: 1.4;
  margin-block-end: 16px;
  padding-inline-end: 24px;
}

.tft-material-card__btn {
  position: absolute;
  inset-block-end: 16px;
  inset-inline-end: 16px;
  width: 28px;
  height: 28px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-text);
  background-color: var(--fur-surface);
  transition: all var(--fur-transition-fast);
}

.tft-material-card:hover .tft-material-card__btn {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-surface);
}


/* Materials pairings grid */
.tft-prov-pairings {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-bg-secondary);
  border-block-end: 1px solid var(--fur-border);
}

.tft-prov-pairings__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-prov-pairings__grid {
  display: flex;
  gap: 48px;
}

@media (max-width: 1024px) {
  .tft-prov-pairings__grid {
    flex-direction: column;
    gap: 32px;
  }
}

.tft-prov-pairings__info {
  flex: 0 0 280px;
}

@media (max-width: 1024px) {
  .tft-prov-pairings__info {
    flex: 1;
  }
}

.tft-prov-pairings__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

.tft-prov-pairings__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  line-height: 1.35;
  margin-block-end: 16px;
}

.tft-prov-pairings__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin-block-end: 32px;
}

.tft-prov-pairings__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text);
  text-decoration: none;
  border-bottom: 1px solid var(--fur-text);
  padding-block-end: 4px;
  transition: opacity var(--fur-transition-fast);
}

.tft-prov-pairings__link:hover {
  opacity: 0.8;
}

.tft-prov-pairings__cards {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  .tft-prov-pairings__cards {
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 400px;
    margin-inline: auto;
  }
}

.tft-pairing-card {
  position: relative;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  border: 1px solid var(--fur-border);
}

.tft-pairing-card__img-wrapper {
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
  background-color: var(--fur-surface);
}

.tft-pairing-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-normal);
}

.tft-pairing-card:hover .tft-pairing-card__img {
  transform: scale(1.03);
}

.tft-pairing-card__caption {
  position: absolute;
  inset-block-end: 20px;
  inset-inline-start: 20px;
  inset-inline-end: 20px;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  padding: 12px;
  text-align: center;
  border-radius: 4px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--fur-text);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}


/* Process Documentary Section */
.tft-prov-process {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-surface);
  border-block-end: 1px solid var(--fur-border);
}

.tft-prov-process__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-prov-process__grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 64px;
  align-items: center;
}

@media (max-width: 1024px) {
  .tft-prov-process__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.tft-prov-process__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tft-prov-process__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

.tft-prov-process__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  line-height: 1.3;
  margin-block-end: 20px;
}

.tft-prov-process__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin-block-end: 32px;
}

.tft-prov-process__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text);
  text-decoration: none;
  border-bottom: 1px solid var(--fur-text);
  padding-block-end: 4px;
  transition: opacity var(--fur-transition-fast);
}

.tft-prov-process__link:hover {
  opacity: 0.8;
}

.tft-prov-process__video-wrapper {
  display: flex;
  justify-content: center;
}

.tft-prov-process__video-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  border: 1px solid var(--fur-border);
  background-color: var(--fur-bg-secondary);
}

.tft-prov-process__video-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-slow);
}

.tft-prov-process__video-inner:hover .tft-prov-process__video-img {
  transform: scale(1.02);
}

.tft-prov-process__play-btn {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 68px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--fur-primary);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: all var(--fur-transition-fast);
  z-index: 2;
}

.tft-prov-process__play-btn:hover {
  transform: translate(-50%, -50%) scale(1.08);
  background-color: var(--fur-primary);
  color: var(--fur-surface);
}

.tft-prov-process__video-tag {
  position: absolute;
  inset-block-end: 20px;
  inset-inline-start: 20px;
  font-family: var(--fur-font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--fur-ref-white);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  z-index: 2;
}


/* Interactive Hotspots Section */
.tft-prov-space {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-bg-secondary);
  border-block-end: 1px solid var(--fur-border);
}

.tft-prov-space__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-prov-space__header {
  text-align: center;
  max-width: 650px;
  margin-inline: auto;
  margin-block-end: 56px;
}

.tft-prov-space__eyebrow {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
}

.tft-prov-space__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  line-height: 1.3;
  margin-block-end: 16px;
}

.tft-prov-space__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin-block-end: 24px;
}

.tft-prov-space__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text);
  text-decoration: none;
  border-bottom: 1px solid var(--fur-text);
  padding-block-end: 4px;
  transition: opacity var(--fur-transition-fast);
}

.tft-prov-space__link:hover {
  opacity: 0.8;
}

.tft-prov-space__layout {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 48px;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .tft-prov-space__layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.tft-prov-space__viewer {
  position: relative;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  border: 1px solid var(--fur-border);
}

.tft-prov-space__room-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Hotspots overlay markers */
.tft-hotspot {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.tft-hotspot__trigger {
  width: 32px;
  height: 32px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  border: 2px solid var(--fur-ref-white);
  color: var(--fur-ref-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: all var(--fur-transition-fast);
}

.tft-hotspot__trigger::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--fur-radius-full);
  box-shadow: 0 0 0 4px var(--fur-primary);
  animation: tftPulse 2s infinite;
  z-index: -1;
}

@keyframes tftPulse {
  0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(1.6); opacity: 0; }
}

.tft-hotspot__trigger:hover,
.tft-hotspot__trigger--active {
  background-color: var(--fur-ref-white);
  color: var(--fur-primary);
  transform: scale(1.08);
}

.tft-hotspot__plus {
  font-family: var(--fur-font-sans);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.tft-hotspot__popover {
  position: absolute;
  inset-block-end: 44px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  width: 240px;
  background-color: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(8px);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  padding: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all var(--fur-transition-fast);
  z-index: 15;
}

.tft-hotspot__popover[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(-6px);
}

.tft-hotspot__close {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 12px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: var(--fur-text-muted);
}

.tft-hotspot__title {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  font-weight: 700;
  margin-block-end: 6px;
  color: var(--fur-text);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-inline-end: 12px;
}

.tft-hotspot__text {
  font-family: var(--fur-font-sans);
  font-size: 11px;
  color: var(--fur-text-muted);
  line-height: 1.45;
  margin-block-end: 8px;
}

.tft-hotspot__meta {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-primary);
}


/* Sourcing Commitments vertical panel */
.tft-prov-space__commitments {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-block-start: 16px;
}

.tft-commitment {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.tft-commitment__icon-wrapper {
  width: 44px;
  height: 44px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-primary);
  flex-shrink: 0;
  box-shadow: 0 4px 12px var(--fur-shadow);
}

.tft-commitment__content {
  flex-grow: 1;
}

.tft-commitment__title {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  font-weight: 700;
  color: var(--fur-text);
  letter-spacing: 0.05em;
  margin-block-end: 4px;
}

.tft-commitment__desc {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  color: var(--fur-text-muted);
  line-height: 1.55;
  margin: 0;
}

.tft-prov-space__commitment-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fur-text);
  text-decoration: none;
  border-bottom: 2px solid var(--fur-text);
  padding-block-end: 4px;
  width: fit-content;
  margin-block-start: 16px;
  transition: opacity var(--fur-transition-fast);
}

.tft-prov-space__commitment-link:hover {
  opacity: 0.8;
}


/* Swatches order promo block */
.tft-prov-samples {
  padding-block: var(--fur-margin-block-lg);
  background-color: var(--fur-surface);
  border-block-end: 1px solid var(--fur-border);
}

.tft-prov-samples__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-prov-samples__layout {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 64px;
  align-items: center;
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: 48px;
  box-shadow: 0 4px 24px var(--fur-shadow);
}

@media (max-width: 1024px) {
  .tft-prov-samples__layout {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 32px;
  }
}

.tft-prov-samples__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tft-prov-samples__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  line-height: 1.25;
  margin-block-end: 12px;
}

.tft-prov-samples__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  line-height: 1.6;
  margin-block-end: 28px;
}

.tft-prov-samples__btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-block: 16px;
  padding-inline: 32px;
  border-radius: var(--fur-radius-sm);
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: var(--fur-primary);
  color: var(--fur-surface);
  transition: all var(--fur-transition-fast);
}

.tft-prov-samples__btn:hover {
  background-color: var(--fur-primary-hover);
}

.tft-prov-samples__tray {
  display: flex;
  justify-content: center;
}

.tft-prov-samples__tray-inner {
  position: relative;
  width: 100%;
  border-radius: var(--fur-radius-sm);
  overflow: hidden;
  border: 1px solid var(--fur-border);
}

.tft-prov-samples__tray-img {
  width: 100%;
  height: auto;
  display: block;
}

.tft-tray-marker {
  position: absolute;
  transform: translate(-50%, -50%);
}

.tft-tray-marker__btn {
  width: 28px;
  height: 28px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  border: 1px solid var(--fur-ref-white);
  color: var(--fur-ref-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform var(--fur-transition-fast);
}

.tft-tray-marker__btn:hover {
  transform: scale(1.1);
}

.tft-tray-marker__plus {
  font-family: var(--fur-font-sans);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}


/* Trust Badges Bar styling */
.tft-prov-badges {
  padding-block: var(--fur-margin-block-md);
  background-color: var(--fur-bg-secondary);
  border-block-end: 1px solid var(--fur-border);
}

.tft-prov-badges__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 24px;
}

.tft-prov-badges__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

@media (max-width: 1024px) {
  .tft-prov-badges__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 600px) {
  .tft-prov-badges__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.tft-badge-item {
  display: flex;
  gap: 12px;
  align-items: center;
}

.tft-badge-item__icon-wrapper {
  color: var(--fur-primary);
  flex-shrink: 0;
}

.tft-badge-item__content {
  display: flex;
  flex-direction: column;
}

.tft-badge-item__title {
  font-family: var(--fur-font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--fur-text);
  margin-block-end: 2px;
}

.tft-badge-item__desc {
  font-family: var(--fur-font-sans);
  font-size: 10px;
  color: var(--fur-text-muted);
  line-height: 1.3;
  margin: 0;
}


/* Swatch Selection styling */
.tft-swatch-option:hover {
  border-color: var(--fur-primary-hover) !important;
}

.tft-swatch-option input[type="checkbox"]:checked + img + span {
  font-weight: 700 !important;
}

/* ==========================================================================
   EDITORIAL SHOP COMPONENT LAYOUTS (.tft-eds-)
   ========================================================================== */

/* Breadcrumbs Section */
.tft-eds-breadcrumbs {
  padding-block: clamp(12px, 2vw, 20px);
  padding-inline: clamp(16px, 4vw, 48px);
  background-color: var(--fur-bg);
  border-block-end: 1px solid var(--fur-border);
}
.tft-eds-breadcrumbs__container {
  max-width: 1400px;
  margin-inline: auto;
}
.tft-eds-breadcrumbs__nav {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}
.tft-eds-breadcrumbs__link {
  transition: color var(--fur-transition-fast);
}
.tft-eds-breadcrumbs__link:hover {
  color: var(--fur-primary);
}
.tft-eds-breadcrumbs__sep {
  opacity: 0.5;
}
.tft-eds-breadcrumbs__current {
  color: var(--fur-text);
  font-weight: 500;
}

/* Seasonal Editorial Hero */
.tft-eds-hero {
  padding-block: clamp(40px, 8vw, 100px);
  padding-inline: clamp(16px, 4vw, 48px);
  background-color: var(--fur-bg-secondary);
  border-block-end: 1px solid var(--fur-border);
}
.tft-eds-hero__container {
  max-width: 1400px;
  margin-inline: auto;
}
.tft-eds-hero__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(32px, 6vw, 80px);
  align-items: center;
}
@media (max-width: 1024px) {
  .tft-eds-hero__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.tft-eds-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tft-eds-hero__eyebrow {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--fur-primary);
  margin-block-end: 16px;
  text-transform: uppercase;
}
.tft-eds-hero__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  font-weight: 400;
  line-height: 1.15;
  color: var(--fur-text);
  margin-block-end: 24px;
}
.tft-eds-hero__desc {
  font-family: var(--fur-font-sans);
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.6;
  color: var(--fur-text-muted);
  max-width: 540px;
  margin-block-end: 36px;
}
.tft-eds-hero__btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-block: 16px;
  padding-inline: 32px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: all var(--fur-transition-normal);
  border: 1px solid var(--fur-primary);
}
.tft-eds-hero__btn:hover {
  background-color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}
.tft-eds-hero__img-wrapper {
  overflow: hidden;
  border-radius: var(--fur-radius-lg);
  box-shadow: 0 8px 32px var(--fur-shadow);
}
.tft-eds-hero__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform var(--fur-transition-slow);
}
.tft-eds-hero__img:hover {
  transform: scale(1.03);
}

/* Split Lifestyle Sections */
.tft-eds-section {
  padding-block: clamp(40px, 8vw, 100px);
  padding-inline: clamp(16px, 4vw, 48px);
  background-color: var(--fur-surface);
  border-block-end: 1px solid var(--fur-border);
}
.tft-eds-section__container {
  max-width: 1400px;
  margin-inline: auto;
}
.tft-eds-section__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: clamp(32px, 6vw, 80px);
  align-items: center;
}
.tft-eds-section--reverse .tft-eds-section__grid {
  grid-template-columns: 1.2fr 1fr;
}
@media (max-width: 1024px) {
  .tft-eds-section__grid,
  .tft-eds-section--reverse .tft-eds-section__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .tft-eds-section--reverse .tft-eds-section__media {
    order: -1;
  }
}
.tft-eds-section__media {
  position: relative;
}
.tft-eds-section__img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: var(--fur-radius-lg);
  box-shadow: 0 8px 32px var(--fur-shadow);
}
.tft-eds-section__img {
  width: 100%;
  height: auto;
  aspect-ratio: 550/700;
  object-fit: cover;
}
.tft-eds-section__img-label {
  position: absolute;
  inset-inline-start: 24px;
  inset-block-end: 24px;
  background-color: var(--fur-surface);
  padding-block: 8px;
  padding-inline: 16px;
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--fur-text);
  box-shadow: 0 4px 12px var(--fur-shadow-lg);
}
.tft-eds-section__content {
  display: flex;
  flex-direction: column;
}
.tft-eds-section__eyebrow {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--fur-text-muted);
  margin-block-end: 16px;
}
.tft-eds-section__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.8rem, 3.5vw, 3rem);
  font-weight: 400;
  line-height: 1.25;
  color: var(--fur-text);
  margin-block-end: 20px;
}
.tft-eds-section__desc {
  font-family: var(--fur-font-sans);
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin-block-end: 28px;
  max-width: 580px;
}
.tft-eds-section__link-wrapper {
  margin-block-end: 40px;
}
.tft-eds-section__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--fur-primary);
  border-block-end: 2px solid var(--fur-primary);
  padding-block-end: 4px;
  transition: all var(--fur-transition-fast);
}
.tft-eds-section__link:hover {
  color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
  padding-inline-start: 4px;
}

/* Horizontal Scroll Carousels */
.tft-eds-carousel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-block-end: 16px;
}
.tft-eds-carousel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tft-eds-carousel__count {
  font-family: var(--fur-font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--fur-text-muted);
}
.tft-eds-carousel__nav-btns {
  display: flex;
  gap: 8px;
}
.tft-eds-carousel__btn-arrow {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--fur-text-muted);
  background-color: var(--fur-surface);
  transition: all var(--fur-transition-fast);
}
.tft-eds-carousel__btn-arrow:hover {
  color: var(--fur-text);
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}
.tft-eds-carousel__track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-block: 8px;
  scroll-behavior: smooth;
  cursor: grab;
  user-select: none;
}
.tft-eds-carousel__track::-webkit-scrollbar {
  display: none;
}
.tft-eds-carousel__track--dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

/* Carousel Product Cards */
.tft-eds-product-card {
  flex: 0 0 220px;
  display: flex;
  flex-direction: column;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 12px;
  box-shadow: 0 4px 12px var(--fur-shadow);
  transition: all var(--fur-transition-normal);
}
.tft-eds-product-card:hover {
  transform: translateY(-4px);
  border-color: var(--fur-primary);
  box-shadow: 0 8px 24px var(--fur-shadow-lg);
}
.tft-eds-product-card__img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-bg-secondary);
  aspect-ratio: 1;
  margin-block-end: 12px;
}
.tft-eds-product-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-normal);
}
.tft-eds-product-card:hover .tft-eds-product-card__img {
  transform: scale(1.05);
}
.tft-eds-product-card__add {
  position: absolute;
  inset-inline-end: 8px;
  inset-block-end: 8px;
  width: 32px;
  height: 32px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  color: var(--fur-text);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  box-shadow: 0 2px 8px var(--fur-shadow-lg);
  transition: all var(--fur-transition-fast);
}
.tft-eds-product-card__add:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  transform: scale(1.1);
}
.tft-eds-product-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tft-eds-product-card__title {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--fur-text);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tft-eds-product-card__price {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 700;
  color: var(--fur-primary);
}
.tft-eds-product-card__swatches {
  display: flex;
  gap: 6px;
  margin-block-start: 4px;
}
.tft-eds-product-card__swatch {
  width: 10px;
  height: 10px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  cursor: pointer;
}
.tft-eds-product-card__swatch--active {
  box-shadow: 0 0 0 1px var(--fur-surface), 0 0 0 2px var(--fur-primary);
}

/* Materials Promo Section */
.tft-eds-promo {
  padding-block: clamp(60px, 10vw, 120px);
  padding-inline: clamp(16px, 4vw, 48px);
  background-color: var(--fur-bg-secondary);
  text-align: center;
  border-block-end: 1px solid var(--fur-border);
  position: relative;
  overflow: hidden;
}
.tft-eds-promo::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('../img/fur_material_sample_tray.png');
  background-size: cover;
  background-position: center;
  opacity: 0.04;
  pointer-events: none;
}
.tft-eds-promo__container {
  max-width: 800px;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
.tft-eds-promo__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tft-eds-promo__eyebrow {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--fur-primary);
  margin-block-end: 16px;
  text-transform: uppercase;
}
.tft-eds-promo__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 400;
  line-height: 1.25;
  color: var(--fur-text);
  margin-block-end: 20px;
}
.tft-eds-promo__desc {
  font-family: var(--fur-font-sans);
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin-block-end: 36px;
}
.tft-eds-promo__btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-block: 16px;
  padding-inline: 32px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: all var(--fur-transition-normal);
  border: 1px solid var(--fur-primary);
}
.tft-eds-promo__btn:hover {
  background-color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

/* IntersectionObserver Scroll Reveals */
.tft-eds-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.tft-eds-reveal--visible {
  opacity: 1;
  transform: translateY(0);
}

/* ==========================================================================
   PAGE 3: ROOM SHOP (tft-rms-)
   ========================================================================== */
.tft-rms-breadcrumbs {
  padding-block: var(--fur-margin-block-md);
  border-bottom: 1px solid var(--fur-border);
}
.tft-rms-breadcrumbs__container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: 24px;
}
.tft-rms-breadcrumbs__nav {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
}
.tft-rms-breadcrumbs__link {
  color: var(--fur-text-muted);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}
.tft-rms-breadcrumbs__link:hover {
  color: var(--fur-primary);
}
.tft-rms-breadcrumbs__sep {
  color: var(--fur-border-light);
}
.tft-rms-breadcrumbs__current {
  color: var(--fur-text);
  font-weight: 500;
}

.tft-rms-intro {
  padding-block: var(--fur-margin-block-lg);
}
.tft-rms-intro__container {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 24px;
  text-align: center;
}
.tft-rms-intro__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  margin-block-end: 16px;
  color: var(--fur-text);
}
.tft-rms-intro__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  line-height: 1.6;
  color: var(--fur-text-muted);
}

.tft-rms-grid-sec {
  padding-block-end: var(--fur-margin-block-lg);
}
.tft-rms-grid-sec__container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: 24px;
}
.tft-rms-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media (max-width: 768px) {
  .tft-rms-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.tft-rms-card {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: var(--fur-radius-md);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
}
.tft-rms-card--wide {
  grid-column: 1 / -1;
  aspect-ratio: 21 / 9;
}
@media (max-width: 768px) {
  .tft-rms-card {
    aspect-ratio: 4 / 3;
    padding: 24px;
  }
}
.tft-rms-card__bg-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.tft-rms-card__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-slow);
}
.tft-rms-card:hover .tft-rms-card__bg {
  transform: scale(1.03);
}
.tft-rms-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%);
  z-index: 2;
}
.tft-rms-card__content {
  position: relative;
  z-index: 3;
  color: var(--fur-ref-white);
  max-width: 480px;
}
.tft-rms-card__count {
  display: inline-block;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-block-end: 12px;
  color: var(--fur-ref-beige-200);
}
.tft-rms-card__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  margin-block-end: 12px;
}
.tft-rms-card__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  line-height: 1.5;
  margin-block-end: 24px;
  opacity: 0.9;
}
.tft-rms-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fur-ref-white);
  text-decoration: none;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  letter-spacing: 0.15em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-block-end: 4px;
  transition: all var(--fur-transition-fast);
}
.tft-rms-card__link:hover {
  border-bottom-color: var(--fur-ref-white);
  gap: 12px;
}

/* ==========================================================================
   PAGE 4: COMPLETE ROOM SHOP (tft-cpt-)
   ========================================================================== */
.tft-cpt-hero {
  padding-block: var(--fur-margin-block-md);
}
.tft-cpt-hero__container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: 24px;
}
.tft-cpt-hero__layout {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 991px) {
  .tft-cpt-hero__layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.tft-cpt-hero__info {
  display: flex;
  flex-direction: column;
}
.tft-cpt-hero__back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text-muted);
  text-decoration: none;
  margin-block-end: 24px;
}
.tft-cpt-hero__back-link:hover {
  color: var(--fur-primary);
}
.tft-cpt-hero__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  margin-block-end: 16px;
  color: var(--fur-text);
}
.tft-cpt-hero__price-row {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-block-end: 24px;
}
.tft-cpt-hero__price-val {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-h2);
  font-weight: 700;
  color: var(--fur-primary);
}
.tft-cpt-hero__price-label {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}
.tft-cpt-hero__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin-block-end: 32px;
}
.tft-cpt-hero__includes {
  background-color: var(--fur-bg-secondary);
  padding: 32px;
  border-radius: var(--fur-radius-md);
  margin-block-end: 36px;
}
.tft-cpt-hero__includes-title {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--fur-text);
  margin-block-end: 16px;
}
.tft-cpt-hero__includes-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 24px;
}
@media (max-width: 480px) {
  .tft-cpt-hero__includes-list {
    grid-template-columns: 1fr;
  }
}
.tft-cpt-hero__includes-list li {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  position: relative;
  padding-inline-start: 20px;
}
.tft-cpt-hero__includes-list li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--fur-primary);
}
.tft-cpt-hero__cta-wrapper {
  margin-block-end: 40px;
}
.tft-cpt-hero__add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 400px;
  padding-block: 20px;
  padding-inline: 36px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  font-weight: 600;
  letter-spacing: 0.05em;
  border: 1px solid var(--fur-primary);
  cursor: pointer;
  transition: all var(--fur-transition-normal);
}
.tft-cpt-hero__add-btn:hover {
  background-color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}
.tft-cpt-hero__usps {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  border-top: 1px solid var(--fur-border);
  padding-block-start: 24px;
}
.tft-cpt-hero__usp {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}
.tft-cpt-hero__visual {
  width: 100%;
  border-radius: var(--fur-radius-md);
  overflow: hidden;
}
.tft-cpt-hero__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.tft-cpt-grid-sec {
  padding-block: var(--fur-margin-block-lg);
  border-top: 1px solid var(--fur-border);
  background-color: var(--fur-bg-secondary);
}
.tft-cpt-grid-sec__container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: 24px;
}
.tft-cpt-grid-sec__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 12px;
}
.tft-cpt-grid-sec__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  margin-block-end: 48px;
}
.tft-cpt-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 32px;
}
.tft-cpt-product-card {
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  border: 1px solid var(--fur-border);
  display: flex;
  flex-direction: column;
}
.tft-cpt-product-card__img-wrap {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: var(--fur-bg-secondary);
}
.tft-cpt-product-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-normal);
}
.tft-cpt-product-card:hover .tft-cpt-product-card__img {
  transform: scale(1.03);
}
.tft-cpt-product-card__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tft-cpt-product-card__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h3);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 8px;
}
.tft-cpt-product-card__material {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  margin-block-end: 16px;
}
.tft-cpt-product-card__price {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  font-weight: 700;
  color: var(--fur-primary);
  margin-block-end: 20px;
}
.tft-cpt-product-card__add-btn {
  margin-block-start: auto;
  width: 100%;
  padding-block: 12px;
  border-radius: var(--fur-radius-full);
  background-color: transparent;
  color: var(--fur-primary);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  border: 1px solid var(--fur-primary);
  cursor: pointer;
  transition: all var(--fur-transition-normal);
}
.tft-cpt-product-card__add-btn:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

/* ==========================================================================
   PAGE 5: MATERIAL SHOP (tft-mat-)
   ========================================================================== */
.tft-mat-intro {
  padding-block: var(--fur-margin-block-md);
}
.tft-mat-intro__container {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 24px;
  text-align: center;
}
.tft-mat-intro__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 16px;
}
.tft-mat-intro__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
}

.tft-mat-swatches-sec {
  padding-block-end: var(--fur-margin-block-md);
}
.tft-mat-swatches-sec__container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: 24px;
}
.tft-mat-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  border-bottom: 1px solid var(--fur-border);
  padding-block-end: 32px;
}
.tft-mat-tab {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 24px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  cursor: pointer;
  transition: all var(--fur-transition-normal);
}
.tft-mat-tab:hover {
  border-color: var(--fur-primary);
  transform: translateY(-2px);
}
.tft-mat-tab--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text);
}
.tft-mat-tab__img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.tft-mat-tab__info {
  display: flex;
  flex-direction: column;
  text-align: start;
}
.tft-mat-tab__name {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  font-weight: 600;
}
.tft-mat-tab__count {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  opacity: 0.7;
}
.tft-mat-tab--active .tft-mat-tab__count {
  color: var(--fur-ref-beige-200);
}

.tft-mat-grid-sec {
  padding-block-end: var(--fur-margin-block-lg);
}
.tft-mat-grid-sec__container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: 24px;
}
.tft-mat-pane {
  display: none;
}
.tft-mat-pane--active {
  display: block;
}
.tft-mat-pane__header {
  margin-block-end: 40px;
  max-width: 720px;
}
.tft-mat-pane__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 12px;
}
.tft-mat-pane__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
}
.tft-mat-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 32px;
}
.tft-mat-item-card {
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-md);
  border: 1px solid var(--fur-border);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color var(--fur-transition-normal);
}
.tft-mat-item-card:hover {
  border-color: var(--fur-primary);
}
.tft-mat-item-card__img-wrap {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: var(--fur-bg-secondary);
}
.tft-mat-item-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-normal);
}
.tft-mat-item-card:hover .tft-mat-item-card__img {
  transform: scale(1.03);
}
.tft-mat-item-card__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tft-mat-item-card__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h3);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 12px;
}
.tft-mat-item-card__price {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  font-weight: 700;
  color: var(--fur-primary);
  margin-block-end: 20px;
}
.tft-mat-item-card__add {
  margin-block-start: auto;
  width: 100%;
  padding-block: 12px;
  border-radius: var(--fur-radius-full);
  background-color: transparent;
  color: var(--fur-primary);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  border: 1px solid var(--fur-primary);
  cursor: pointer;
  transition: all var(--fur-transition-normal);
}
.tft-mat-item-card__add:hover {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

/* ==========================================================================
   PAGE 6: SHOP THE HOME (tft-sth-)
   ========================================================================== */
.tft-sth-intro {
  padding-block: var(--fur-margin-block-md);
}
.tft-sth-intro__container {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 24px;
  text-align: center;
}
.tft-sth-intro__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 16px;
}
.tft-sth-intro__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
}

.tft-sth-interactive-sec {
  padding-block-end: var(--fur-margin-block-lg);
}
.tft-sth-interactive-sec__container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: 24px;
}
.tft-sth-viewer {
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-md);
  padding: 16px;
  border: 1px solid var(--fur-border);
}
.tft-sth-stage {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--fur-radius-sm);
}
.tft-sth-stage__bg {
  width: 100%;
  height: auto;
  display: block;
}
.tft-sth-spot-wrap {
  position: absolute;
  z-index: 10;
}
.tft-sth-spot {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--fur-primary);
  border: 3px solid var(--fur-ref-white);
  box-shadow: var(--fur-shadow-lg);
  cursor: pointer;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--fur-transition-fast);
}
.tft-sth-spot:hover {
  transform: translate(-50%, -50%) scale(1.15);
}
.tft-sth-spot__pulse {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--fur-primary);
  opacity: 0.4;
  animation: tftHotspotPulse 2s infinite ease-out;
}
@keyframes tftHotspotPulse {
  0% {
    transform: scale(1);
    opacity: 0.45;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

.tft-sth-popup {
  position: absolute;
  bottom: 40px;
  inset-inline-start: 50%;
  transform: translateX(-50%) translateY(10px);
  width: 280px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 16px;
  box-shadow: var(--fur-shadow-lg);
  display: flex;
  gap: 16px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all var(--fur-transition-normal);
  z-index: 12;
}
.tft-sth-popup::after {
  content: "";
  position: absolute;
  top: 100%;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: var(--fur-surface) transparent transparent transparent;
}
.tft-sth-popup::before {
  content: "";
  position: absolute;
  top: 100%;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  border-width: 9px;
  border-style: solid;
  border-color: var(--fur-border) transparent transparent transparent;
  z-index: -1;
}
.tft-sth-popup--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.tft-sth-popup__img {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-bg-secondary);
}
.tft-sth-popup__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tft-sth-popup__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-body);
  font-weight: 600;
  color: var(--fur-text);
  margin-block-end: 4px;
}
.tft-sth-popup__price {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  color: var(--fur-primary);
  margin-block-end: 12px;
}
.tft-sth-popup__add {
  align-self: flex-start;
  padding-block: 6px;
  padding-inline: 16px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color var(--fur-transition-fast);
}
.tft-sth-popup__add:hover {
  background-color: var(--fur-primary-hover);
}

/* ==========================================================================
   TFT ROOM PLANNER & FINDER MOBILE RESPONSIVENESS ADJUSTMENTS (2026)
   ========================================================================== */

/* Hide horizontal scrollbar for Spatial Finder bottom category island selector */
.tft-fnd-island::-webkit-scrollbar {
  display: none !important;
}
.tft-fnd-island {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

/* Hide Spatial Finder page title label on small screens to prevent header collisions */
@media (max-width: 640px) {
  .tft-fnd-header__title {
    display: none !important;
  }
}

/* Room Composer Canvas Toolbar Mobile Adjustments to fit 320px screens */
@media (max-width: 600px) {
  .tft-rc-toolbar {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    height: auto !important;
    padding: 8px 12px !important;
    gap: 8px !important;
    border-radius: var(--fur-radius-md) !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    width: calc(100% - 20px) !important;
  }
  
  .tft-rc-toolbar__left,
  .tft-rc-toolbar__right {
    gap: 4px !important;
    flex: 0 1 auto !important;
  }
  
  .tft-rc-toolbar__center {
    width: 100% !important;
    justify-content: center !important;
    order: 3 !important;
    border-top: 1px solid var(--fur-border-light) !important;
    padding-top: 8px !important;
    gap: 8px !important;
  }
  
  .tft-rc-view-btn {
    padding: 4px 8px !important;
    font-size: 0.72rem !important;
  }
  
  .tft-rc-select-view-wrap {
    width: auto !important;
  }
  
  .tft-rc-select-view {
    padding: 4px 8px !important;
    font-size: 0.72rem !important;
  }
}

/* ==========================================================================
   TFT SPLIT-SCREEN GALLERY SHOP SYSTEM (2026)
   ========================================================================== */

.tft-sgs-container {
  display: grid;
  grid-template-columns: 280px 1fr 1.2fr;
  min-height: calc(100vh - 120px);
  background-color: var(--fur-bg);
  position: relative;
}

.tft-sgs-sidebar {
  border-inline-end: 1px solid var(--fur-border);
  padding: 32px 24px;
  background-color: var(--fur-bg);
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: sticky;
  top: 120px;
  height: calc(100vh - 120px);
  overflow-y: auto;
}

.tft-sgs-sidebar::-webkit-scrollbar {
  width: 4px;
}
.tft-sgs-sidebar::-webkit-scrollbar-thumb {
  background-color: var(--fur-border);
  border-radius: var(--fur-radius-full);
}

.tft-sgs-sidebar__section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-sgs-sidebar__title {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-text);
  margin: 0;
}

.tft-sgs-sidebar__cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-sgs-sidebar__cat-link {
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  color: var(--fur-text-muted);
  text-decoration: none;
  transition: color var(--fur-transition-fast), padding-inline-start var(--fur-transition-fast);
  padding-block: 2px;
}
.tft-sgs-sidebar__cat-link:hover,
.tft-sgs-sidebar__cat-link--active {
  color: var(--fur-primary);
  padding-inline-start: 6px;
}

.tft-sgs-sidebar__check-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-sgs-sidebar__check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  color: var(--fur-text);
  cursor: pointer;
}
.tft-sgs-sidebar__check input[type="checkbox"] {
  accent-color: var(--fur-primary);
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.tft-sgs-sidebar__slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tft-sgs-sidebar__slider-wrap input[type="range"] {
  width: 100%;
  accent-color: var(--fur-primary);
  cursor: pointer;
}
.tft-sgs-sidebar__price-range {
  display: flex;
  justify-content: space-between;
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
}

.tft-sgs-sidebar__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tft-sgs-sidebar__swatch {
  width: 24px;
  height: 24px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  cursor: pointer;
  position: relative;
  transition: transform var(--fur-transition-fast);
}
.tft-sgs-sidebar__swatch:hover,
.tft-sgs-sidebar__swatch--active {
  transform: scale(1.2);
  outline: 2px solid var(--fur-primary);
  outline-offset: 2px;
}

/* Sustainability badge style */
.tft-sgs-sidebar__badge-card {
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.tft-sgs-sidebar__badge-icon {
  color: var(--fur-primary);
  flex-shrink: 0;
}
.tft-sgs-sidebar__badge-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tft-sgs-sidebar__badge-title {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--fur-text);
}
.tft-sgs-sidebar__badge-desc {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
  line-height: 1.4;
}

/* Middle: Sticky Lifestyle Scene */
.tft-sgs-lifestyle {
  position: sticky;
  top: 120px;
  height: calc(100vh - 120px);
  overflow: hidden;
  background-color: var(--fur-bg-secondary);
}
.tft-sgs-lifestyle__img-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.tft-sgs-lifestyle__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tft-sgs-lifestyle__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
  color: var(--fur-ref-white, #ffffff);
}
.tft-sgs-lifestyle__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 400;
  margin: 0;
  margin-block-end: 16px;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.tft-sgs-lifestyle__desc {
  font-family: var(--fur-font-sans);
  font-size: 1rem;
  line-height: 1.6;
  max-width: 440px;
  margin: 0;
  margin-block-end: 24px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.tft-sgs-lifestyle__btn {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  border-block-end: 2px solid #ffffff;
  padding-block-end: 4px;
  transition: opacity var(--fur-transition-fast), gap var(--fur-transition-fast);
}
.tft-sgs-lifestyle__btn:hover {
  opacity: 0.8;
  gap: 12px;
}

/* Right: Products list & sorting */
.tft-sgs-catalog {
  padding: 40px;
  overflow-y: auto;
}
.tft-sgs-catalog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-block-end: 1px solid var(--fur-border-light, var(--fur-border));
  padding-block-end: 20px;
  margin-block-end: 32px;
}
.tft-sgs-catalog__heading-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tft-sgs-catalog__title {
  font-family: var(--fur-font-serif);
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  color: var(--fur-text);
}
.tft-sgs-catalog__count {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
}
.tft-sgs-catalog__sort-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
}
.tft-sgs-catalog__sort-label {
  color: var(--fur-text-muted);
}
.tft-sgs-catalog__sort-select {
  border: none;
  background-color: transparent;
  color: var(--fur-text);
  font-weight: 700;
  font-family: var(--fur-font-sans);
  cursor: pointer;
  outline: none;
}

.tft-sgs-catalog__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

/* Responsive collapse rules */
@media (max-width: 1280px) {
  .tft-sgs-container {
    grid-template-columns: 240px 1fr 1fr;
  }
  .tft-sgs-catalog {
    padding: 24px;
  }
  .tft-sgs-catalog__grid {
    gap: 20px;
  }
}

@media (max-width: 1024px) {
  .tft-sgs-container {
    grid-template-columns: 1fr;
  }
  .tft-sgs-sidebar {
    position: relative;
    top: 0;
    height: auto;
    border-inline-end: none;
    border-block-end: 1px solid var(--fur-border);
    padding: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .tft-sgs-sidebar__section {
    flex: 1 1 200px;
  }
  .tft-sgs-lifestyle {
    position: relative;
    top: 0;
    height: 480px;
  }
  .tft-sgs-catalog {
    padding: 32px 24px;
  }
}

@media (max-width: 640px) {
  .tft-sgs-sidebar {
    flex-direction: column;
    gap: 24px;
  }
  .tft-sgs-sidebar__section {
    flex: 1 1 100%;
  }
  .tft-sgs-lifestyle {
    height: 360px;
  }
  .tft-sgs-lifestyle__overlay {
    padding: 24px;
  }

  .tft-sgs-catalog__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .tft-sgs-catalog__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* ==========================================================================
   09. FLOATING MASONRY SHOP STYLES
   ========================================================================== */
.tft-fms-container {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
  max-width: 1440px;
  margin: 0 auto;
  padding-inline: 40px;
  padding-block: 40px;
  align-items: start;
}

/* Sidebar Styling */
.tft-fms-sidebar {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: sticky;
  top: 100px;
  height: calc(100vh - 140px);
  overflow-y: auto;
  padding-inline-end: 20px;
  border-inline-end: 1px solid var(--fur-border-light, var(--fur-border));
}

.tft-fms-sidebar__tag {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-text-muted);
  margin-block-end: 8px;
}

.tft-fms-sidebar__heading {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: var(--fur-text);
}

.tft-fms-sidebar__filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: transparent;
  border: 1px solid var(--fur-border);
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  transition: all var(--fur-transition-fast);
}

.tft-fms-sidebar__filter-btn:hover {
  background-color: var(--fur-text);
  color: var(--fur-bg);
}

.tft-fms-sidebar__section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-fms-sidebar__title {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text);
  margin: 0;
}

.tft-fms-sidebar__cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tft-fms-sidebar__cat-link {
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  color: var(--fur-text-muted);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}

.tft-fms-sidebar__cat-link:hover,
.tft-fms-sidebar__cat-link--active {
  color: var(--fur-text);
  font-weight: 600;
}

.tft-fms-sidebar__check-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tft-fms-sidebar__check {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  color: var(--fur-text-muted);
  cursor: pointer;
}

.tft-fms-sidebar__check input {
  cursor: pointer;
}

.tft-fms-sidebar__slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tft-fms-sidebar__slider-wrap input[type="range"] {
  width: 100%;
  accent-color: var(--fur-text);
  cursor: pointer;
}

.tft-fms-sidebar__price-range {
  display: flex;
  justify-content: space-between;
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
}

.tft-fms-sidebar__swatches {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.tft-fms-sidebar__swatch {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--fur-border);
  cursor: pointer;
  transition: transform var(--fur-transition-fast);
}

.tft-fms-sidebar__swatch:hover,
.tft-fms-sidebar__swatch--active {
  transform: scale(1.15);
  box-shadow: 0 0 0 2px var(--fur-text);
}

/* Catalog Grid Area */
.tft-fms-catalog {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.tft-fms-catalog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-block-end: 1px solid var(--fur-border-light, var(--fur-border));
  padding-block-end: 16px;
}

.tft-fms-catalog__count {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
}

.tft-fms-catalog__sort-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
}

.tft-fms-catalog__sort-label {
  color: var(--fur-text-muted);
}

.tft-fms-catalog__sort-select {
  border: none;
  background: transparent;
  color: var(--fur-text);
  font-weight: 700;
  cursor: pointer;
  outline: none;
}

/* Floating Masonry Grid System */
.tft-fms-catalog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(260px, auto);
  gap: 32px;
}

/* Card custom shapes matching image */
.tft-fms-card--landscape {
  grid-column: span 2;
  grid-row: span 2;
}

.tft-fms-card--portrait {
  grid-column: span 1;
  grid-row: span 2;
}

.tft-fms-card--standard {
  grid-column: span 1;
  grid-row: span 1;
}

/* Customize BEM overrides for masonry look */
.tft-fms-catalog__grid .fur-product-card {
  position: relative;
  background-color: var(--fur-card-bg, var(--fur-surface));
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.tft-fms-catalog__grid .fur-product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px var(--fur-shadow, hsla(0, 0%, 0%, 0.05));
}

.tft-fms-catalog__grid .fur-product-card__img-wrap {
  position: relative;
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
  background-color: var(--fur-ref-beige-100);
}

.tft-fms-catalog__grid .fur-product-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.tft-fms-catalog__grid .fur-product-card:hover .fur-product-card__img {
  transform: scale(1.05);
}

/* Info overlay style for large landscape cards */
.tft-fms-card--landscape .fur-product-card__info {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background: linear-gradient(to top, var(--fur-ref-overlay-dark), transparent);
  color: var(--fur-ref-white);
  padding: 24px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tft-fms-card--landscape .fur-product-card__title {
  color: var(--fur-ref-white) !important;
  font-size: 1.25rem;
  margin: 0;
}

.tft-fms-card--landscape .fur-product-card__price {
  color: var(--fur-ref-white) !important;
  font-size: 1rem;
}

/* Info styling for standard & portrait cards (below image or absolute overlay) */
.tft-fms-card--portrait .fur-product-card__info,
.tft-fms-card--standard .fur-product-card__info {
  padding: 16px;
  background-color: var(--fur-card-bg, var(--fur-surface));
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tft-fms-card--portrait .fur-product-card__title,
.tft-fms-card--standard .fur-product-card__title {
  font-family: var(--fur-font-serif);
  font-size: 1rem;
  font-weight: 400;
  color: var(--fur-text);
  margin: 0;
}

.tft-fms-card--portrait .fur-product-card__price,
.tft-fms-card--standard .fur-product-card__price {
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  color: var(--fur-text-muted);
}

/* Action buttons hovers matching image circular badges */
.tft-fms-catalog__grid .fur-product-card__wishlist {
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--fur-surface);
  opacity: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  transform: translateY(-8px);
  transition: all var(--fur-transition-fast);
  color: var(--fur-text);
}

.tft-fms-catalog__grid .fur-product-card__add-btn {
  position: absolute;
  bottom: 16px;
  inset-inline-end: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--fur-surface);
  opacity: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 3;
  transform: translateY(8px);
  transition: all var(--fur-transition-fast);
  color: var(--fur-text);
}

.tft-fms-catalog__grid .fur-product-card:hover .fur-product-card__wishlist,
.tft-fms-catalog__grid .fur-product-card:hover .fur-product-card__add-btn {
  opacity: 0.95;
  transform: translateY(0);
}

.tft-fms-catalog__grid .fur-product-card__wishlist:hover,
.tft-fms-catalog__grid .fur-product-card__add-btn:hover {
  background-color: var(--fur-text);
  color: var(--fur-bg);
  opacity: 1;
}

/* Grid items transition animations */
.tft-fms-catalog__grid .fur-product-card {
  animation: tftFadeInUp 0.6s ease backwards;
}

@keyframes tftFadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Stagger animations for initial load */
.tft-fms-catalog__grid .fur-product-card:nth-child(1) { animation-delay: 0.05s; }
.tft-fms-catalog__grid .fur-product-card:nth-child(2) { animation-delay: 0.1s; }
.tft-fms-catalog__grid .fur-product-card:nth-child(3) { animation-delay: 0.15s; }
.tft-fms-catalog__grid .fur-product-card:nth-child(4) { animation-delay: 0.2s; }
.tft-fms-catalog__grid .fur-product-card:nth-child(5) { animation-delay: 0.25s; }

/* Responsive break points */
@media (max-width: 1200px) {
  .tft-fms-container {
    grid-template-columns: 240px 1fr;
    gap: 30px;
    padding-inline: 24px;
  }
  .tft-fms-catalog__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(220px, auto);
    gap: 24px;
  }
  /* Remove layout shape spans on smaller grid */
  .tft-fms-card--landscape,
  .tft-fms-card--portrait,
  .tft-fms-card--standard {
    grid-column: span 1;
    grid-row: span 1;
  }
  .tft-fms-card--landscape .fur-product-card__info {
    position: relative;
    background-color: var(--fur-card-bg, var(--fur-surface));
    color: var(--fur-text);
    padding: 16px;
  }
  .tft-fms-card--landscape .fur-product-card__title {
    color: var(--fur-text) !important;
  }
  .tft-fms-card--landscape .fur-product-card__price {
    color: var(--fur-text-muted) !important;
  }
}

@media (max-width: 991px) {
  .tft-fms-container {
    grid-template-columns: 1fr;
  }
  .tft-fms-sidebar {
    position: relative;
    top: 0;
    height: auto;
    border-inline-end: none;
    padding-inline-end: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }
  .tft-fms-sidebar__section {
    flex: 1 1 200px;
  }
}

@media (max-width: 576px) {
  .tft-fms-sidebar {
    flex-direction: column;
  }
  .tft-fms-catalog__grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   TFT - PRESET TRENDING NOW PRODUCT HOVER OVERRIDES
   ========================================================================== */
body.fur-layout-classic .fur-trending__product-item {
  position: relative !important;
  border-inline-start: none !important; /* Remove static left border override */
  padding-inline-start: 12px !important;
  transition: background-color var(--fur-transition-normal), box-shadow var(--fur-transition-normal), transform var(--fur-transition-normal) !important;
  --tft-translate-x: 64px;
  --tft-thumb-size: 48px;
  --tft-thumb-left: 48px;
}

@media (max-width: 480px) {
  body.fur-layout-classic .fur-trending__product-item {
    --tft-translate-x: 52px;
    --tft-thumb-size: 38px;
    --tft-thumb-left: 42px;
  }
}

/* Left animated border line that grows vertically from center */
body.fur-layout-classic .fur-trending__product-item::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 0 !important;
  inset-inline-start: 0 !important;
  width: 3px !important;
  background-color: var(--fur-primary) !important;
  transform: scaleY(0) !important;
  transform-origin: center !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
}

body.fur-layout-classic .fur-trending__product-item:hover::before {
  transform: scaleY(1) !important;
}

/* Soft card shadow & glassmorphic bg on hover */
body.fur-layout-classic .fur-trending__product-item:hover {
  background-color: var(--fur-bg-secondary) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 8px 24px -8px var(--fur-shadow-lg) !important;
  transform: translateX(4px) !important;
}

/* Animated product thumbnail image preview container */
body.fur-layout-classic .fur-trending__product-item::after {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: var(--tft-thumb-left) !important;
  inset-block-start: calc(50% - (var(--tft-thumb-size) / 2)) !important;
  width: var(--tft-thumb-size) !important;
  height: var(--tft-thumb-size) !important;
  border-radius: var(--fur-radius-sm) !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 0 !important;
  transform: translateX(-12px) scale(0.85) !important;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: none !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 4px 12px var(--fur-shadow) !important;
  z-index: 1 !important;
}

body.fur-layout-classic .fur-trending__product-item:hover::after {
  opacity: 1 !important;
  transform: translateX(0) scale(1) !important;
}

/* Dynamic background images based on product items in the list */
body.fur-layout-classic .fur-trending__product-list .fur-trending__product-item:nth-child(1)::after {
  background-image: url('../img/fur_sofa_boucle.png') !important;
}
body.fur-layout-classic .fur-trending__product-list .fur-trending__product-item:nth-child(2)::after {
  background-image: url('../img/fur_prod_floor_lamp.png') !important;
}
body.fur-layout-classic .fur-trending__product-list .fur-trending__product-item:nth-child(3)::after {
  background-image: url('../img/fur_prod_sideboard_dark.png') !important;
}

/* Accent scaling on list number */
body.fur-layout-classic .fur-trending__product-item .fur-trending__num {
  transition: all var(--fur-transition-normal) !important;
  transform-origin: left center !important;
}

body.fur-layout-classic .fur-trending__product-item:hover .fur-trending__num {
  color: var(--fur-primary) !important;
  transform: scale(1.1) !important;
  opacity: 1 !important;
}

/* Translate details text to make space for thumbnail slide-in */
body.fur-layout-classic .fur-trending__product-item .fur-trending__product-details {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.fur-layout-classic .fur-trending__product-item:hover .fur-trending__product-details {
  transform: translateX(var(--tft-translate-x)) !important;
}

/* Morph circle link button to wide pill */
body.fur-layout-classic .fur-trending__product-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  gap: 0 !important;
  transition: all var(--fur-transition-normal) !important;
}

body.fur-layout-classic .fur-trending__product-item:hover .fur-trending__product-link {
  width: 90px !important;
  padding-inline: 12px !important;
  gap: 6px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  transform: translateX(0) !important;
}

/* Rotate and shift arrow slightly inside pill */
body.fur-layout-classic .fur-trending__product-link svg {
  flex-shrink: 0 !important;
  transition: transform var(--fur-transition-normal) !important;
}

body.fur-layout-classic .fur-trending__product-item:hover .fur-trending__product-link svg {
  transform: translateX(2px) !important;
}

/* Expand text content to reveal shop CTA inside pill on hover */
body.fur-layout-classic .fur-trending__product-link::before {
  content: "SHOP" !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: var(--fur-button-text) !important;
  opacity: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  transition: opacity var(--fur-transition-fast), max-width var(--fur-transition-normal) !important;
}

body.fur-layout-classic .fur-trending__product-item:hover .fur-trending__product-link::before {
  opacity: 1 !important;
  max-width: 50px !important;
}

/* ==========================================================================
   TFT - HOME 3 SPLIT SHOWCASE RESPONSIVE & FOOTER POLISH
   ========================================================================== */

/* Prevent double scrollbars on desktop viewports */
@media (min-width: 1025px) {
  html:has(.fur-split-layout),
  body:has(.fur-split-layout) {
    overflow: hidden !important;
    height: 100vh !important;
  }
}

/* Adjust the premium footer when loaded inside the scrollable right split panel */
@media (min-width: 1025px) {
  /* Hide the large vertical arch photo column to save horizontal grid space */
  .fur-split-layout__right .tft-footer__col-arch {
    display: none !important;
  }

  /* Re-grid the main footer columns for a 55% wide workspace */
  .fur-split-layout__right .tft-footer__main-grid {
    gap: clamp(16px, 2vw, 24px) !important;
  }

  @media (min-width: 1200px) {
    .fur-split-layout__right .tft-footer__main-grid {
      grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
    }
    .fur-split-layout__right .tft-footer__col-brand {
      grid-column: span 1 !important;
    }
    .fur-split-layout__right .tft-footer__col-newsletter {
      grid-column: span 4 !important;
      margin-block-start: 16px !important;
      border-block-start: 1px solid var(--fur-border) !important;
      padding-block-start: 24px !important;
      max-width: 100% !important;
    }
  }

  @media (min-width: 1025px) and (max-width: 1199px) {
    .fur-split-layout__right .tft-footer__main-grid {
      grid-template-columns: 1fr 1fr !important;
    }
    .fur-split-layout__right .tft-footer__col-brand {
      grid-column: span 1 !important;
    }
    .fur-split-layout__right .tft-footer__col-newsletter {
      grid-column: span 2 !important;
      margin-block-start: 16px !important;
      border-block-start: 1px solid var(--fur-border) !important;
      padding-block-start: 24px !important;
      max-width: 100% !important;
    }
  }

  /* Constrain the newsletter text and input form width for layout elegance */
  .fur-split-layout__right .tft-footer__newsletter-text {
    max-width: 480px !important;
  }

  .fur-split-layout__right .tft-footer__form {
    max-width: 400px !important;
  }

  /* Adjust Trust Badges to render in a balanced 2x2 grid instead of squished 4-columns */
  .fur-split-layout__right .tft-footer__trust-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    padding-inline: 0 !important;
  }

  /* Stack lower footer items vertically to align with narrow column layout */
  .fur-split-layout__right .tft-footer__lower-container {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 32px !important;
    padding-block-start: 32px !important;
  }

  .fur-split-layout__right .tft-footer__quote-block {
    max-width: 100% !important;
    width: 100% !important;
  }

  .fur-split-layout__right .tft-footer__seen-in {
    width: 100% !important;
    align-items: flex-start !important;
  }

  .fur-split-layout__right .tft-footer__seen-logos {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
  }

  .fur-split-layout__right .tft-footer__meta-info {
    width: 100% !important;
    align-items: flex-start !important;
    text-align: inset-inline-start !important;
  }

  .fur-split-layout__right .tft-footer__meta-galleries {
    justify-content: flex-start !important;
  }
}

/* Ensure mobile header matches theme variables and covers standard layout spacing */
@media (max-width: 1024px) {
  body:has(.fur-split-layout) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

/* ==========================================================================
   CLASSIC HERO TRUST STRIP READABILITY OVERRIDES
   ========================================================================== */
.fur-hero--classic .fur-hero__trust-strip {
  background-color: color-mix(in srgb, var(--fur-surface) 90%, transparent) !important;
  backdrop-filter: blur(20px) !important;
  border-block-start: 1px solid var(--fur-border) !important;
  box-shadow: 0 -4px 30px var(--fur-shadow) !important;
}

.fur-hero--classic .fur-hero__trust-item {
  border-inline-end: 1px solid var(--fur-border) !important;
  padding-inline: 16px !important;
}

.fur-hero--classic .fur-hero__trust-item:last-child {
  border-inline-end: none !important;
}

.fur-hero--classic .fur-hero__trust-item .fur-icon {
  color: var(--fur-primary) !important;
  transition: color var(--fur-transition-fast) !important;
}

.fur-hero--classic .fur-hero__trust-item strong {
  color: var(--fur-text) !important;
  font-weight: 700 !important;
}

.fur-hero--classic .fur-hero__trust-item span {
  color: var(--fur-text-muted) !important;
  font-weight: 500 !important;
}

/* Dark Mode Classic Hero Trust Strip Override */
body[data-theme="dark"] .fur-hero--classic .fur-hero__trust-strip {
  background-color: var(--fur-glass-dark) !important;
  border-block-start: 1px solid color-mix(in srgb, var(--fur-ref-white) 10%, transparent) !important;
  box-shadow: none !important;
}

body[data-theme="dark"] .fur-hero--classic .fur-hero__trust-item {
  border-inline-end: 1px solid color-mix(in srgb, var(--fur-ref-white) 10%, transparent) !important;
}

body[data-theme="dark"] .fur-hero--classic .fur-hero__trust-item .fur-icon {
  color: var(--fur-ref-lime-400) !important;
}

body[data-theme="dark"] .fur-hero--classic .fur-hero__trust-item strong {
  color: var(--fur-ref-white) !important;
}

body[data-theme="dark"] .fur-hero--classic .fur-hero__trust-item span {
  color: color-mix(in srgb, var(--fur-ref-white) 70%, transparent) !important;
}

/* Responsive adjustments for classic trust strip on small viewports */
@media (max-width: 1024px) {
  .fur-hero--classic .fur-hero__trust-strip {
    position: relative !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding-inline: 24px !important;
    padding-block: 24px !important;
  }

  .fur-hero--classic .fur-hero__trust-item {
    border-inline-end: none !important;
    border-block-end: 1px solid var(--fur-border) !important;
    padding-block-end: 12px !important;
    padding-inline: 0 !important;
    justify-content: flex-start !important;
  }

  .fur-hero--classic .fur-hero__trust-item:last-child {
    border-block-end: none !important;
    padding-block-end: 0 !important;
  }

  body[data-theme="dark"] .fur-hero--classic .fur-hero__trust-item {
    border-block-end: 1px solid color-mix(in srgb, var(--fur-ref-white) 10%, transparent) !important;
  }
}

/* ==========================================================================
   TFT SPATIAL RESONANCE ACOUSTICS BLOCK - REFINEMENTS
   ========================================================================== */

/* Unified Background Image without splits */
body.tft-page-journal .tft-sound--v2 .tft-sound__hero-bg {
  background-image: url('../img/fur_sound_bg_unified.png') !important;
  background-position: 80% center !important;
  background-size: cover !important;
}

/* Seamless overlay gradient matching newly generated unified background */
body.tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay {
  background: linear-gradient(to right, 
    var(--fur-ref-beige-50) 0%, 
    color-mix(in srgb, var(--fur-ref-beige-50) 98%, transparent) 35%, 
    color-mix(in srgb, var(--fur-ref-beige-50) 75%, transparent) 60%, 
    transparent 95%) !important;
}

/* Dark Mode (data-theme="dark") Overrides to prevent low-contrast text */
body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__hero-header,
body[data-theme="dark"] .tft-sound--v2 .tft-sound__hero-header {
  background-color: var(--fur-ref-forest-900) !important;
  border-color: var(--fur-ref-forest-800) !important;
}

/* Apply filter in dark mode to invert and recolor the background to deep forest green */
body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__hero-bg,
body[data-theme="dark"] .tft-sound--v2 .tft-sound__hero-bg {
  filter: invert(0.95) sepia(0.3) saturate(0.8) hue-rotate(75deg) brightness(0.55) contrast(1.15) !important;
}

/* Deep forest overlay shroud for perfect dark mode text contrast */
body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay,
body[data-theme="dark"] .tft-sound--v2 .tft-sound__hero-overlay {
  background: linear-gradient(to right, 
    var(--fur-ref-forest-900) 0%, 
    color-mix(in srgb, var(--fur-ref-forest-900) 98%, transparent) 35%, 
    color-mix(in srgb, var(--fur-ref-forest-900) 75%, transparent) 60%, 
    transparent 95%) !important;
}

/* Dark mode text colors */
body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__volume,
body[data-theme="dark"] .tft-sound--v2 .tft-sound__volume {
  color: var(--fur-ref-lime-400) !important;
}

body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__title,
body[data-theme="dark"] .tft-sound--v2 .tft-sound__title {
  color: var(--fur-ref-white) !important;
}

body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__desc,
body[data-theme="dark"] .tft-sound--v2 .tft-sound__desc {
  color: var(--fur-ref-beige-dark-muted) !important;
}

/* RTL Support - Logical directions and image alignment swaps */
[dir="rtl"] body.tft-page-journal .tft-sound--v2 .tft-sound__hero-bg {
  background-position: 20% center !important;
}

[dir="rtl"] body.tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay {
  background: linear-gradient(to left, 
    var(--fur-ref-beige-50) 0%, 
    color-mix(in srgb, var(--fur-ref-beige-50) 98%, transparent) 35%, 
    color-mix(in srgb, var(--fur-ref-beige-50) 75%, transparent) 60%, 
    transparent 95%) !important;
}

[dir="rtl"] body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay,
[dir="rtl"] body[data-theme="dark"] .tft-sound--v2 .tft-sound__hero-overlay {
  background: linear-gradient(to left, 
    var(--fur-ref-forest-900) 0%, 
    color-mix(in srgb, var(--fur-ref-forest-900) 98%, transparent) 35%, 
    color-mix(in srgb, var(--fur-ref-forest-900) 75%, transparent) 60%, 
    transparent 95%) !important;
}

/* Responsive Overrides (max-width: 768px) */
@media (max-width: 768px) {
  body.tft-page-journal .tft-sound--v2 .tft-sound__hero-bg {
    background-position: 75% center !important;
  }
  
  body.tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay {
    background: linear-gradient(to right, 
      var(--fur-ref-beige-50) 0%, 
      var(--fur-ref-beige-50) 70%, 
      color-mix(in srgb, var(--fur-ref-beige-50) 90%, transparent) 85%, 
      color-mix(in srgb, var(--fur-ref-beige-50) 40%, transparent) 100%) !important;
  }

  body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay,
  body[data-theme="dark"] .tft-sound--v2 .tft-sound__hero-overlay {
    background: linear-gradient(to right, 
      var(--fur-ref-forest-900) 0%, 
      var(--fur-ref-forest-900) 70%, 
      color-mix(in srgb, var(--fur-ref-forest-900) 90%, transparent) 85%, 
      color-mix(in srgb, var(--fur-ref-forest-900) 40%, transparent) 100%) !important;
  }

  /* Responsive RTL overrides */
  [dir="rtl"] body.tft-page-journal .tft-sound--v2 .tft-sound__hero-bg {
    background-position: 25% center !important;
  }

  [dir="rtl"] body.tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay {
    background: linear-gradient(to left, 
      var(--fur-ref-beige-50) 0%, 
      var(--fur-ref-beige-50) 70%, 
      color-mix(in srgb, var(--fur-ref-beige-50) 90%, transparent) 85%, 
      color-mix(in srgb, var(--fur-ref-beige-50) 40%, transparent) 100%) !important;
  }

  [dir="rtl"] body[data-theme="dark"].tft-page-journal .tft-sound--v2 .tft-sound__hero-overlay,
  [dir="rtl"] body[data-theme="dark"] .tft-sound--v2 .tft-sound__hero-overlay {
    background: linear-gradient(to left, 
      var(--fur-ref-forest-900) 0%, 
      var(--fur-ref-forest-900) 70%, 
      color-mix(in srgb, var(--fur-ref-forest-900) 90%, transparent) 85%, 
      color-mix(in srgb, var(--fur-ref-forest-900) 40%, transparent) 100%) !important;
  }
}

/* ==========================================================================
   TFT DRAWER, OVERLAY, LOADER & TOAST LAYER RESETS (z-index Stack fixes)
   ========================================================================== */

/* Overrides to ensure slide-out panels and dialog screens render above tft-header (z-index 1000) */
.tft-fnd-drawer {
  z-index: 2100 !important;
}

.fur-cart-overlay {
  z-index: 2200 !important;
}

.fur-modal-overlay {
  z-index: 2300 !important;
}

.tft-fnd-toast {
  z-index: 2400 !important;
}

.tft-fnd-loader {
  z-index: 2500 !important;
}

/* ==========================================================================
   TFT REDESIGNED CONTACT PAGE SECTION (.tft-cnt-)
   ========================================================================== */

.tft-cnt-page {
  padding-inline: clamp(1rem, 2vw, 3rem);
  padding-block: var(--fur-margin-block-md);
  background-color: var(--fur-bg);
  display: flex;
  flex-direction: column;
  gap: var(--fur-margin-block-md);
}

/* 1. Hero Banner */
.tft-cnt-hero {
  position: relative;
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  height: clamp(300px, 40vh, 500px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-inline: clamp(1.5rem, 4vw, 4rem);
  padding-block: clamp(1.5rem, 4vw, 4rem);
}

.tft-cnt-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.tft-cnt-hero__overlay {
  position: absolute;
  inset: 0;
  background: var(--fur-ref-overlay-dark);
  z-index: 2;
}

.tft-cnt-hero__content {
  position: relative;
  z-index: 3;
  color: var(--fur-ref-white);
  max-width: 600px;
}

.tft-cnt-hero__breadcrumbs {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-ref-beige-dark);
  margin-block-end: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.tft-cnt-hero__breadcrumbs a {
  color: var(--fur-ref-white);
  transition: color var(--fur-transition-fast);
}

.tft-cnt-hero__breadcrumbs a:hover {
  color: var(--fur-ref-lime-400);
}

.tft-cnt-hero__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  line-height: 1.2;
  margin-block-end: 12px;
}

.tft-cnt-hero__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-ref-beige-dark-muted);
}

/* 2. Three Column Main Grid */
.tft-cnt-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: var(--fur-margin-block-md);
  align-items: start;
}

@media (max-width: 1024px) {
  .tft-cnt-grid {
    grid-template-columns: 1fr;
  }
}

/* Card Styling */
.tft-cnt-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding-inline: clamp(1.2rem, 2vw, 2.5rem);
  padding-block: clamp(1.2rem, 2vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-shadow: 0 4px 20px var(--fur-shadow);
}

.tft-cnt-card--advice {
  background-color: var(--fur-surface-secondary);
}

.tft-cnt-card__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 4px;
}

.tft-cnt-card__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  line-height: 1.5;
}

/* Forms & Inputs */
.tft-cnt-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-cnt-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 600px) {
  .tft-cnt-form__row {
    grid-template-columns: 1fr;
  }
}

.tft-cnt-form__group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tft-cnt-label {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
}

.tft-cnt-input,
.tft-cnt-select,
.tft-cnt-textarea {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  padding-inline: 16px;
  padding-block: 12px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  outline: none;
  transition: border-color var(--fur-transition-fast), background-color var(--fur-transition-fast);
}

.tft-cnt-input:focus,
.tft-cnt-select:focus,
.tft-cnt-textarea:focus {
  border-color: var(--fur-primary);
  background-color: var(--fur-surface);
}

.tft-cnt-textarea {
  resize: vertical;
  min-height: 120px;
}

.tft-cnt-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23454545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  padding-inline-end: 40px;
}

[dir="rtl"] .tft-cnt-select {
  background-position: 16px center;
  padding-inline-end: 16px;
  padding-inline-start: 40px;
}

/* Interest Selector */
.tft-cnt-interest-label {
  margin-block-start: 8px;
}

.tft-cnt-interest-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

@media (max-width: 600px) {
  .tft-cnt-interest-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.tft-cnt-interest-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-inline: 8px;
  padding-block: 16px;
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-surface);
  cursor: pointer;
  transition: all var(--fur-transition-normal);
  text-align: center;
  gap: 8px;
}

.tft-cnt-interest-btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}

.tft-cnt-interest-btn--active {
  border-color: var(--fur-primary);
  background-color: var(--fur-sidebar-active);
  color: var(--fur-primary);
}

.tft-cnt-interest-btn svg {
  color: var(--fur-text-muted);
  transition: color var(--fur-transition-fast);
}

.tft-cnt-interest-btn--active svg {
  color: var(--fur-primary);
}

.tft-cnt-interest-btn span {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 600;
}

/* Buttons */
.tft-cnt-submit-btn,
.tft-cnt-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-inline: 24px;
  padding-block: 14px;
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: all var(--fur-transition-normal);
  width: 100%;
}

.tft-cnt-submit-btn {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border: 1px solid var(--fur-primary);
}

.tft-cnt-submit-btn:hover {
  background-color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
  transform: translateY(-1px);
}

.tft-cnt-action-btn {
  background-color: var(--fur-surface);
  color: var(--fur-text);
  border: 1px solid var(--fur-border);
}

.tft-cnt-action-btn:hover {
  background-color: var(--fur-bg-secondary);
  border-color: var(--fur-primary);
}

.tft-cnt-privacy-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

/* Contact List */
.tft-cnt-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tft-cnt-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.tft-cnt-item__icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--fur-primary);
}

.tft-cnt-item__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tft-cnt-item__label {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text-muted);
}

.tft-cnt-item__val {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
}

.tft-cnt-item__sub {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

/* Showroom Section */
.tft-cnt-showrooms__tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid var(--fur-border);
  padding-block-end: 12px;
}

.tft-cnt-showrooms__tab {
  padding-inline: 16px;
  padding-block: 8px;
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--fur-text-muted);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}

.tft-cnt-showrooms__tab:hover {
  border-color: var(--fur-primary);
  color: var(--fur-text);
}

.tft-cnt-showrooms__tab--active {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border-color: var(--fur-primary);
}

.tft-cnt-showrooms__details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-cnt-showrooms__media {
  position: relative;
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  height: 180px;
}

.tft-cnt-showrooms__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tft-cnt-showrooms__link {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--fur-primary);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.tft-cnt-showrooms__link:hover {
  color: var(--fur-primary-hover);
}

/* Social Strip */
.tft-cnt-socials {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tft-cnt-social-btn {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-text);
  transition: all var(--fur-transition-fast);
}

.tft-cnt-social-btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

/* 3. Trust Strip */
.tft-cnt-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  border-block: 1px solid var(--fur-border);
  padding-block: var(--fur-margin-block-md);
  margin-block: var(--fur-margin-block-md);
}

@media (max-width: 900px) {
  .tft-cnt-features {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .tft-cnt-features {
    grid-template-columns: 1fr;
  }
}

.tft-cnt-feature-card {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tft-cnt-feature-card__icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-bg-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-primary);
  flex-shrink: 0;
}

.tft-cnt-feature-card__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tft-cnt-feature-card__title {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  color: var(--fur-text);
}

.tft-cnt-feature-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
}

/* 4. FAQ & Stay Inspired columns */
.tft-cnt-faq-inspired {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--fur-margin-block-lg);
  align-items: start;
}

@media (max-width: 900px) {
  .tft-cnt-faq-inspired {
    grid-template-columns: 1fr;
  }
}

/* FAQ accordion style */
.tft-cnt-faq__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-margin-block-md);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 24px;
}

.tft-cnt-faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-cnt-faq-item {
  border-bottom: 1px solid var(--fur-border);
  padding-block-end: 12px;
}

.tft-cnt-faq-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-block: 16px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
  text-align: left;
  cursor: pointer;
  transition: color var(--fur-transition-fast);
}

.tft-cnt-faq-btn:hover {
  color: var(--fur-primary);
}

.tft-cnt-faq-btn svg {
  transition: transform var(--fur-transition-normal);
  color: var(--fur-text-muted);
}

.tft-cnt-faq-btn[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.tft-cnt-faq-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--fur-transition-normal);
}

.tft-cnt-faq-panel p {
  padding-block-end: 16px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  line-height: 1.6;
}

/* Stay Inspired right column */
.tft-cnt-inspired-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.tft-cnt-inspired-media {
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  height: 240px;
}

.tft-cnt-inspired-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tft-cnt-newsletter {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding-inline: clamp(1.2rem, 2vw, 2.5rem);
  padding-block: clamp(1.2rem, 2vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 4px 20px var(--fur-shadow);
}

.tft-cnt-newsletter__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  color: var(--fur-text);
}

.tft-cnt-newsletter__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
}

.tft-cnt-newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-cnt-newsletter-form__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

@media (max-width: 480px) {
  .tft-cnt-newsletter-form__row {
    grid-template-columns: 1fr;
  }
}

.tft-cnt-newsletter-input {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  padding-inline: 16px;
  padding-block: 12px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  outline: none;
}

.tft-cnt-newsletter-submit {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  padding-inline: 24px;
  padding-block: 12px;
  border-radius: var(--fur-radius-sm);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--fur-transition-fast);
}

.tft-cnt-newsletter-submit:hover {
  background-color: var(--fur-primary-hover);
}

.tft-cnt-checkbox-wrap {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.tft-cnt-checkbox {
  margin-block-start: 4px;
}

.tft-cnt-checkbox-label {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  color: var(--fur-text-muted);
  line-height: 1.4;
}

/* ==========================================================================
   TFT REDESIGNED CHECKOUT SECTION (.tft-chk-)
   ========================================================================== */

.tft-chk-catalog {
  padding-inline: clamp(1rem, 2vw, 3rem);
  padding-block: var(--fur-margin-block-md);
  background-color: var(--fur-bg);
  display: flex;
  flex-direction: column;
  gap: var(--fur-margin-block-md);
}

.tft-chk-hero {
  position: relative;
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  height: clamp(260px, 35vh, 450px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-inline: clamp(1.5rem, 4vw, 4rem);
  padding-block: clamp(1.5rem, 4vw, 4rem);
}

.tft-chk-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.tft-chk-hero__overlay {
  position: absolute;
  inset: 0;
  background: var(--fur-ref-overlay-dark);
  z-index: 2;
}

.tft-chk-hero__content {
  position: relative;
  z-index: 3;
  color: var(--fur-ref-white);
  max-width: 600px;
}

.tft-chk-hero__breadcrumbs {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-ref-beige-dark-muted);
  margin-block-end: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.tft-chk-hero__breadcrumbs a {
  color: var(--fur-ref-white);
  text-decoration: none;
  transition: color var(--fur-transition-fast);
}

.tft-chk-hero__breadcrumbs a:hover {
  color: var(--fur-ref-lime-400);
}

.tft-chk-hero__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h1);
  font-weight: 400;
  line-height: 1.2;
  margin-block-end: 8px;
}

.tft-chk-hero__desc {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-body);
  color: var(--fur-ref-beige-dark-muted);
}

/* Stepper Steps */
.tft-chk-stepper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-block-end: var(--fur-margin-block-md);
  padding-block: 10px;
}

.tft-chk-stepper::before {
  content: "";
  position: absolute;
  inset-inline-start: 5%;
  inset-inline-end: 5%;
  block-size: 1px;
  background-color: var(--fur-border);
  z-index: 1;
}

.tft-chk-stepper__step {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: var(--fur-bg);
  padding-inline: 16px;
  z-index: 2;
  position: relative;
}

.tft-chk-stepper__bubble {
  width: 36px;
  height: 36px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fur-font-sans);
  font-weight: 700;
  font-size: 0.8rem;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
}

.tft-chk-stepper__step--active .tft-chk-stepper__bubble {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.tft-chk-stepper__label {
  display: flex;
  flex-direction: column;
}

.tft-chk-stepper__title {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--fur-text);
}

.tft-chk-stepper__subtitle {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  color: var(--fur-text-muted);
}

@media (max-width: 900px) {
  .tft-chk-stepper {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-inline-start: 16px;
  }
  .tft-chk-stepper::before {
    display: none;
  }
  .tft-chk-stepper__step {
    padding-inline: 0;
    background-color: transparent;
  }
}

/* Two-column layout */
.tft-chk-layout {
  display: grid;
  grid-template-columns: 1.62fr 1fr;
  gap: clamp(1.5rem, 3vw, 3.5rem);
  align-items: start;
}

@media (max-width: 1024px) {
  .tft-chk-layout {
    grid-template-columns: 1fr;
  }
}

/* Form Card Panels */
.tft-chk-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding-inline: clamp(1.5rem, 3vw, 2.5rem);
  padding-block: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0 4px 20px var(--fur-shadow);
  margin-block-end: 24px;
}

.tft-chk-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 16px;
}

.tft-chk-card__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  color: var(--fur-text);
}

.tft-chk-card__saved-addr-btn {
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  padding-inline: 16px;
  padding-block: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}

.tft-chk-card__saved-addr-btn:hover {
  background-color: var(--fur-border);
}

/* Fields & Inputs */
.tft-chk-input-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 600px) {
  .tft-chk-input-row {
    grid-template-columns: 1fr;
  }
}

.tft-chk-input-row-three {
  display: grid;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
  gap: 16px;
}

@media (max-width: 600px) {
  .tft-chk-input-row-three {
    grid-template-columns: 1fr;
  }
}

.tft-chk-input-row-three-var {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1.5fr;
  gap: 16px;
}

@media (max-width: 600px) {
  .tft-chk-input-row-three-var {
    grid-template-columns: 1fr;
  }
}

.tft-chk-input-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tft-chk-label {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--fur-text);
}

.tft-chk-input,
.tft-chk-select {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  padding-inline: 16px;
  padding-block: 12px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  outline: none;
  transition: border-color var(--fur-transition-fast), background-color var(--fur-transition-fast);
}

.tft-chk-input:focus,
.tft-chk-select:focus {
  border-color: var(--fur-primary);
  background-color: var(--fur-surface);
}

.tft-chk-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23454545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  padding-inline-end: 40px;
}

[dir="rtl"] .tft-chk-select {
  background-position: 16px center;
  padding-inline-end: 16px;
  padding-inline-start: 40px;
}

.tft-chk-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.tft-chk-input-wrap .tft-chk-input {
  width: 100%;
  padding-inline-end: 40px;
}

.tft-chk-input-wrap__icon {
  position: absolute;
  inset-inline-end: 16px;
  color: var(--fur-text-muted);
  display: flex;
  align-items: center;
  pointer-events: none;
}

/* Green Notice */
.tft-chk-notice {
  background-color: var(--fur-sidebar-active);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 18px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.tft-chk-notice__icon {
  color: var(--fur-primary);
  flex-shrink: 0;
}

.tft-chk-notice__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tft-chk-notice__title {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--fur-text);
  margin: 0;
}

.tft-chk-notice__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  line-height: 1.4;
  margin: 0;
}

.tft-chk-notice__link {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-decoration: none;
  margin-block-start: 4px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.tft-chk-notice__link:hover {
  text-decoration: underline;
}

/* Shipping Method Selection Cards */
.tft-chk-shipping-methods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  .tft-chk-shipping-methods {
    grid-template-columns: 1fr;
  }
}

.tft-chk-shipping-card {
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  background-color: var(--fur-surface);
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  position: relative;
  outline: none;
}

.tft-chk-shipping-card:hover {
  border-color: var(--fur-primary-hover);
}

.tft-chk-shipping-card--active {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}

.tft-chk-shipping-card__radio-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 16px;
  height: 16px;
  margin-block-start: 2px;
  flex-shrink: 0;
}

.tft-chk-shipping-card__radio-custom {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  transition: all var(--fur-transition-fast);
}

.tft-chk-shipping-card--active .tft-chk-shipping-card__radio-custom {
  border-color: var(--fur-primary);
}

.tft-chk-shipping-card--active .tft-chk-shipping-card__radio-custom::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-primary);
}

.tft-chk-shipping-card__icon {
  color: var(--fur-text-muted);
  flex-shrink: 0;
  margin-block-start: 1px;
}

.tft-chk-shipping-card--active .tft-chk-shipping-card__icon {
  color: var(--fur-primary);
}

.tft-chk-shipping-card__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-grow: 1;
}

.tft-chk-shipping-card__title {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--fur-text);
  margin: 0;
}

.tft-chk-shipping-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  margin: 0;
}

.tft-chk-shipping-card__price {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fur-text);
  margin-block-start: 4px;
}

/* Payment Tab Selectors */
.tft-chk-payment-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media (max-width: 600px) {
  .tft-chk-payment-tabs {
    grid-template-columns: 1fr;
  }
}

.tft-chk-payment-tab {
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  background-color: var(--fur-surface);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  outline: none;
}

.tft-chk-payment-tab:hover {
  border-color: var(--fur-primary-hover);
}

.tft-chk-payment-tab--active {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}

.tft-chk-payment-tab__title {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--fur-text);
}

.tft-chk-payment-tab__brands {
  display: flex;
  align-items: center;
  gap: 4px;
}

.tft-chk-payment-tab__brand-img {
  height: 12px;
  width: auto;
  object-fit: contain;
}

/* Order Summary Sticky Panel */
.tft-chk-summary-panel {
  position: sticky;
  top: 100px;
}

.tft-chk-summary-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding-inline: clamp(1.2rem, 2.5vw, 2rem);
  padding-block: clamp(1.2rem, 2.5vw, 2rem);
  box-shadow: 0 4px 20px var(--fur-shadow);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tft-chk-summary-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 16px;
}

.tft-chk-summary-card__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  font-weight: 400;
  color: var(--fur-text);
  margin: 0;
}

.tft-chk-summary-card__edit-link {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--fur-primary);
  text-decoration: underline;
}

.tft-chk-summary-card__edit-link:hover {
  color: var(--fur-primary-hover);
}

.tft-chk-summary-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 280px;
  overflow-y: auto;
  padding-inline-end: 4px;
}

.tft-chk-summary-item {
  display: flex;
  gap: 16px;
  align-items: center;
}

.tft-chk-summary-item__img-wrap {
  width: 64px;
  height: 64px;
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-bg-secondary);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fur-border);
}

.tft-chk-summary-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tft-chk-summary-item__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-grow: 1;
}

.tft-chk-summary-item__title {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--fur-text);
  margin: 0;
}

.tft-chk-summary-item__meta {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: var(--fur-text-muted);
}

.tft-chk-summary-item__price-qty {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.tft-chk-summary-item__price {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--fur-text);
}

.tft-chk-summary-item__qty {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  color: var(--fur-text-muted);
}

.tft-chk-totals {
  border-block-start: 1px solid var(--fur-border);
  padding-block-start: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-chk-totals__row {
  display: flex;
  justify-content: space-between;
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  color: var(--fur-text-muted);
}

.tft-chk-totals__row--total {
  border-block-start: 1px dashed var(--fur-border);
  padding-block-start: 12px;
  font-size: var(--fur-fs-body);
  font-weight: 700;
  color: var(--fur-text);
}

.tft-chk-co2-offset {
  background-color: var(--fur-sidebar-active);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.tft-chk-co2-offset__icon {
  color: var(--fur-primary);
  flex-shrink: 0;
}

.tft-chk-co2-offset__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tft-chk-co2-offset__title {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fur-text);
  margin: 0;
}

.tft-chk-co2-offset__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  color: var(--fur-text-muted);
  line-height: 1.4;
  margin: 0;
}

/* Need Help Block */
.tft-chk-help-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  box-shadow: 0 4px 20px var(--fur-shadow);
  margin-block-start: 24px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  align-items: stretch;
}

.tft-chk-help-card__content {
  padding-inline: clamp(1.2rem, 2vw, 1.8rem);
  padding-block: clamp(1.2rem, 2vw, 1.8rem);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tft-chk-help-card__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h3);
  font-weight: 400;
  color: var(--fur-text);
  margin: 0;
}

.tft-chk-help-card__subtitle {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  margin: 0;
}

.tft-chk-help-card__channels {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-chk-help-card__channel {
  display: flex;
  gap: 10px;
  align-items: center;
}

.tft-chk-help-card__channel-icon {
  color: var(--fur-text-muted);
  flex-shrink: 0;
}

.tft-chk-help-card__channel-info {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.tft-chk-help-card__channel-label {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--fur-text);
}

.tft-chk-help-card__channel-val {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  color: var(--fur-text-muted);
}

.tft-chk-help-card__media {
  position: relative;
  background-color: var(--fur-bg-secondary);
}

.tft-chk-help-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Trust list under help */
.tft-chk-trust-badges {
  margin-block-start: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tft-chk-trust-badge {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.tft-chk-trust-badge__icon {
  color: var(--fur-text-muted);
  flex-shrink: 0;
  margin-block-start: 2px;
}

.tft-chk-trust-badge__content {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.tft-chk-trust-badge__title {
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fur-text);
  margin: 0;
}

.tft-chk-trust-badge__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  color: var(--fur-text-muted);
  margin: 0;
}

/* Horizontal trust strip banner before footer */
.tft-chk-trust-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  padding: 24px 32px;
  margin-block-start: var(--fur-margin-block-md);
  margin-block-end: var(--fur-margin-block-md);
}

@media (max-width: 900px) {
  .tft-chk-trust-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .tft-chk-trust-strip {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}

.tft-chk-trust-strip-card {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tft-chk-trust-strip-card__icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-primary);
  flex-shrink: 0;
}

.tft-chk-trust-strip-card__content {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.tft-chk-trust-strip-card__title {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--fur-text);
  margin: 0;
}

.tft-chk-trust-strip-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  color: var(--fur-text-muted);
  margin: 0;
}

/* ==========================================================================
   TFT CHECKOUT STEP NAVIGATION
   ========================================================================== */

.tft-chk-step-nav {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-block-start: 8px;
}

.tft-chk-step-nav .tft-cnt-submit-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.tft-chk-step-nav__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-inline: 20px;
  padding-block: 14px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  white-space: nowrap;
}

.tft-chk-step-nav__back:hover {
  background-color: var(--fur-bg-secondary);
  border-color: var(--fur-primary);
}

/* ==========================================================================
   TFT EDITORIAL JOURNAL (BLOG) STYLES
   ========================================================================== */

.tft-blg-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: var(--fur-bg-secondary);
  border-block-end: 1px solid var(--fur-border);
}

.tft-blg-hero__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline: clamp(2rem, 5vw, 4.5rem);
  padding-block: clamp(2.5rem, 6vw, 5.5rem);
}

.tft-blg-hero__eyebrow {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  color: var(--fur-primary);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-block-end: 1rem;
  display: block;
}

.tft-blg-hero__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 4.5vw, 3.8rem);
  font-weight: 400;
  line-height: 1.1;
  color: var(--fur-text);
  margin-block-end: 1.5rem;
}

.tft-blg-hero__desc {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.88rem, 1.1vw, 1.05rem);
  color: var(--fur-text-muted);
  line-height: 1.6;
  max-width: 460px;
  margin-block-end: 2.2rem;
}

.tft-blg-hero__search {
  position: relative;
  max-width: 380px;
}

.tft-blg-hero__search-input {
  width: 100%;
  padding-inline-start: 20px;
  padding-inline-end: 50px;
  padding-block: 13px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  outline: none;
  transition: border-color var(--fur-transition-fast), box-shadow var(--fur-transition-fast);
}

.tft-blg-hero__search-input:focus {
  border-color: var(--fur-primary);
  box-shadow: 0 4px 12px var(--fur-shadow);
}

.tft-blg-hero__search-btn {
  position: absolute;
  inset-inline-end: 4px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: var(--fur-text-muted);
  cursor: pointer;
  padding-inline: 14px;
  padding-block: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--fur-radius-full);
  transition: color var(--fur-transition-fast);
}

.tft-blg-hero__search-btn:hover {
  color: var(--fur-primary);
}

.tft-blg-hero__right {
  position: relative;
  min-height: 380px;
}

.tft-blg-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tft-blg-hero__img-overlay {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--fur-bg-secondary) 0%, transparent 100%);
  pointer-events: none;
}

/* Category Tab Strip */
.tft-blg-cats {
  display: flex;
  gap: 12px;
  padding-block: 20px;
  margin-block-end: 24px;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
}

.tft-blg-cats::-webkit-scrollbar {
  display: none; /* Safari/Chrome */
}

.tft-blg-cats__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-inline: 16px;
  padding-block: 10px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 500;
  color: var(--fur-text);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  white-space: nowrap;
}

.tft-blg-cats__tab-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-text-muted);
  transition: color var(--fur-transition-fast);
}

.tft-blg-cats__tab-count {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  font-weight: 400;
  margin-inline-start: 4px;
}

.tft-blg-cats__tab:hover {
  background-color: var(--fur-bg-secondary);
  border-color: var(--fur-primary);
}

.tft-blg-cats__tab--active {
  color: var(--fur-button-text);
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
}

.tft-blg-cats__tab--active .tft-blg-cats__tab-icon,
.tft-blg-cats__tab--active .tft-blg-cats__tab-count {
  color: var(--fur-button-text);
  opacity: 0.85;
}

/* Feed layout */
.tft-blg-body {
  display: grid;
  grid-template-columns: 2.1fr 1fr;
  gap: 40px;
  margin-block-end: var(--fur-margin-block-lg);
}

.tft-blg-feed {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* Featured main article post */
.tft-blg-featured {
  display: flex;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal);
}

.tft-blg-featured:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px var(--fur-shadow-lg);
}

.tft-blg-featured__img-wrap {
  flex: 1.25;
  position: relative;
  overflow: hidden;
  min-height: 300px;
}

.tft-blg-featured__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--fur-transition-slow);
}

.tft-blg-featured:hover .tft-blg-featured__img {
  transform: scale(1.03);
}

.tft-blg-featured__badge {
  position: absolute;
  inset-block-start: 16px;
  inset-inline-start: 16px;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-inline: 12px;
  padding-block: 5px;
  border-radius: var(--fur-radius-full);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.tft-blg-featured__body {
  flex: 1;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tft-blg-featured__eyebrow {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-block-end: 10px;
  display: block;
}

.tft-blg-featured__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.4rem, 2vw, 1.95rem);
  font-weight: 400;
  line-height: 1.25;
  color: var(--fur-text);
  margin-block-end: 12px;
}

.tft-blg-featured__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  color: var(--fur-text-muted);
  line-height: 1.5;
  margin-block-end: 20px;
}

.tft-blg-featured__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  margin-block-end: 20px;
  flex-wrap: wrap;
}

.tft-blg-featured__avatar {
  width: 24px;
  height: 24px;
  border-radius: var(--fur-radius-full);
  object-fit: cover;
}

.tft-blg-featured__dot {
  color: var(--fur-border-light);
}

.tft-blg-featured__cta {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  display: inline-flex;
  align-items: center;
  transition: transform var(--fur-transition-fast);
}

.tft-blg-featured:hover .tft-blg-featured__cta {
  transform: translateX(4px);
}

/* Post Cards Grid */
.tft-blg-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.tft-blg-card {
  display: flex;
  flex-direction: column;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  overflow: hidden;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal);
}

.tft-blg-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px var(--fur-shadow-lg);
}

.tft-blg-card__img-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10.5;
}

.tft-blg-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--fur-transition-slow);
}

.tft-blg-card:hover .tft-blg-card__img {
  transform: scale(1.03);
}

.tft-blg-card__tag {
  position: absolute;
  inset-block-end: 12px;
  inset-inline-start: 12px;
  background-color: hsla(0, 0%, 100%, 0.92);
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-inline: 10px;
  padding-block: 4px;
  border-radius: var(--fur-radius-full);
  backdrop-filter: blur(4px);
}

.tft-blg-card__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tft-blg-card__date {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  margin-block-end: 8px;
  display: block;
}

.tft-blg-card__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.15rem, 1.4vw, 1.4rem);
  font-weight: 400;
  line-height: 1.3;
  color: var(--fur-text);
  margin-block-end: 10px;
  transition: color var(--fur-transition-fast);
}

.tft-blg-card:hover .tft-blg-card__title {
  color: var(--fur-primary);
}

.tft-blg-card__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  line-height: 1.5;
  margin-block-end: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tft-blg-card__read {
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-block-start: auto;
  display: inline-flex;
  align-items: center;
  transition: transform var(--fur-transition-fast);
}

.tft-blg-card:hover .tft-blg-card__read {
  transform: translateX(4px);
}

/* Load More Section */
.tft-blg-load-more {
  display: flex;
  justify-content: center;
  margin-block-start: 16px;
}

.tft-blg-load-more__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-inline: 32px;
  padding-block: 14px;
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 600;
  color: var(--fur-text);
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}

.tft-blg-load-more__btn:hover {
  background-color: var(--fur-bg-secondary);
  border-color: var(--fur-primary);
  color: var(--fur-primary);
}

/* Sidebar Columns */
.tft-blg-sidebar {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.tft-blg-widget {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  padding: 24px;
}

.tft-blg-widget__title {
  font-family: var(--fur-font-serif);
  font-size: 1.15rem;
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 18px;
  border-block-end: 1px solid var(--fur-border);
  padding-block-end: 12px;
}

.tft-blg-widget__desc {
  font-family: var(--fur-font-sans);
  font-size: 0.85rem;
  color: var(--fur-text-muted);
  line-height: 1.5;
  margin-block-end: 18px;
}

/* Dark newsletter widget */
.tft-blg-widget--dark {
  background-color: var(--fur-primary);
  border: none;
  color: var(--fur-button-text);
}

.tft-blg-widget--dark .tft-blg-widget__title {
  color: var(--fur-button-text);
  border-block-end-color: rgba(255, 255, 255, 0.15);
}

.tft-blg-widget--dark .tft-blg-widget__desc {
  color: rgba(255, 255, 255, 0.82);
}

.tft-blg-widget__form-row {
  display: flex;
  gap: 8px;
}

.tft-blg-widget__input {
  flex: 1;
  padding-inline: 16px;
  padding-block: 11px;
  border-radius: var(--fur-radius-full);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.08);
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  color: var(--fur-button-text);
  outline: none;
  transition: all var(--fur-transition-fast);
}

.tft-blg-widget__input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.tft-blg-widget__input:focus {
  border-color: var(--fur-surface);
  background-color: rgba(255, 255, 255, 0.12);
}

.tft-blg-widget__submit {
  width: 40px;
  height: 40px;
  border-radius: var(--fur-radius-full);
  border: none;
  background-color: var(--fur-surface);
  color: var(--fur-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast);
  flex-shrink: 0;
}

.tft-blg-widget__submit:hover {
  background-color: var(--fur-bg-secondary);
  transform: scale(1.05);
}

.tft-blg-widget__consent {
  display: flex;
  gap: 8px;
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.7);
  margin-block-start: 12px;
  cursor: pointer;
}

.tft-blg-widget__consent input {
  margin-block-start: 2px;
}

/* Popular Articles List */
.tft-blg-popular {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}

.tft-blg-popular__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.tft-blg-popular__num {
  font-family: var(--fur-font-serif);
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--fur-border-light);
  line-height: 1;
  width: 20px;
}

.tft-blg-popular__link {
  display: flex;
  gap: 12px;
  flex: 1;
  text-decoration: none;
}

.tft-blg-popular__thumb {
  width: 54px;
  height: 54px;
  border-radius: var(--fur-radius-sm);
  object-fit: cover;
  flex-shrink: 0;
}

.tft-blg-popular__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tft-blg-popular__article-title {
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--fur-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color var(--fur-transition-fast);
}

.tft-blg-popular__link:hover .tft-blg-popular__article-title {
  color: var(--fur-primary);
}

.tft-blg-popular__date {
  font-family: var(--fur-font-sans);
  font-size: 0.7rem;
  color: var(--fur-text-muted);
}

.tft-blg-widget__view-all {
  display: inline-block;
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--fur-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-block-start: 16px;
  transition: transform var(--fur-transition-fast);
}

.tft-blg-widget__view-all:hover {
  transform: translateX(4px);
}

/* Topic Tag Cloud */
.tft-blg-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tft-blg-tag {
  display: inline-block;
  padding-inline: 12px;
  padding-block: 6px;
  font-family: var(--fur-font-sans);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--fur-text-muted);
  background-color: var(--fur-bg-secondary);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-full);
  transition: all var(--fur-transition-fast);
}

.tft-blg-tag:hover {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-button-text);
}

/* Promo Banner widget */
.tft-blg-widget--promo {
  padding: 0;
  overflow: hidden;
}

.tft-blg-widget--promo__img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}

.tft-blg-widget--promo__body {
  padding: 20px;
}

.tft-blg-widget--promo .tft-blg-widget__title {
  border: none;
  padding: 0;
  margin-block-end: 8px;
}

/* Bottom Newsletter Strip */
.tft-blg-strip {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  background-color: var(--fur-bg-secondary);
  border-block-start: 1px solid var(--fur-border);
  overflow: hidden;
  margin-inline: calc(-1 * var(--fur-main-pad, 0px)); /* Full bleed if main padding is set */
}

.tft-blg-strip__img {
  height: 240px;
  width: auto;
  object-fit: contain;
  opacity: 0.85;
}

.tft-blg-strip__content {
  padding-inline: 40px;
  padding-block: 60px;
  text-align: center;
  max-width: 600px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tft-blg-strip__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 400;
  color: var(--fur-text);
  margin-block-end: 8px;
}

.tft-blg-strip__sub {
  font-family: var(--fur-font-sans);
  font-size: 0.95rem;
  color: var(--fur-text-muted);
  margin-block-end: 24px;
}

.tft-blg-strip__form {
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 440px;
}

.tft-blg-strip__input {
  flex: 1;
  padding-inline: 20px;
  padding-block: 12px;
  border-radius: var(--fur-radius-full);
  border: 1px solid var(--fur-border);
  background-color: var(--fur-surface);
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  color: var(--fur-text);
  outline: none;
  transition: border-color var(--fur-transition-fast);
}

.tft-blg-strip__input:focus {
  border-color: var(--fur-primary);
}

.tft-blg-strip__btn {
  padding-inline: 28px;
  padding-block: 12px;
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  border: none;
  border-radius: var(--fur-radius-full);
  font-family: var(--fur-font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--fur-transition-fast);
}

.tft-blg-strip__btn:hover {
  background-color: var(--fur-primary-hover);
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (BLOG)
   ========================================================================== */

@media (max-width: 1024px) {
  .tft-blg-hero {
    grid-template-columns: 1fr;
  }
  
  .tft-blg-hero__right {
    height: 320px;
    min-height: auto;
  }
  
  .tft-blg-hero__left {
    padding-inline: 24px;
    padding-block: 40px;
  }
  
  .tft-blg-hero__img-overlay {
    background: linear-gradient(to bottom, var(--fur-bg-secondary) 0%, transparent 100%);
  }

  .tft-blg-body {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .tft-blg-featured {
    flex-direction: column;
  }
  
  .tft-blg-featured__img-wrap {
    min-height: 240px;
  }
}

@media (max-width: 768px) {
  .tft-blg-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .tft-blg-strip {
    grid-template-columns: 1fr;
  }

  .tft-blg-strip__img {
    display: none;
  }
  
  .tft-blg-strip__content {
    padding-inline: 20px;
    padding-block: 40px;
  }
}

/* ── BOXED JOURNAL LAYOUT CONSTRAINTS (2026 SPEC) ── */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-blg-cats,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-layout,
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-blg-strip {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: clamp(16px, 4vw, 80px) !important;
  box-sizing: border-box !important;
}

/* ── MATERIAL SHOP & LAB TAB PILLS OVERRIDES (2026 SPEC) ── */
/* Remove the flat bottom border line from active tabs on all material pages */
body.fur-body .tft-mat-tab--active::after {
  content: none !important;
  display: none !important;
}

/* Base styles override for shop-materials.html tabs to ensure beautiful proportions */
body.fur-body .tft-mat-tabs .tft-mat-tab {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 24px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-normal) !important;
  box-shadow: none !important;
  height: auto !important;
  color: var(--fur-text) !important;
}

/* Text and count colors for shop-materials.html inactive tabs */
body.fur-body .tft-mat-tabs .tft-mat-tab .tft-mat-tab__name {
  color: var(--fur-text) !important;
}
body.fur-body .tft-mat-tabs .tft-mat-tab .tft-mat-tab__count {
  color: var(--fur-text-muted) !important;
}

/* Hover and active states for shop-materials.html tabs */
body.fur-body .tft-mat-tabs .tft-mat-tab:hover {
  border-color: var(--fur-primary) !important;
  transform: translateY(-2px) !important;
}
body.fur-body .tft-mat-tabs .tft-mat-tab--active {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}
body.fur-body .tft-mat-tabs .tft-mat-tab--active .tft-mat-tab__name {
  color: var(--fur-button-text) !important;
}
body.fur-body .tft-mat-tabs .tft-mat-tab--active .tft-mat-tab__count {
  color: var(--fur-ref-beige-200) !important;
}

/* Base styles override for material-lab.html tab filters */
body.fur-body .tft-mat-filters-container .tft-mat-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 20px !important; /* Smaller, cleaner padding for filters */
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-normal) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--fur-text-muted) !important;
  height: auto !important;
  box-shadow: none !important;
}

/* Hover and active states for material-lab.html tab filters */
body.fur-body .tft-mat-filters-container .tft-mat-tab:hover {
  border-color: var(--fur-primary) !important;
  color: var(--fur-primary) !important;
  transform: translateY(-2px) !important;
}
body.fur-body .tft-mat-filters-container .tft-mat-tab:hover .tft-mat-tab__icon {
  color: var(--fur-primary) !important;
  opacity: 1 !important;
}
body.fur-body .tft-mat-filters-container .tft-mat-tab--active {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
}
body.fur-body .tft-mat-filters-container .tft-mat-tab--active .tft-mat-tab__icon {
  color: var(--fur-button-text) !important;
  opacity: 1 !important;
}
body.fur-body .tft-mat-filters-container .tft-mat-tab--active .tft-mat-tab__badge {
  color: var(--fur-ref-beige-200) !important;
}
body.fur-body .tft-mat-filters-container .tft-mat-tab__badge {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
  margin-inline-start: 4px !important;
}

/* [ignoring loop detection] */
/* ==========================================================================
   TFT SHOP PAGES: DUAL PANEL LOCKED SCROLL OVERRIDES (2026 SPEC)
   ========================================================================== */
@media (min-width: 992px) {
  /* Prevent scrolling on the main document body / container wrapper level */
  body.tft-redesign-layout {
    overflow: hidden !important;
    height: 100vh !important;
  }

  /* Split Shop Layout viewport lock */
  body.tft-redesign-layout .tft-sgs-container {
    height: calc(100vh - 120px) !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  body.tft-redesign-layout .tft-sgs-sidebar {
    height: 100% !important;
    overflow-y: auto !important;
    position: relative !important;
    top: 0 !important;
    padding-block-end: 40px !important;
  }

  body.tft-redesign-layout .tft-sgs-lifestyle {
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    top: 0 !important;
  }

  body.tft-redesign-layout .tft-sgs-catalog {
    height: 100% !important;
    overflow-y: auto !important;
    padding-block-end: 80px !important;
  }

  /* Masonry Shop Layout viewport lock */
  body.tft-redesign-layout .tft-fms-container {
    max-width: none !important;
    margin-inline: 0 !important;
    width: 100% !important;
    padding-inline: 40px !important;
    height: calc(100vh - 120px) !important;
    overflow: hidden !important;
  }

  body.tft-redesign-layout .tft-fms-sidebar {
    height: 100% !important;
    overflow-y: auto !important;
    position: relative !important;
    top: 0 !important;
    padding-block-end: 40px !important;
  }

  body.tft-redesign-layout .tft-fms-catalog {
    height: 100% !important;
    overflow-y: auto !important;
    padding-block-end: 80px !important;
  }
}

/* Remove top-left and top-right border-radius on masonry sidebar filters */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-filters.tft-fms-sidebar {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

@media (min-width: 992px) {
  /* Restore scrolling for standard redesigned pages */
  body.tft-redesign-layout {
    overflow: visible !important;
    height: auto !important;
  }
  /* Keep locking specifically for split and masonry shop pages */
  body.tft-redesign-layout:has(.tft-sgs-container),
  body.tft-redesign-layout:has(.tft-fms-container) {
    overflow: hidden !important;
    height: 100vh !important;
  }
}

/* Center the plus icon vertically inside circles on provenance page */
.tft-hotspot__trigger,
.tft-tray-marker__btn {
  padding: 0 !important;
}

.tft-hotspot__plus,
.tft-tray-marker__plus {
  display: inline-block !important;
  line-height: 1 !important;
  transform: translateY(-2px) !important;
}

/* Standardize all boxed sections across the theme to match the index layout dimensions */
.tft-prov-materials__container,
.tft-prov-pairings__container,
.tft-prov-process__container,
.tft-prov-space__container,
.tft-prov-samples__container,
.tft-prov-badges__container,
.tft-designers-sec__container,
.tft-process-sec__container,
.tft-transformations-sec__container,
.tft-promo-banner__container {
  max-width: 1400px !important;
  padding-inline: clamp(16px, 4vw, 80px) !important;
  margin-inline: auto !important;
  width: 100% !important;
}

/* Material Lab List Layout & Responsive Overrides (ES2026 Ready) */
.tft-swatch-card__desc {
  display: none !important;
}

.tft-swatch-grid--list {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.tft-swatch-grid--list .tft-swatch-card {
  flex-direction: row !important;
  align-items: stretch !important;
  height: auto !important;
  width: 100% !important;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
}

.tft-swatch-grid--list .tft-swatch-card__media {
  width: clamp(150px, 22vw, 260px) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  flex-shrink: 0 !important;
}

.tft-swatch-grid--list .tft-swatch-card__info {
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: clamp(16px, 3vw, 40px) !important;
  border-block-start: none !important;
  padding: 24px !important;
  width: 100% !important;
  flex-grow: 1 !important;
}

.tft-swatch-grid--list .tft-swatch-card__info-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 1 1 180px !important;
}

.tft-swatch-grid--list .tft-swatch-card__name {
  margin-block-end: 0 !important;
  font-size: clamp(16px, 1.6vw, 20px) !important;
}

.tft-swatch-grid--list .tft-swatch-card__detail {
  margin-block-end: 0 !important;
  font-size: 12px !important;
}

.tft-swatch-grid--list .tft-swatch-card__desc {
  display: block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(13px, 1.2vw, 14px) !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  flex: 2 1 320px !important;
  margin: 0 !important;
}

.tft-swatch-grid--list .tft-swatch-card__footer {
  border-block-start: none !important;
  padding-block-start: 0 !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 130px !important;
  margin: 0 !important;
  text-align: right !important;
}

.tft-swatch-grid--list .tft-swatch-card__footer-icon {
  width: 18px !important;
  height: 18px !important;
}

/* Fluid responsive rules for list cards under 768px viewports */
@media (max-width: 768px) {
  .tft-swatch-grid--list .tft-swatch-card {
    flex-direction: column !important;
  }

  .tft-swatch-grid--list .tft-swatch-card__media {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
  }

  .tft-swatch-grid--list .tft-swatch-card__info {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 20px !important;
  }

  .tft-swatch-grid--list .tft-swatch-card__info-main {
    flex: none !important;
    width: 100% !important;
  }

  .tft-swatch-grid--list .tft-swatch-card__desc {
    flex: none !important;
    width: 100% !important;
  }

  .tft-swatch-grid--list .tft-swatch-card__footer {
    border-block-start: 1px dashed var(--fur-border) !important;
    padding-block-start: 12px !important;
    width: 100% !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex: none !important;
    text-align: left !important;
  }
}

/* TFT Product Card Clickable Links styling */
.tft-redesign-layout .tft-product-card__img-link {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.tft-redesign-layout .tft-product-card__title-link {
  color: inherit !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-redesign-layout .tft-product-card__title-link:hover {
  color: var(--fur-primary) !important;
}

/* ==========================================================================
   TFT CUSTOM STYLE OVERRIDES: MATERIAL SWATCH LAB FILTERS & SELECT (2026)
   ========================================================================== */

/* Spacing and gap refinement for filters container */
body.fur-body .tft-mat-filters-container {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding-block: 16px !important;
  overflow-x: auto !important;
}

/* Sort Select custom themed chevron layout */
.tft-swatch-grid-controls__select-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.tft-swatch-grid-controls__sort-select {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-inline-end: 20px !important;
  background: transparent !important;
  border: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  outline: none !important;
}

.tft-swatch-grid-controls__select-chevron {
  position: absolute !important;
  inset-inline-end: 2px !important;
  color: var(--fur-text) !important;
  pointer-events: none !important;
  transition: transform var(--fur-transition-fast) !important;
}

.tft-swatch-grid-controls__select-wrapper:hover .tft-swatch-grid-controls__select-chevron {
  transform: translateY(1px) !important;
}

/* Make sticky material filters wrapper transparent */
body.fur-body .tft-mat-filters-wrapper {
  background-color: transparent !important;
  border-block-end: none !important;
  box-shadow: none !important;
}

body.fur-body .tft-mat-filters-container {
  background-color: transparent !important;
}

/* ── TFT MATERIAL LAB INTERACTIVE & LAYOUT POLISH (2026) ── */

/* Active Tab Hover State Readability Correction */
body.fur-body .tft-mat-filters-container .tft-mat-tab--active:hover {
  color: var(--fur-button-text) !important;
}

body.fur-body .tft-mat-filters-container .tft-mat-tab--active:hover .tft-mat-tab__icon {
  color: var(--fur-button-text) !important;
  opacity: 1 !important;
}

/* Order Swatch Tray / Checkout Buttons Readability & Premium Styling */
body.fur-body .tft-tray-sidebar__order-btn {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border: none !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  padding-block: 14px !important;
  text-align: center !important;
  border-radius: var(--fur-radius-sm) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  width: 100% !important;
}

body.fur-body .tft-tray-sidebar__order-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  color: var(--fur-button-text) !important;
}

body.fur-body .tft-tray-sidebar__order-btn:disabled {
  background-color: var(--fur-border-light) !important;
  color: var(--fur-text-muted) !important;
  cursor: not-allowed !important;
}

body.fur-body .tft-tray-order-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  color: var(--fur-button-text) !important;
}

/* Fluid responsive rules for standard grid cards under 768px viewports */
@media (max-width: 768px) {
  body.fur-body .tft-swatch-grid:not(.tft-swatch-grid--list) {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  
  body.fur-body .tft-swatch-grid:not(.tft-swatch-grid--list) .tft-swatch-card__info {
    padding: 12px !important;
  }

  body.fur-body .tft-swatch-grid:not(.tft-swatch-grid--list) .tft-swatch-card__name {
    font-size: 14px !important;
  }

  body.fur-body .tft-swatch-grid:not(.tft-swatch-grid--list) .tft-swatch-card__detail {
    font-size: 11px !important;
  }
  
  body.fur-body .tft-swatch-grid:not(.tft-swatch-grid--list) .tft-swatch-card__footer {
    padding-block-start: 8px !important;
    gap: 6px !important;
    font-size: 9px !important;
  }
  
  body.fur-body .tft-swatch-grid:not(.tft-swatch-grid--list) .tft-swatch-card__footer-icon {
    width: 14px !important;
    height: 14px !important;
  }
}

/* ── TFT MATERIAL LAB FILTERS BREATHING ROOM & GLASSMORPHISM (2026) ── */

body.fur-body .tft-mat-filters-wrapper {
  position: sticky !important;
  inset-block-start: 80px !important; /* Alignment below the main sticky header */
  margin-block-start: clamp(32px, 5vw, 64px) !important;
  background-color: color-mix(in srgb, var(--fur-bg) 95%, transparent) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  box-shadow: 0 4px 30px var(--fur-shadow) !important;
  z-index: 95 !important;
}

body.fur-body .tft-mat-filters-container {
  padding-block-start: clamp(24px, 4vw, 40px) !important;
  padding-block-end: clamp(16px, 2.5vw, 24px) !important;
}

body.fur-body .tft-swatch-grid-controls {
  margin-block-start: clamp(16px, 3vw, 32px) !important;
}

/* ==========================================================================
   TFT PREMIUM HEADER REDESIGN (SHT MOCKUP COMPLIANT)
   ========================================================================== */

/* Header Top Bar */
.tft-header__topbar {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  padding-block: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
}

.tft-header__topbar-container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 80px) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.tft-header__topbar-shipping {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.tft-header__topbar-icon {
  flex-shrink: 0 !important;
}

.tft-header__topbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.tft-header__topbar-action-link {
  color: var(--fur-ref-white) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: opacity var(--fur-transition-fast) !important;
}

.tft-header__topbar-action-link:hover {
  opacity: 0.8 !important;
}

.tft-header__topbar-divider {
  color: var(--fur-ref-green-700) !important;
}

.tft-header__topbar-socials {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.tft-header__topbar-social-link {
  color: var(--fur-ref-white) !important;
  transition: opacity var(--fur-transition-fast) !important;
  display: flex !important;
  align-items: center !important;
}

.tft-header__topbar-social-link:hover {
  opacity: 0.8 !important;
}

/* Main Header Row */
.tft-header__main {
  background-color: var(--fur-ref-beige-50) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  padding-block: 20px !important;
}

.tft-header__main-container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 80px) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 40px !important;
}

/* Logo Group */
.tft-header__logo-group {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
  color: var(--fur-text) !important;
  flex-shrink: 0 !important;
}

.tft-header__logo-arch {
  color: var(--fur-ref-green-900) !important;
  display: flex !important;
  align-items: center !important;
}

.tft-header__logo-text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.1 !important;
}

.tft-header__logo-brand {
  font-family: var(--fur-font-serif) !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: capitalize !important;
}

.tft-header__logo-tagline {
  font-family: var(--fur-font-sans) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: var(--fur-text-muted) !important;
  margin-block-start: 4px !important;
}

/* Search Bar */
.tft-header__search {
  flex-grow: 1 !important;
  max-width: 600px !important;
  display: block !important;
}

.tft-header__search-form {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.tft-header__search-input {
  width: 100% !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline-start: 24px !important;
  padding-inline-end: 56px !important;
  padding-block: 14px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  color: var(--fur-text) !important;
  transition: all var(--fur-transition-fast) !important;
  outline: none !important;
}

.tft-header__search-input:focus {
  border-color: var(--fur-ref-green-900) !important;
  box-shadow: 0 4px 12px var(--fur-shadow) !important;
}

.tft-header__search-btn {
  position: absolute !important;
  inset-inline-end: 8px !important;
  width: 36px !important;
  height: 36px !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  border: none !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-fast) !important;
}

.tft-header__search-btn:hover {
  background-color: var(--fur-primary-hover) !important;
}

/* Utilities Block */
.tft-header__utils {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  flex-shrink: 0 !important;
}

.tft-header__util-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-header__util-link:hover {
  color: var(--fur-ref-green-900) !important;
}

.tft-header__util-icon-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-header__util-badge {
  position: absolute !important;
  inset-block-start: -6px !important;
  inset-inline-end: -8px !important;
  background-color: var(--fur-ref-charcoal) !important;
  color: var(--fur-ref-white) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-header__util-label {
  display: inline !important;
}

.tft-header__mobile-toggle {
  display: none !important;
  background: none !important;
  border: none !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  padding: 0 !important;
}

/* Navigation Row */
.tft-header__navbar {
  background-color: var(--fur-ref-white) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  padding-block: 12px !important;
}

.tft-header__navbar-container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 80px) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
}

.tft-header__nav {
  display: block !important;
}

.tft-header__nav-list {
  display: flex !important;
  align-items: center !important;
  gap: 36px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tft-header__nav-item {
  position: relative !important;
}

.tft-header__nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: var(--fur-text) !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-header__nav-icon-box {
  color: var(--fur-text-muted) !important;
  display: flex !important;
  align-items: center !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-header__nav-link:hover .tft-header__nav-icon-box,
.tft-header__nav-link:hover .tft-header__nav-title {
  color: var(--fur-ref-green-900) !important;
}

.tft-header__nav-meta {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.2 !important;
}

.tft-header__nav-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: var(--fur-text) !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-header__nav-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  color: var(--fur-text-muted) !important;
}

/* Unique Dropdown Menu styling */
.tft-header__dropdown {
  position: absolute !important;
  inset-block-start: 100% !important;
  inset-inline-start: 0 !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 10px 30px var(--fur-shadow-lg) !important;
  border-radius: var(--fur-radius-sm) !important;
  padding: 16px !important;
  min-width: 240px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
  transition: all var(--fur-transition-normal) !important;
  z-index: 120 !important;
}

.tft-header__nav-item:hover .tft-header__dropdown {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.tft-header__dropdown-container {
  display: flex !important;
  flex-direction: column !important;
}

.tft-header__dropdown-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.tft-header__dropdown-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--fur-text-muted) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  padding-block-end: 6px !important;
}

.tft-header__dropdown-links {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.tft-header__dropdown-item {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast), padding-inline-start var(--fur-transition-fast) !important;
  display: block !important;
}

.tft-header__dropdown-item:hover {
  color: var(--fur-ref-green-900) !important;
  padding-inline-start: 4px !important;
}

/* Space Planner CTA Card inside Navbar */
.tft-header__promo-card {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background-color: var(--fur-ref-forest-700) !important;
  color: var(--fur-ref-white) !important;
  border-radius: var(--fur-radius-full) !important;
  padding: 6px 16px 6px 8px !important;
  text-decoration: none !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  max-width: 260px !important;
}

.tft-header__promo-card:hover {
  background-color: var(--fur-ref-forest-600) !important;
  transform: translateY(-1px) !important;
}

.tft-header__promo-img-wrapper {
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  background-color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-header__promo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-header__promo-info {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.15 !important;
}

.tft-header__promo-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.tft-header__promo-subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: 8px !important;
  color: var(--fur-ref-beige-200) !important;
}

.tft-header__promo-arrow {
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-inline-start: auto !important;
}

/* Responsive Header Styles */
@media (max-width: 1100px) {
  .tft-header__main-container {
    gap: 20px !important;
  }
  .tft-header__utils {
    gap: 16px !important;
  }
  .tft-header__nav-list {
    gap: 20px !important;
  }
}

@media (max-width: 992px) {
  /* Hide topbar actions except shipping on tablet */
  .tft-header__topbar-actions {
    display: none !important;
  }
  
  /* Collapse bottom Navbar on mobile/tablet */
  .tft-header__navbar {
    display: none !important;
  }
  
  /* Show hamburger menu toggle */
  .tft-header__mobile-toggle {
    display: block !important;
  }
  
  .tft-header__util-label {
    display: none !important; /* Hide labels, keep icons only */
  }
  
  .tft-header__search {
    max-width: 320px !important;
  }
}

@media (max-width: 768px) {
  .tft-header__topbar {
    display: none !important; /* Hide topbar on mobile */
  }
  
  .tft-header__main {
    padding-block: 12px !important;
  }
  
  .tft-header__main-container {
    gap: 12px !important;
  }
  
  /* Search becomes expandable or compact input */
  .tft-header__search {
    display: none !important; /* Hide search input on mobile header row */
  }
  
  .tft-header__logo-brand {
    font-size: 24px !important;
  }
  
  .tft-header__logo-tagline {
    font-size: 6px !important;
    letter-spacing: 0.2em !important;
  }
  
  .tft-header__logo-arch svg {
    width: 28px !important;
    height: 38px !important;
  }
}

/* Sticky filter position offsets to match the new redesigned header height */
@media (min-width: 993px) {
  body.fur-body .tft-mat-filters-wrapper {
    inset-block-start: 156px !important;
  }
}

@media (max-width: 992px) {
  body.fur-body .tft-mat-filters-wrapper {
    inset-block-start: 118px !important;
  }
}

@media (max-width: 768px) {
  body.fur-body .tft-mat-filters-wrapper {
    inset-block-start: 60px !important;
  }
}

/* ==========================================================================
   TFT PREMIUM HEADER REDESIGN FINE-TUNING (SHT MOCKUP 100% ALIGNED)
   ========================================================================== */

/* Logo Symbol & Brand Sizing */
.tft-header__logo-arch img {
  width: 54px !important;
  height: auto !important;
  max-height: 68px !important;
  display: block !important;
}

.tft-header__logo-brand {
  font-family: var(--fur-font-serif) !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: var(--fur-ref-green-900) !important;
}

.tft-header__logo-tagline {
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.35em !important;
  text-transform: uppercase !important;
  color: var(--fur-text-muted) !important;
  margin-block-start: 2px !important;
}

/* Search Bar Enhancements */
.tft-header__search {
  max-width: 580px !important;
}

.tft-header__search-input {
  background-color: var(--fur-ref-beige-50) !important;
  border: 1px solid var(--fur-border) !important;
  padding-block: 16px !important;
  padding-inline-start: 28px !important;
  font-size: 14px !important;
  color: var(--fur-text) !important;
}

.tft-header__search-btn {
  width: 44px !important;
  height: 44px !important;
  inset-inline-end: 6px !important;
  background-color: var(--fur-ref-green-900) !important;
  border-radius: var(--fur-radius-full) !important;
}

/* Navigation Capsule Container */
.tft-header__navbar {
  background-color: var(--fur-ref-beige-50) !important;
  padding-block: 16px !important;
  border-block-end: none !important;
}

.tft-header__navbar-container {
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-block: 8px !important;
  padding-inline: 36px 8px !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
}

/* Navigation Item Typography & Icon Sizes */
.tft-header__nav-icon-box {
  color: var(--fur-ref-green-900) !important;
}

.tft-header__nav-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.tft-header__nav-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

/* Space Planner CTA Card Olive Theme */
.tft-header__promo-card {
  background-color: var(--fur-ref-olive-500) !important;
  border-radius: var(--fur-radius-full) !important;
  padding: 8px 24px 8px 8px !important;
  max-width: 280px !important;
}

.tft-header__promo-card:hover {
  background-color: var(--fur-ref-green-700) !important;
}

.tft-header__promo-img-wrapper {
  width: 40px !important;
  height: 40px !important;
}

.tft-header__promo-title {
  font-size: 12px !important;
  font-weight: 800 !important;
}

.tft-header__promo-subtitle {
  font-size: 9px !important;
  color: var(--fur-ref-beige-100) !important;
}

.tft-header__promo-arrow {
  font-size: 14px !important;
}

/* Favorites Inline Badge */
.tft-header__util-text-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.tft-header__util-badge-inline {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 2px 7px !important;
  border-radius: var(--fur-radius-full) !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* Adjusted sticky filter wrapper offset for the new taller layout */
@media (min-width: 993px) {
  body.fur-body .tft-mat-filters-wrapper {
    inset-block-start: 242px !important;
  }
}

/* Force navbar and capsule container to stretch full-width, aligning with the logo and utilities */
.tft-header__navbar {
  padding-inline: clamp(16px, 4vw, 80px) !important;
}

.tft-header__navbar-container {
  width: 100% !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
}

/* Custom logo sizing for main-logo.png */
.tft-header__logo-img {
  height: 60px !important;
  width: auto !important;
  max-height: 60px !important;
  display: block !important;
}

/* ==========================================================================
   TFT HEADER DESIGN TOKENS & SOFTENING REFINEMENTS
   ========================================================================== */

:root {
  --fur-ref-terracotta: hsl(17, 50%, 46%);
}

/* Unified Warm Cream Background for Main Header Row */
.tft-header__main {
  background-color: var(--fur-ref-beige-50) !important;
}

/* Softer Search Bar Elements (Beige Fill, Soft Border, Subtle Drop Shadow) */
.tft-header__search-input {
  background-color: var(--fur-ref-beige-100) !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
  padding-block: 16px !important;
  padding-inline-start: 28px !important;
  font-size: 14px !important;
  color: var(--fur-ref-charcoal) !important;
}

/* Soften Navigation Typography (Charcoal and Slightly Lighter Weight) */
.tft-header__nav-title {
  font-weight: 700 !important;
  color: var(--fur-ref-charcoal) !important;
}

.tft-header__nav-desc {
  font-size: 9px !important;
  color: var(--fur-text-muted) !important;
}

/* Delicate Outline Navigation Icons (Stroke-width 1.5, Soft Colors) */
.tft-header__nav-icon-box svg {
  stroke-width: 1.5 !important;
  color: var(--fur-ref-charcoal) !important;
}

/* Delicate Outline Utility Elements (Stroke-width 1.5, Small Labels) */
.tft-header__util-link svg {
  stroke-width: 1.5 !important;
  color: var(--fur-ref-charcoal) !important;
}

.tft-header__util-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--fur-ref-charcoal) !important;
}

/* Minimalist Inline and Floating Count Badges */
.tft-header__util-badge,
.tft-header__util-badge-inline {
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 1px 5px !important;
  min-width: 14px !important;
  height: 14px !important;
  line-height: 12px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
}

/* Terracotta SALE Color Theme */
.tft-header__nav-link--sale .tft-header__nav-title,
.tft-header__nav-link--sale .tft-header__nav-desc {
  color: var(--fur-ref-terracotta) !important;
}

.tft-header__nav-link--sale .tft-header__nav-icon-box svg {
  color: var(--fur-ref-terracotta) !important;
}

/* ==========================================================================
   NAVIGATION SPACING, ICON DELICACY, & CTA OPTIMIZATIONS
   ========================================================================== */

/* Spread Menu Items to Fill the Capsule Spacing */
.tft-header__nav {
  flex: 1 1 auto !important;
}

.tft-header__nav-list {
  display: flex !important;
  justify-content: space-around !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-inline-end: 48px !important; /* Clean offset before CTA button */
  gap: 24px !important;
}

/* Resize Navigation Links and Spacing Between Icon & Text */
.tft-header__nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

/* Enlarge Icons to 30px and Lighten the Stroke-Width (stroke: 1.25) */
.tft-header__nav-icon-box {
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.tft-header__nav-icon-box svg {
  width: 30px !important;
  height: 30px !important;
  stroke-width: 1.25 !important;
  color: var(--fur-ref-grey-500) !important;
}

/* Ensure the Terracotta Sale Icon Stays Consistent */
.tft-header__nav-link--sale .tft-header__nav-icon-box svg {
  color: var(--fur-ref-terracotta) !important;
}

/* Soften Navigation Typography (Charcoal & Muted Grey) */
.tft-header__nav-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--fur-ref-charcoal) !important;
  letter-spacing: 0.05em !important;
}

.tft-header__nav-desc {
  font-size: 10px !important;
  font-weight: 400 !important;
  color: var(--fur-ref-grey-500) !important;
  letter-spacing: 0.02em !important;
}

/* Refine Utility Icons Stroke Weights */
.tft-header__util-link svg {
  stroke-width: 1.25 !important;
}

/* Enhance CTA Space Planner Card Layout and Padding */
.tft-header__promo-card {
  padding: 10px 28px 10px 10px !important;
  border-radius: var(--fur-radius-full) !important;
  max-width: 320px !important;
  background-color: var(--fur-ref-olive-500) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}

.tft-header__promo-img-wrapper {
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.tft-header__promo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-header__promo-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-header__promo-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--fur-ref-white) !important;
}

.tft-header__promo-subtitle {
  font-size: 10px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

.tft-header__promo-arrow {
  color: var(--fur-ref-white) !important;
  font-size: 16px !important;
  margin-inline-start: auto !important;
}

/* ==========================================================================
   TFT PREMIUM SPLIT HERO SECTION & CATEGORY DECK ADDITIONS (2026 SPEC)
   ========================================================================== */

/* Split Hero Layout */
.tft-hero-split {
  padding-inline: 24px;
  margin-block-end: var(--fur-margin-block-lg);
}

.tft-hero-split__container {
  display: grid;
  grid-template-columns: 42fr 58fr;
  gap: 16px;
  min-height: clamp(480px, 72vh, 700px);
  max-width: 1400px;
  margin-inline: auto;
}

/* Left side content panel */
.tft-hero-split__left {
  background-color: var(--fur-ref-green-900);
  color: var(--fur-ref-white);
  border-radius: var(--fur-radius-lg);
  padding: clamp(2.5rem, 5vw, 4.5rem) clamp(2rem, 4vw, 3.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  transition: background-color var(--fur-transition-normal);
}

/* Vertical indicator dot strip */
.tft-hero-split__dots-vertical {
  position: absolute;
  inset-inline-start: 32px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-hero-split__vertical-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--fur-radius-full);
  background-color: hsla(0, 0%, 100%, 0.3);
  transition: background-color var(--fur-transition-fast), box-shadow var(--fur-transition-fast);
  cursor: pointer;
}

.tft-hero-split__vertical-dot--active {
  background-color: var(--fur-ref-white);
  box-shadow: 0 0 0 4px hsla(0, 0%, 100%, 0.15);
}

.tft-hero-split__left-content {
  padding-inline-start: 28px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 2.5vw, 2.2rem);
}

.tft-hero-split__tagline {
  font-family: var(--fur-font-sans);
  font-size: clamp(10px, 0.9vw, 11px);
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--fur-ref-beige-dark-muted);
}

.tft-hero-split__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(2rem, 3.6vw, 3.4rem);
  line-height: 1.15;
  font-weight: 400;
}

.tft-hero-split__title-script {
  font-family: var(--fur-font-script);
  font-size: 1.35em;
  color: var(--fur-ref-beige-200);
}

.tft-hero-split__description {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.9rem, 1.15vw, 1.05rem);
  color: hsla(0, 0%, 100%, 0.85);
  line-height: 1.6;
  max-width: 480px;
}

.tft-hero-split__actions {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-block-start: 8px;
}

.tft-hero-split__btn-primary {
  background-color: var(--fur-ref-white);
  color: var(--fur-ref-green-900);
  font-family: var(--fur-font-sans);
  font-size: 14px;
  font-weight: 600;
  padding: 15px 30px;
  border-radius: var(--fur-radius-full);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast);
}

.tft-hero-split__btn-primary:hover {
  transform: translateY(-2px);
  background-color: var(--fur-ref-beige-100);
}

.tft-hero-split__link-explore {
  font-family: var(--fur-font-sans);
  font-size: 14px;
  font-weight: 600;
  color: var(--fur-ref-white);
  border-bottom: 1.5px solid hsla(0, 0%, 100%, 0.4);
  padding-bottom: 4px;
  transition: border-color var(--fur-transition-fast);
}

.tft-hero-split__link-explore:hover {
  border-color: var(--fur-ref-white);
}

/* Right side image showcase panel */
.tft-hero-split__right {
  position: relative;
  border-radius: var(--fur-radius-lg);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  transition: background-image var(--fur-transition-normal);
}

.tft-hero-split__right-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.05), hsla(0, 0%, 0%, 0.35));
  z-index: 1;
}

/* Circular Rotating Nature Badge */
.tft-hero-split__nature-badge {
  position: absolute;
  inset-block-start: 32px;
  inset-inline-end: 32px;
  width: 110px;
  height: 110px;
  background-color: hsla(0, 0%, 100%, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--fur-shadow-lg);
  z-index: 2;
  color: var(--fur-ref-green-900);
}

.tft-hero-split__badge-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: tftRotate 22s linear infinite;
  transform-origin: center;
}

.tft-hero-split__badge-center {
  color: var(--fur-ref-green-900);
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes tftRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Floating overlay card */
.tft-hero-split__overlay-card {
  position: absolute;
  inset-inline-start: 32px;
  inset-block-end: 32px;
  background-color: var(--fur-ref-white);
  border-radius: var(--fur-radius-md);
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 28px;
  box-shadow: var(--fur-shadow-lg);
  max-width: 350px;
  z-index: 2;
}

.tft-hero-split__card-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tft-hero-split__card-tag {
  font-family: var(--fur-font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--fur-ref-terracotta);
}

.tft-hero-split__card-title {
  font-family: var(--fur-font-serif);
  font-size: 17px;
  color: var(--fur-ref-charcoal);
  line-height: 1.3;
}

.tft-hero-split__card-cta {
  font-family: var(--fur-font-sans);
  font-size: 12px;
  font-weight: 600;
  color: var(--fur-ref-green-900);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  transition: gap var(--fur-transition-fast);
}

.tft-hero-split__card-cta:hover {
  gap: 8px;
}

.tft-hero-split__card-image-wrap {
  width: 64px;
  height: 64px;
  background-color: var(--fur-ref-beige-100);
  border-radius: var(--fur-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tft-hero-split__card-branch {
  width: 44px;
  height: 44px;
  object-fit: contain;
  opacity: 0.7;
}

/* Slider control arrow buttons */
.tft-hero-split__arrows {
  position: absolute;
  inset-inline-end: 32px;
  inset-block-end: 32px;
  display: flex;
  gap: 8px;
  z-index: 2;
}

.tft-hero-split__arrow-btn {
  width: 48px;
  height: 48px;
  border-radius: var(--fur-radius-full);
  border: 1px solid hsla(0, 0%, 100%, 0.35);
  background-color: hsla(0, 0%, 0%, 0.25);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: var(--fur-ref-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color var(--fur-transition-fast), border-color var(--fur-transition-fast), color var(--fur-transition-fast);
}

.tft-hero-split__arrow-btn:hover {
  background-color: var(--fur-ref-white);
  border-color: var(--fur-ref-white);
  color: var(--fur-ref-green-900);
}

/* Category Deck Styles (5-Column Layout Grid) */
.tft-category-deck {
  padding-inline: 24px;
  margin-block-end: var(--fur-margin-block-lg);
}

.tft-category-deck__container {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1.1fr;
  gap: 16px;
  max-width: 1400px;
  margin-inline: auto;
}

.tft-category-deck__card {
  position: relative;
  background-color: var(--fur-ref-white);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 18px var(--fur-shadow);
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal);
}

.tft-category-deck__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px var(--fur-shadow-lg);
}

.tft-category-deck__card-image-wrapper {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
}

.tft-category-deck__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--fur-transition-slow);
}

.tft-category-deck__card:hover .tft-category-deck__card-img {
  transform: scale(1.06);
}

.tft-category-deck__card-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
}

.tft-category-deck__card-tag {
  font-family: var(--fur-font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--fur-ref-terracotta);
}

.tft-category-deck__card-title {
  font-family: var(--fur-font-serif);
  font-size: 18px;
  font-weight: 400;
  color: var(--fur-ref-charcoal);
  margin: 0;
}

.tft-category-deck__card-desc {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  line-height: 1.45;
  color: var(--fur-text-muted);
}

.tft-category-deck__card-link {
  font-family: var(--fur-font-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--fur-ref-green-900);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-block-start: auto;
  transition: gap var(--fur-transition-fast);
}

.tft-category-deck__card-link:hover {
  gap: 10px;
}

/* Card 1: Consultation Featured */
.tft-category-deck__card--featured {
  background-color: var(--fur-ref-beige-100);
  box-shadow: none;
  padding: 32px 32px 0 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tft-category-deck__card--featured .tft-category-deck__card-content {
  padding: 0;
  flex-grow: 0;
  gap: 12px;
}

.tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
  height: 170px;
  border-radius: var(--fur-radius-md) var(--fur-radius-md) 0 0;
  margin-top: 24px;
}

/* Card 5: Journal Featured (Forest Green) */
.tft-category-deck__card--journal {
  background-color: var(--fur-ref-forest-950);
  color: var(--fur-ref-white);
  box-shadow: none;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tft-category-deck__card--journal .tft-category-deck__card-content {
  padding: 0;
  flex-grow: 1;
  gap: 12px;
}

.tft-category-deck__card--journal .tft-category-deck__card-tag {
  color: var(--fur-ref-lime-400);
}

.tft-category-deck__card--journal .tft-category-deck__card-title {
  color: var(--fur-ref-white);
}

.tft-category-deck__card--journal .tft-category-deck__card-link {
  color: var(--fur-ref-white);
}

.tft-category-deck__card--journal .tft-category-deck__card-image-wrapper {
  width: 100px;
  height: 100px;
  margin-inline-start: auto;
  margin-top: 16px;
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-ref-forest-900);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tft-category-deck__card--journal .tft-category-deck__card-img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  opacity: 0.85;
}

/* Responsive & Mobile Layout Overrides */
@media (max-width: 1200px) {
  .tft-category-deck__container {
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 16px;
  }
  
  .tft-category-deck__card--journal {
    grid-column: span 1;
  }
}

@media (max-width: 992px) {
  .tft-hero-split__container {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .tft-hero-split__left {
    min-height: 420px;
  }

  .tft-hero-split__right {
    min-height: 480px;
  }

  .tft-category-deck__container {
    grid-template-columns: 1fr 1fr;
  }
  
  .tft-category-deck__card--featured {
    grid-column: span 2;
    padding-bottom: 32px;
  }
  
  .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
    height: 240px;
    border-radius: var(--fur-radius-md);
  }
}

@media (max-width: 576px) {
  .tft-hero-split {
    padding-inline: 12px;
  }

  .tft-hero-split__left {
    padding: 3rem 1.5rem;
    min-height: 380px;
  }

  .tft-hero-split__left-content {
    padding-inline-start: 16px;
  }

  .tft-hero-split__dots-vertical {
    inset-inline-start: 16px;
  }

  .tft-hero-split__overlay-card {
    inset-inline-start: 16px;
    inset-block-end: 16px;
    padding: 16px;
    max-width: calc(100% - 32px);
    gap: 16px;
  }

  .tft-hero-split__arrows {
    display: none;
  }

  .tft-category-deck {
    padding-inline: 12px;
  }

  .tft-category-deck__container {
    grid-template-columns: 1fr;
  }

  .tft-category-deck__card--featured {
    grid-column: span 1;
  }
}

/* ==========================================================================
   TFT PREMIUM REDESIGN — CURVED HERO SECTION (2026 Spec)
   ========================================================================== */
.tft-hero-curved {
  position: relative !important;
  width: 100% !important;
  background-color: var(--fur-bg) !important;
  overflow: hidden !important;
  padding-bottom: 80px !important; /* spacing for bottom wave */
}

.tft-hero-curved__wrapper {
  display: grid !important;
  grid-template-columns: 42% 58% !important;
  min-height: clamp(580px, 45vw, 680px) !important;
  width: 100% !important;
  position: relative !important;
}

.tft-hero-curved__left {
  background-color: var(--fur-bg) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 48px 48px 48px 72px !important;
  position: relative !important;
  z-index: 5 !important;
}

.tft-hero-curved__dots-vertical {
  position: absolute !important;
  inset-inline-start: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  z-index: 10 !important;
}

/* Enhanced larger hit target dots for better usability */
.tft-hero-curved__vertical-dot {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  position: relative !important;
  transition: transform var(--fur-transition-fast) !important;
}

.tft-hero-curved__vertical-dot::before {
  content: "" !important;
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background-color: var(--fur-border-light) !important;
  transition: background-color var(--fur-transition-normal), transform var(--fur-transition-normal), height var(--fur-transition-normal), border-radius var(--fur-transition-normal) !important;
}

.tft-hero-curved__vertical-dot:hover::before {
  background-color: var(--fur-primary) !important;
  transform: scale(1.3) !important;
}

.tft-hero-curved__vertical-dot--active::before {
  background-color: var(--fur-primary) !important;
  height: 18px !important;
  border-radius: 4px !important;
  transform: scale(1.2) !important;
}

.tft-hero-curved__left-content {
  max-width: 460px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.tft-hero-curved__tagline {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 16px !important;
  display: block !important;
}

.tft-hero-curved__title {
  font-family: var(--fur-font-serif, 'Playfair Display', serif) !important;
  font-size: clamp(38px, 4.5vw, 60px) !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  color: var(--fur-text) !important;
  margin-block-end: 24px !important;
}

.tft-hero-curved__title-script {
  font-family: var(--fur-font-script, 'Alex Brush', cursive) !important;
  color: var(--fur-primary) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 1.15em !important;
  display: inline-block !important;
}

.tft-hero-curved__description {
  font-size: clamp(14px, 1.1vw, 16px) !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin-block-end: 36px !important;
}

.tft-hero-curved__actions {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  margin-block-end: 44px !important;
}

.tft-hero-curved__btn-primary {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  padding: 14px 28px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast) !important;
}

.tft-hero-curved__btn-primary:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: translateY(-2px) !important;
}

.tft-hero-curved__link-philosophy {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--fur-primary) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-hero-curved__link-philosophy:hover {
  color: var(--fur-primary-hover) !important;
}

.tft-hero-curved__play-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1px solid var(--fur-border-light) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--fur-surface) !important;
  color: var(--fur-primary) !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

.tft-hero-curved__link-philosophy:hover .tft-hero-curved__play-icon {
  transform: scale(1.1) !important;
  background-color: var(--fur-bg) !important;
}

.tft-hero-curved__social-proof {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.tft-hero-curved__avatars {
  display: flex !important;
  align-items: center !important;
}

.tft-hero-curved__avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid var(--fur-surface) !important;
  margin-inline-start: -8px !important;
}

.tft-hero-curved__avatar:first-child {
  margin-inline-start: 0 !important;
}

.tft-hero-curved__rating {
  display: flex !important;
  flex-direction: column !important;
}

.tft-hero-curved__stars {
  color: var(--fur-ref-terracotta) !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  margin-block-end: 2px !important;
}

.tft-hero-curved__proof-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
}

/* Right Side Layout */
.tft-hero-curved__right-panel {
  position: relative !important;
  overflow: hidden !important;
}

/* Slides wrapper for absolute layer alignment */
.tft-hero-curved__slides-wrap {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

/* Individual slides with Ken Burns zoom scale & transition cross-fades */
.tft-hero-curved__slide {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 0 !important;
  transform: scale(1.05) !important;
  transition: opacity var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1), 
              transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 1 !important;
}

.tft-hero-curved__slide--active {
  opacity: 1 !important;
  transform: scale(1) !important;
  z-index: 2 !important;
}

.tft-hero-curved__image-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.05), hsla(0, 0%, 0%, 0.15)) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* Enhanced thick vertical S-Curve divider with premium drop-shadow depth and parallax shift */
.tft-hero-curved__divider-svg {
  position: absolute !important;
  inset-block-start: 0 !important;
  inset-block-end: 0 !important;
  inset-inline-start: -1px !important;
  width: 160px !important;
  height: 100% !important;
  z-index: 4 !important;
  color: var(--fur-bg) !important;
  filter: drop-shadow(10px 0 12px hsla(0, 0%, 0%, 0.05)) !important;
  transform: translate3d(0, 0, 0) !important;
  transition: transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-hero-curved--transitioning .tft-hero-curved__divider-svg {
  transform: translate3d(-20px, 0, 0) !important;
  transition: transform 0.35s ease-in !important;
}

.tft-hero-curved__divider-svg svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Floating overlay card with Spring Overshoot slide-in */
.tft-hero-curved__overlay-card {
  position: absolute !important;
  inset-inline-end: 48px !important;
  inset-block-end: 80px !important;
  background-color: var(--fur-surface) !important;
  padding: 16px 20px !important;
  border-radius: var(--fur-radius-xl) !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  box-shadow: 0 10px 30px var(--fur-shadow-lg) !important;
  z-index: 10 !important;
  max-width: 320px !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) rotate(0deg) !important;
  transition: opacity var(--fur-transition-slow) ease-out, 
              transform var(--fur-transition-slow) cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transition-delay: 0.35s !important;
}

.tft-hero-curved--transitioning .tft-hero-curved__overlay-card {
  opacity: 0 !important;
  transform: translate3d(40px, 0, 0) rotate(4deg) !important;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in !important;
  transition-delay: 0s !important;
}

.tft-hero-curved__card-info {
  display: flex !important;
  flex-direction: column !important;
}

.tft-hero-curved__card-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-terracotta) !important;
  margin-block-end: 4px !important;
  letter-spacing: 1.5px !important;
}

.tft-hero-curved__card-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
  margin-block-end: 8px !important;
  font-family: var(--fur-font-serif, serif) !important;
}

.tft-hero-curved__card-cta {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--fur-primary) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.tft-hero-curved__card-cta:hover {
  color: var(--fur-primary-hover) !important;
}

.tft-hero-curved__card-arrow {
  transition: transform var(--fur-transition-fast) !important;
}

.tft-hero-curved__card-cta:hover .tft-hero-curved__card-arrow {
  transform: translateX(4px) !important;
}

.tft-hero-curved__card-image-wrap {
  width: 70px !important;
  height: 70px !important;
  border-radius: var(--fur-radius-md) !important;
  overflow: hidden !important;
  background-color: var(--fur-bg) !important;
  flex-shrink: 0 !important;
}

.tft-hero-curved__card-item-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-normal) !important;
}

.tft-hero-curved__overlay-card:hover .tft-hero-curved__card-item-img {
  transform: scale(1.1) !important;
}

/* Bottom curve divider */
.tft-hero-curved__wave-divider {
  position: absolute !important;
  inset-block-end: -2px !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  height: 80px !important;
  z-index: 10 !important;
  color: var(--fur-bg) !important;
}

.tft-hero-curved__wave-divider svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Slide Transitioning animations state for elements */
.tft-hero-curved__tagline,
.tft-hero-curved__title,
.tft-hero-curved__description,
.tft-hero-curved__actions,
.tft-hero-curved__social-proof {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  transition: opacity var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1), 
              transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-hero-curved__tagline {
  transition-delay: 0.1s !important;
}
.tft-hero-curved__title {
  transition-delay: 0.25s !important;
}
.tft-hero-curved__description {
  transition-delay: 0.4s !important;
}
.tft-hero-curved__actions {
  transition-delay: 0.55s !important;
}
.tft-hero-curved__social-proof {
  transition-delay: 0.7s !important;
}

.tft-hero-curved--transitioning .tft-hero-curved__tagline,
.tft-hero-curved--transitioning .tft-hero-curved__title,
.tft-hero-curved--transitioning .tft-hero-curved__description,
.tft-hero-curved--transitioning .tft-hero-curved__actions,
.tft-hero-curved--transitioning .tft-hero-curved__social-proof {
  opacity: 0 !important;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in !important;
  transition-delay: 0s !important;
}

.tft-hero-curved--transitioning .tft-hero-curved__tagline {
  transform: translate3d(0, 15px, 0) !important;
}
.tft-hero-curved--transitioning .tft-hero-curved__title {
  transform: translate3d(0, 25px, 0) !important;
}
.tft-hero-curved--transitioning .tft-hero-curved__description {
  transform: translate3d(0, 20px, 0) !important;
}
.tft-hero-curved--transitioning .tft-hero-curved__actions {
  transform: translate3d(0, 15px, 0) !important;
}
.tft-hero-curved--transitioning .tft-hero-curved__social-proof {
  transform: translate3d(0, 10px, 0) !important;
}

/* Responsive queries */
@media (max-width: 992px) {
  .tft-hero-curved__wrapper {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  
  .tft-hero-curved__left {
    padding: 60px 32px 40px 48px !important;
  }
  
  .tft-hero-curved__dots-vertical {
    inset-inline-start: 16px !important;
  }
  
  .tft-hero-curved__divider-svg {
    display: none !important;
  }
  
  .tft-hero-curved__right-panel {
    height: 400px !important;
  }
  
  .tft-hero-curved__overlay-card {
    inset-inline-end: 24px !important;
    inset-block-end: 40px !important;
  }
}

@media (max-width: 576px) {
  .tft-hero-curved__left {
    padding: 48px 16px 32px 32px !important;
  }
  
  .tft-hero-curved__actions {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  
  .tft-hero-curved__overlay-card {
    inset-inline-start: 32px !important;
    inset-inline-end: 16px !important;
    max-width: none !important;
  }
}

/* ==========================================================================
   TFT HEADER FLAT BEIGE BACKGROUND & ALIGNED PADDING OVERRIDES (2026 SPEC)
   ========================================================================== */

/* Remove Capsule Styling, Shadows, and Borders from the Menu Container */
.tft-header__navbar-container {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
}

/* Set Solid Warm Beige Background and Separation Borders for the Header Rows */
.tft-header__main {
  background-color: var(--fur-bg) !important;
  border-block-end: none !important;
}

.tft-header__navbar {
  background-color: var(--fur-bg) !important;
  border-block-start: 1px solid var(--fur-border) !important;
  border-block-end: 1px solid var(--fur-border) !important;
  padding-block: 8px !important; /* Slimmer, flat menu bar height */
}

/* Remove side paddings on desktop to align with grid boundary, add responsive padding on tablet/mobile */
.tft-header__main-container,
.tft-header__navbar {
  padding-inline: 0 !important;
}

@media (max-width: 1440px) {
  .tft-header__main-container,
  .tft-header__navbar {
    padding-inline: 24px !important; /* Aligns with split-hero and category cards on smaller desktop/tablet */
  }
}

@media (max-width: 576px) {
  .tft-header__main-container,
  .tft-header__navbar {
    padding-inline: 16px !important; /* Mobile safe zone padding */
  }
}

/* ==========================================================================
   TFT HERO CURVED SLIDER STABILITY, CARD LAYOUT & ANIMATION REFINEMENTS
   ========================================================================== */

/* Centering, Spacing, and Grid Alignment for the Curved Hero Block */
.tft-hero-curved {
  max-width: 1400px !important;
  margin-inline: auto !important;
  margin-block-start: clamp(24px, 4vw, 40px) !important; /* Top gap between header and hero */
  margin-block-end: var(--fur-margin-block-lg) !important;
  background-color: transparent !important; /* Let the body cream bg show around the card */
  padding-bottom: 0 !important; /* Spaced via margin-block-end */
  overflow: visible !important;
}

.tft-hero-curved__wrapper {
  border-radius: var(--fur-radius-xl) !important; /* Premium rounded hero card layout */
  overflow: hidden !important; /* Clip left/right panels to the wrapper's rounded corners */
  box-shadow: 0 12px 32px var(--fur-shadow-lg) !important; /* Add soft depth shadow */
}

/* Make header main and navigation bar fully transparent (no background or borders) */
.tft-header__main {
  background-color: transparent !important;
  border-block-end: none !important;
}

.tft-header__navbar {
  background-color: transparent !important;
  border-block-start: none !important;
  border-block-end: none !important;
}

/* Keep the organic S-curve divider shape completely static and stable during transitions */
.tft-hero-curved__divider-svg {
  transform: none !important;
  transition: none !important;
}

.tft-hero-curved--transitioning .tft-hero-curved__divider-svg {
  transform: none !important;
  transition: none !important;
}

/* Initial Load Hidden State for Hero Content Elements (Cascading Slide-Up Intro) */
.tft-hero-curved--init .tft-hero-curved__tagline,
.tft-hero-curved--init .tft-hero-curved__title,
.tft-hero-curved--init .tft-hero-curved__description,
.tft-hero-curved--init .tft-hero-curved__actions,
.tft-hero-curved--init .tft-hero-curved__social-proof {
  opacity: 0 !important;
  transform: translate3d(0, 30px, 0) !important;
}

.tft-hero-curved--init .tft-hero-curved__overlay-card {
  opacity: 0 !important;
  transform: translate3d(40px, 0, 0) rotate(4deg) !important;
}

.tft-hero-curved--init .tft-hero-curved__slide--active {
  opacity: 0 !important;
  transform: scale(1.08) !important;
}

/* Elegant slow fade-in for active states */
.tft-hero-curved__tagline,
.tft-hero-curved__title,
.tft-hero-curved__description,
.tft-hero-curved__actions,
.tft-hero-curved__social-proof {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  transition: opacity var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1), 
              transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-hero-curved__tagline {
  transition-delay: 0.05s !important;
}
.tft-hero-curved__title {
  transition-delay: 0.15s !important;
}
.tft-hero-curved__description {
  transition-delay: 0.25s !important;
}
.tft-hero-curved__actions {
  transition-delay: 0.35s !important;
}
.tft-hero-curved__social-proof {
  transition-delay: 0.45s !important;
}

/* Graceful 300ms exit fade-out for transitions */
.tft-hero-curved--transitioning .tft-hero-curved__tagline,
.tft-hero-curved--transitioning .tft-hero-curved__title,
.tft-hero-curved--transitioning .tft-hero-curved__description,
.tft-hero-curved--transitioning .tft-hero-curved__actions,
.tft-hero-curved--transitioning .tft-hero-curved__social-proof {
  opacity: 0 !important;
  transform: translate3d(0, 15px, 0) !important;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out !important;
  transition-delay: 0s !important;
}

/* Premium Floating Overlay Card animations */
.tft-hero-curved__overlay-card {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) rotate(0deg) !important;
  transition: opacity var(--fur-transition-slow) ease-out, 
              transform var(--fur-transition-slow) cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transition-delay: 0.3s !important;
}

.tft-hero-curved--transitioning .tft-hero-curved__overlay-card {
  opacity: 0 !important;
  transform: translate3d(20px, 0, 0) rotate(2deg) !important;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out !important;
  transition-delay: 0s !important;
}

/* Smooth slide image transition */
.tft-hero-curved__slide {
  transition: opacity var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1), 
              transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hide bottom wave divider to prevent any gaps/overlapping beneath the rounded card wrapper */
.tft-hero-curved__wave-divider {
  display: none !important;
}

/* TFT Header Custom Spacing & Transparency Override */
.tft-header__main {
  background-color: transparent !important;
  border-bottom: none !important;
}

/* TFT Hero Split Slider Transitioning Classes */
.tft-hero-split__left,
.tft-hero-split__right {
  position: relative;
  overflow: hidden;
}

.tft-hero-split__left {
  transition: background-color 0.6s ease-in-out !important;
}

.tft-hero-split__left-content,
.tft-hero-split__nature-badge,
.tft-hero-split__overlay-card {
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.tft-hero-split--transitioning .tft-hero-split__left-content,
.tft-hero-split--transitioning .tft-hero-split__nature-badge,
.tft-hero-split--transitioning .tft-hero-split__overlay-card {
  opacity: 0 !important;
  transform: translateY(12px) !important;
}

/* TFT Hero Card Slider Transitioning */
.tft-hero-card__content {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.tft-hero-card--transitioning .tft-hero-card__content {
  opacity: 0 !important;
  transform: translateY(10px) !important;
}

/* ==========================================================================
   TFT CSS TRANSITION & DOUBLE-BEZIER OVERRIDES (2026 STANDARD)
   ========================================================================== */

.fur-journal-card__img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-jnl-specimen-card__img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-sound__bar-fill {
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-specimen-card__img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-fnd-drawer {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-hero-curved__slide {
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-hero-curved__divider-svg {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-hero-curved__overlay-card {
  transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.tft-hero-curved__card-info {
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-hero-curved__card-image-wrap {
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-hero-curved__btn-primary {
  transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.tft-hero-curved__link-philosophy {
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ==========================================================================
   TFT THREE-ROW HEADER LAYOUT OVERRIDES (IMAGE EXACT MATCH)
   ========================================================================== */

:root {
  --fur-accent-sale: hsl(16, 55%, 45%);
}

/* Top bar updates */
.tft-header__topbar {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  padding-block: 8px !important;
  border-bottom: none !important;
}

.tft-header__topbar-container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
}

.tft-header__topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.tft-header__topbar-track {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--fur-ref-white) !important;
  text-decoration: none !important;
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.7rem, 0.9vw, 0.8rem) !important;
  font-weight: 600 !important;
  opacity: 0.9 !important;
  transition: opacity var(--fur-transition-fast) !important;
}

.tft-header__topbar-track:hover {
  opacity: 1 !important;
}

.tft-header__topbar-divider {
  opacity: 0.3 !important;
  color: var(--fur-ref-white) !important;
  font-size: 12px !important;
}

/* Main row updates */
.tft-header__main {
  background-color: var(--fur-surface-secondary) !important; /* Beige background */
  border-bottom: 1px solid var(--fur-border) !important;
  padding-block: 20px !important;
  padding-inline: clamp(16px, 4vw, 40px) !important;
}

.tft-header__main-container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  gap: 32px !important;
}

/* Large Search Capsule */
.tft-header__search-capsule {
  flex-grow: 1 !important;
  max-width: 540px !important;
  position: relative !important;
}

.tft-header__search-form {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-inline-start: 24px !important;
  padding-inline-end: 6px !important;
  padding-block: 5px !important;
  transition: border-color var(--fur-transition-fast) !important;
}

.tft-header__search-form:focus-within {
  border-color: var(--fur-primary) !important;
  box-shadow: 0 0 0 1px var(--fur-primary) !important;
}

.tft-header__search-input {
  width: 100% !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  height: 40px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.95rem !important;
  color: var(--fur-text) !important;
  outline: none !important;
}

.tft-header__search-input::placeholder {
  color: var(--fur-text-muted) !important;
  opacity: 0.85 !important;
}

.tft-header__search-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border: none !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  flex-shrink: 0 !important;
}

.tft-header__search-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: scale(1.05) !important;
}

/* Quick Actions */
.tft-header__quick-actions {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  flex-shrink: 0 !important;
}

.tft-header__action-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none !important;
  color: var(--fur-text) !important;
  transition: color var(--fur-transition-fast) !important;
  cursor: pointer !important;
}

.tft-header__action-item:hover {
  color: var(--fur-primary) !important;
}

.tft-header__action-icon-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-block-end: 6px !important;
  color: currentColor !important;
}

.tft-header__action-label {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
}

.tft-header__action-badge {
  position: absolute !important;
  inset-block-start: -4px !important;
  inset-inline-end: -6px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  min-width: 15px !important;
  height: 15px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-inline: 3px !important;
  line-height: 1 !important;
}

/* Hamburger button */
.tft-header__hamburger-btn {
  display: none !important;
  background: none !important;
  border: none !important;
  padding: 8px !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
}

/* Row 3: Sub navigation bar */
.tft-header__nav-bar {
  background-color: var(--fur-surface-secondary) !important;
  border-bottom: 1px solid var(--fur-border) !important;
  padding-block: 10px !important;
  padding-inline: clamp(16px, 4vw, 40px) !important;
}

.tft-header__nav-bar-container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
}

.tft-header__subnav {
  display: block !important;
}

.tft-header__subnav-list {
  display: flex !important;
  align-items: center !important;
  gap: 36px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tft-header__subnav-link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: var(--fur-text) !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-header__subnav-link:hover {
  color: var(--fur-primary) !important;
}

.tft-header__subnav-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  flex-shrink: 0 !important;
}

.tft-header__subnav-text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.2 !important;
}

.tft-header__subnav-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: currentColor !important;
}

.tft-header__subnav-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: var(--fur-text-muted) !important;
}

/* Sale Orange Color */
.tft-header__subnav-link--sale {
  color: var(--fur-accent-sale) !important;
}

.tft-header__subnav-link--sale .tft-header__subnav-desc {
  color: var(--fur-accent-sale) !important;
  opacity: 0.8 !important;
}

/* CTA Design Your Space */
.tft-header__nav-cta {
  display: flex !important;
  align-items: center !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-radius: var(--fur-radius-xl) !important;
  padding: 6px 20px 6px 6px !important;
  text-decoration: none !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  gap: 12px !important;
}

.tft-header__nav-cta:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: translateY(-1px) !important;
}

.tft-header__nav-cta-thumb {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  overflow: hidden !important;
  background-color: var(--fur-ref-beige-100) !important;
  flex-shrink: 0 !important;
}

.tft-header__nav-cta-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-header__nav-cta-text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.2 !important;
}

.tft-header__nav-cta-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.tft-header__nav-cta-subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  opacity: 0.85 !important;
}

.tft-header__nav-cta-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-ref-white) !important;
}

/* Responsiveness for Three-Row Header */
@media (max-width: 1023px) {
  .tft-header__search-capsule {
    display: none !important;
  }
  
  .tft-header__nav-bar {
    display: none !important;
  }
  
  .tft-header__hamburger-btn {
    display: block !important;
  }
  
  .tft-header__quick-actions .tft-header__action-item--wishlist,
  .tft-header__quick-actions .tft-header__action-item--account {
    display: none !important;
  }
  
  .tft-header__main {
    padding-block: 12px !important;
  }
}

@media (max-width: 480px) {
  .tft-header__logo-text {
    display: none !important;
  }
}

/* ==========================================================================
   TFT v115 — HERO TOP MARGIN & CTA BUTTON CONTRAST LOCK
   Rules: clamp() fluid margins (Rule 12), logical props (Rule 9),
   no hex values (Rule 5), append-only (Rule 2).
   ========================================================================== */

/* --- 1. Hero & Page Layout Top Spacing ---
   All first-visible sections sit directly below Row 3 of the three-row
   header. This clamp provides fluid breathing room from 24px (mobile)
   to 48px (wide desktop) without breakpoint hell.
   -------------------------------------------------------------------- */
.tft-hero-split,
.tft-hero-curved,
.tft-stillness-hero-v2,
.tft-post-hero,
.tft-eds-hero,
.tft-cpt-hero,
.tft-prov-hero,
.tft-consult-hero,
.tft-rms-breadcrumbs,
.tft-sgs-lifestyle,
.tft-fms-catalog,
.tft-chk-catalog,
.tft-rc-main {
  margin-block-start: clamp(24px, 4vw, 48px) !important;
}

/* --- 2. CTA Button — Deep Green Lock ---
   Lock the "Design Your Space" pill to the rich forest green (green-900)
   to guarantee maximum contrast against the beige Row 3 background.
   The thumbnail container uses a warm beige swatch so the armchair
   image reads clearly against the green pill.
   -------------------------------------------------------------------- */
.tft-header__nav-cta {
  background-color: var(--fur-ref-green-900) !important;
}

.tft-header__nav-cta:hover {
  background-color: var(--fur-ref-green-700) !important;
}

.tft-header__nav-cta-thumb {
  background-color: var(--fur-ref-beige-100) !important;
  box-shadow: inset 0 0 0 1px var(--fur-ref-beige-300) !important;
}

/* Slightly larger pill on wide screens for stronger visual presence */
@media (min-width: 1200px) {
  .tft-header__nav-cta {
    padding: 8px 24px 8px 8px !important;
    gap: 14px !important;
  }

  .tft-header__nav-cta-thumb {
    width: 40px !important;
    height: 40px !important;
  }

  .tft-header__nav-cta-title {
    font-size: 13px !important;
  }

  .tft-header__nav-cta-subtitle {
    font-size: 11px !important;
  }
}

/* ==========================================================================
   TFT v116 — DEFINITIVE SECTION WIDTH ALIGNMENT (replaces v115b–v115e)
   ONE rule to govern all sections on body.tft-redesign-layout.

   PRINCIPLE (matches the three-row header exactly):
     • .fur-main            → width:100%, padding:0   (full-width scroll container)
     • Every <section>      → width:100%, padding:0   (full-width bg strip)
     • Every content inner  → max-width:1400px, margin:auto,
                              padding-inline: clamp(16px,4vw,40px)
     • Testimonials         → full-width cinematic (no 1400px constraint)
     • Horizontal scroll    → contained WITHIN the 1400px box, overflow-x:auto

   Append-only. Zero existing rules deleted. (Rules 2, 5, 9, 12)
   ========================================================================== */

:root {
  --tft-rail-padding: clamp(16px, 4vw, 40px);
  --tft-rail-max:     1400px;
}

/* ── 1. Kill the old sidebar-era fur-main padding ── */
.tft-redesign-layout .fur-main {
  width:             100%  !important;
  padding-inline:    0     !important;
  padding-block-start: 0   !important;
}

/* ── 2. Every section: full-width strip, no side padding ── */
body.tft-redesign-layout .tft-hero-split,
body.tft-redesign-layout .tft-category-deck,
body.tft-redesign-layout .tft-new-arrivals,
body.tft-redesign-layout .tft-press-strip,
body.tft-redesign-layout .tft-features-bar,
body.tft-redesign-layout .fur-rooms-grid,
body.tft-redesign-layout .fur-transform,
body.tft-redesign-layout .fur-philosophy,
body.tft-redesign-layout .tft-philosophy,
body.tft-redesign-layout .fur-materials,
body.tft-redesign-layout .fur-styles,
body.tft-redesign-layout .fur-products,
body.tft-redesign-layout .fur-configurator,
body.tft-redesign-layout .fur-lookbooks,
body.tft-redesign-layout .fur-cta-banner,
body.tft-redesign-layout .fur-services,
body.tft-redesign-layout .fur-journal,
body.tft-redesign-layout .tft-newsletter,
body.tft-redesign-layout .tft-planner-cta,
body.tft-redesign-layout .tft-slow-craft,
body.tft-redesign-layout .tft-faq-sec,
body.tft-redesign-layout .tft-artisans-sec,
body.tft-redesign-layout .tft-sustainability-stats,
body.tft-redesign-layout .fur-journal-curator,
body.tft-redesign-layout .tft-testimonials {
  width:          100%  !important;
  max-width:      none  !important;
  margin-inline:  0     !important;
  padding-inline: 0     !important;
}

/* ── 3. Inner content wrappers: 1400px rail with side gutters ──
   This is the ONLY place padding-inline is applied.
   Covers: section headers, product grids, style grids,
           configurator, lookbook tabs+panels, CTA card,
           newsletter, philosophy row, etc.                       */
body.tft-redesign-layout .fur-section-header,
body.tft-redesign-layout .tft-category-deck__container,
body.tft-redesign-layout .tft-new-arrivals__header,
body.tft-redesign-layout .tft-new-arrivals__grid,
body.tft-redesign-layout .tft-features-bar__list,
body.tft-redesign-layout .fur-rooms-grid__layout,
body.tft-redesign-layout .fur-transform__slider-container,
body.tft-redesign-layout .tft-philosophy__row,
body.tft-redesign-layout .fur-materials__header,
body.tft-redesign-layout .fur-materials__track-wrap,
body.tft-redesign-layout .fur-styles__grid,
body.tft-redesign-layout .fur-products__grid,
body.tft-redesign-layout .fur-configurator__container,
body.tft-redesign-layout .fur-lookbooks__tabs,
body.tft-redesign-layout .fur-lookbooks__panels,
body.tft-redesign-layout .fur-cta-banner__container,
body.tft-redesign-layout .tft-newsletter__container,
body.tft-redesign-layout .tft-planner-cta__wrapper,
body.tft-redesign-layout .tft-slow-craft__container,
body.tft-redesign-layout .tft-faq-sec__container,
body.tft-redesign-layout .tft-artisans-sec__container,
body.tft-redesign-layout .tft-sustainability-stats__container,
body.tft-redesign-layout .fur-journal-curator__inner {
  max-width:      var(--tft-rail-max)     !important;
  margin-inline:  auto                    !important;
  width:          100%                    !important;
  box-sizing:     border-box              !important;
}

/* ── 4. Materials track: scroll WITHIN the 1400px box ── */
body.tft-redesign-layout .fur-materials__track-wrap {
  overflow-x:     auto                    !important;
  overflow-y:     visible                 !important;
}
body.tft-redesign-layout .fur-materials__track {
  padding-inline: 0                       !important;
  max-width:      none                    !important;
  width:          max-content             !important;
}

/* ── 5. Testimonials: full-width cinematic (user-confirmed) ── */
body.tft-redesign-layout .tft-testimonials {
  width:          100%   !important;
  padding-inline: 0      !important;
  max-width:      none   !important;
}
body.tft-redesign-layout .tft-testimonials__container {
  max-width:      none   !important;
  padding-inline: 0      !important;
  margin-inline:  0      !important;
}

/* ── 6. Mobile gutters ── */
@media (max-width: 480px) {
  :root { --tft-rail-padding: 16px; }
}


/* ==========================================================================
   TFT v116b - HERO SPLIT CONTAINER FIX
   The .tft-hero-split__container is a grid whose left+right panels each
   have their own internal padding. Adding rail-padding to the container
   double-gutters the content. Fix: container gets max-width but padding:0.
   ========================================================================== */
body.tft-redesign-layout .tft-hero-split__container {
  max-width:      var(--tft-rail-max) !important;
  margin-inline:  auto                !important;
  padding-inline: 0                   !important;
  width:          100%                !important;
  box-sizing:     border-box          !important;
}


/* ==========================================================================
   TFT v116c — PRECISION FIXES: Sale Strip, Services, Testimonials, Journal
   Append-only. Zero existing rules deleted. (Rules 2, 5, 9, 12)
   ========================================================================== */

/* 1. SPRING SALE (fur-sale-strip)
   Original had: margin-inline: var(--fur-margin-block-md) + calc-narrowed max-width.
   Fix: section = full-width, no side margins.
   The card's own border/bg fill the full rail width.                         */
body.tft-redesign-layout .fur-sale-strip {
  max-width:      var(--tft-rail-max) !important;
  width:          100%                !important;
  margin-inline:  auto                !important;
  padding-inline: var(--tft-rail-padding) !important;
  box-sizing:     border-box          !important;
}

/* 2. SERVICES GRID (fur-services__grid)
   Section is full-width, but the grid of service cards was not in the
   inner-container list. Now it gets the 1400px rail + gutters.              */
body.tft-redesign-layout .fur-services__grid {
  max-width:      var(--tft-rail-max)     !important;
  margin-inline:  auto                    !important;
  padding-inline: var(--tft-rail-padding) !important;
  width:          100%                    !important;
  box-sizing:     border-box              !important;
}

/* 3. TESTIMONIALS — full-width cinematic with side breathing room
   User confirmed full-width but wants left/right padding so cards
   don't press hard against viewport edges.                                  */
body.tft-redesign-layout .tft-testimonials {
  padding-inline: var(--tft-rail-padding) !important;
  box-sizing:     border-box              !important;
}
body.tft-redesign-layout .tft-testimonials__container {
  max-width:      none                    !important;
  padding-inline: 0                       !important;
  margin-inline:  0                       !important;
}

/* 4. JOURNAL GRID (fur-journal__grid)
   Section is full-width. Grid of article cards was missing from the
   inner-container list.                                                     */
body.tft-redesign-layout .fur-journal__grid {
  max-width:      var(--tft-rail-max)     !important;
  margin-inline:  auto                    !important;
  padding-inline: var(--tft-rail-padding) !important;
  width:          100%                    !important;
  box-sizing:     border-box              !important;
}


/* ==========================================================================
   TFT MEGA-DROPDOWN MENU SYSTEM
   Premium glassmorphism mega-menu for the 3-row header nav bar.
   BEM: .tft-mega__* | Prefixed: tft- | Append-only (Rule 2)
   ========================================================================== */

/* ── Trigger item: make parent relative for panel positioning ── */
.tft-mega--has-dropdown {
  position: static;
}

/* ── Convert link to button appearance ── */
.tft-mega__trigger {
  all: unset;
  display: flex;
  align-items: center;
  gap: 0;
  cursor: pointer;
  font-family: inherit;
  line-height: inherit;
  padding: 0;
  background: none;
  border: none;
}

/* ── Chevron: rotates on open ── */
.tft-mega__chevron {
  margin-inline-start: 4px;
  flex-shrink: 0;
  color: var(--fur-text-muted);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.tft-mega--has-dropdown:hover .tft-mega__chevron,
.tft-mega--has-dropdown[data-open="true"] .tft-mega__chevron {
  transform: rotate(180deg);
  color: var(--fur-primary, #3d5a1e);
}

/* ── Mega Panel: the dropdown ── */
.tft-mega__panel {
  position: fixed;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: var(--tft-header-total-height, 136px);
  background: var(--fur-bg-primary, #faf9f6);
  border-block-start: 2px solid var(--fur-border, #e8e4dc);
  border-block-end: 1px solid var(--fur-border, #e8e4dc);
  box-shadow: 0 24px 64px -12px rgba(30, 40, 20, 0.14),
              0 4px 16px -4px rgba(30, 40, 20, 0.06);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),
              visibility 0.22s;
  z-index: 9000;
  will-change: opacity, transform;
}

/* Open state */
.tft-mega--has-dropdown:hover .tft-mega__panel,
.tft-mega--has-dropdown[data-open="true"] .tft-mega__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* ── Panel inner layout ── */
.tft-mega__panel-inner {
  max-width: var(--tft-rail-max, 1400px);
  margin-inline: auto;
  padding-inline: var(--tft-rail-padding, clamp(16px, 4vw, 40px));
  padding-block: 36px 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr) 280px;
  gap: 0 40px;
}

/* ── Column heading ── */
.tft-mega__col-heading {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--fur-text-muted, #8a8070);
  padding-block-end: 10px;
  margin-block-end: 4px;
  border-block-end: 1px solid var(--fur-border, #e8e4dc);
}

/* ── Individual link ── */
.tft-mega__link {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-block: 9px;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.15s ease, padding-inline-start 0.15s ease;
  position: relative;
}
.tft-mega__link:hover {
  padding-inline-start: 6px;
}

/* Active (current page) indicator */
.tft-mega__link--active .tft-mega__link-dot {
  background-color: var(--fur-primary, #3d5a1e);
}
.tft-mega__link--active .tft-mega__link-title {
  color: var(--fur-primary, #3d5a1e);
  font-weight: 600;
}

/* Dot accent */
.tft-mega__link-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--fur-border, #c8c1b4);
  flex-shrink: 0;
  margin-block-start: 6px;
  transition: background-color 0.15s ease, transform 0.15s ease;
}
.tft-mega__link:hover .tft-mega__link-dot {
  background-color: var(--fur-primary, #3d5a1e);
  transform: scale(1.5);
}

.tft-mega__link-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tft-mega__link-title {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--fur-text-primary, #1a1a18);
  line-height: 1.3;
  transition: color 0.15s ease;
}
.tft-mega__link:hover .tft-mega__link-title {
  color: var(--fur-primary, #3d5a1e);
}
.tft-mega__link-desc {
  font-size: 0.6875rem;
  color: var(--fur-text-muted, #8a8070);
  line-height: 1.4;
}

/* ── Feature card (4th column) ── */
.tft-mega__col--feature {
  padding-inline-start: 32px;
  border-inline-start: 1px solid var(--fur-border, #e8e4dc);
}

.tft-mega__feature-card {
  background: linear-gradient(140deg,
    color-mix(in srgb, var(--fur-primary, #3d5a1e) 8%, var(--fur-bg-primary, #faf9f6)),
    color-mix(in srgb, var(--fur-primary, #3d5a1e) 3%, var(--fur-bg-primary, #faf9f6))
  );
  border: 1px solid color-mix(in srgb, var(--fur-primary, #3d5a1e) 15%, transparent);
  border-radius: 12px;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tft-mega__feature-card--dark {
  background: var(--fur-ref-green-900, #2a3d18);
  border-color: transparent;
}
.tft-mega__feature-card--dark .tft-mega__feature-label {
  color: rgba(250,249,246,0.55);
}
.tft-mega__feature-card--dark .tft-mega__feature-title {
  color: var(--fur-ref-white, #faf9f6);
}
.tft-mega__feature-card--dark .tft-mega__feature-desc {
  color: rgba(250,249,246,0.7);
}
.tft-mega__feature-card--dark .tft-mega__feature-btn {
  background: rgba(250,249,246,0.12);
  color: var(--fur-ref-white, #faf9f6);
  border-color: rgba(250,249,246,0.2);
}
.tft-mega__feature-card--dark .tft-mega__feature-btn:hover {
  background: rgba(250,249,246,0.22);
}

.tft-mega__feature-label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--fur-primary, #3d5a1e);
}
.tft-mega__feature-title {
  font-family: var(--fur-font-serif, serif);
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--fur-text-primary, #1a1a18);
  line-height: 1.3;
}
.tft-mega__feature-desc {
  font-size: 0.75rem;
  color: var(--fur-text-muted, #8a8070);
  line-height: 1.55;
  flex-grow: 1;
}
.tft-mega__feature-btn {
  display: inline-block;
  margin-block-start: 8px;
  padding: 8px 16px;
  background: var(--fur-primary, #3d5a1e);
  color: var(--fur-ref-white, #faf9f6) !important;
  border-radius: 100px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background-color 0.18s ease, transform 0.18s ease;
}
.tft-mega__feature-btn:hover {
  background: color-mix(in srgb, var(--fur-primary, #3d5a1e) 82%, black);
  transform: translateX(2px);
}

/* ── Backdrop overlay ── */
.tft-mega__backdrop {
  position: fixed;
  inset: 0;
  top: var(--tft-header-total-height, 136px);
  background: rgba(10, 14, 8, 0.28);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.22s ease, visibility 0.22s;
  z-index: 8999;
  backdrop-filter: blur(2px);
}
.tft-mega__backdrop--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ── Responsive: collapse to simple list on mobile/tablet ── */
@media (max-width: 1024px) {
  .tft-mega__panel {
    display: none !important;
  }
  .tft-mega__chevron {
    display: none;
  }
  .tft-mega__trigger {
    cursor: pointer;
  }
}

/* ==========================================================================
   TFT v116d — PRECISION LAYOUT ADJUSTMENTS & ENCODING FIXES
   ========================================================================== */

/* 1. Fix select view dropdown arrow character encoding issue (mojibake) */
.tft-rc-select-view-wrap::after {
  content: '\25BC' !important;
}

/* 2. Fix logo clipping/cutoff at the top of the header row */
body.tft-redesign-layout .tft-header__logo-arch img {
  max-height: 56px !important;
}
body.tft-redesign-layout .tft-header__logo-group {
  padding-block: 4px !important;
  align-items: center !important;
}

/* 3. Apply definitive rail padding/gutters on responsive viewports */
body.tft-redesign-layout .fur-section-header,
body.tft-redesign-layout .tft-category-deck__container,
body.tft-redesign-layout .tft-new-arrivals__header,
body.tft-redesign-layout .tft-new-arrivals__grid,
body.tft-redesign-layout .tft-features-bar__list,
body.tft-redesign-layout .fur-rooms-grid__layout,
body.tft-redesign-layout .fur-transform__slider-container,
body.tft-redesign-layout .tft-philosophy__row,
body.tft-redesign-layout .fur-materials__header,
body.tft-redesign-layout .fur-materials__track-wrap,
body.tft-redesign-layout .fur-styles__grid,
body.tft-redesign-layout .fur-products__grid,
body.tft-redesign-layout .fur-configurator__container,
body.tft-redesign-layout .fur-lookbooks__tabs,
body.tft-redesign-layout .fur-lookbooks__panels,
body.tft-redesign-layout .fur-cta-banner__container,
body.tft-redesign-layout .tft-newsletter__container,
body.tft-redesign-layout .tft-planner-cta__wrapper,
body.tft-redesign-layout .tft-slow-craft__container,
body.tft-redesign-layout .tft-faq-sec__container,
body.tft-redesign-layout .tft-artisans-sec__container,
body.tft-redesign-layout .tft-sustainability-stats__container,
body.tft-redesign-layout .fur-journal-curator__inner {
  padding-inline: var(--tft-rail-padding) !important;
}

/* 4. Fix dropdown z-index stacking context (prevent backdrop from rendering on top of header/panels) */
body.tft-redesign-layout .tft-header {
  z-index: 9500 !important;
}
body.tft-redesign-layout .tft-mega__backdrop {
  z-index: 9000 !important;
}
body.tft-redesign-layout .tft-mega__panel {
  z-index: 9600 !important;
}

/* 5. Elegant Mega-Menu Style Enhancements & Hover Gap Bridge */

/* Hover gap bridge pseudo-element */
body.tft-redesign-layout .tft-mega__panel::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  top: -32px !important;
  height: 32px !important;
  background: transparent !important;
  pointer-events: auto !important;
}

/* Base link enhancements */
body.tft-redesign-layout .tft-mega__link {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 8px 12px !important;
  margin-inline: -12px !important;
  border-radius: var(--fur-radius-medium, 8px) !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  text-decoration: none !important;
}

body.tft-redesign-layout .tft-mega__link:hover {
  background-color: var(--fur-bg-secondary, #f0ede6) !important;
  transform: translateX(4px) !important;
}

/* Beautiful Icon Wrappers instead of simple dots */
body.tft-redesign-layout .tft-mega__link-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  flex-shrink: 0 !important;
  border-radius: 50% !important;
  background-color: var(--fur-bg-secondary, #f0ede6) !important;
  color: var(--fur-text-muted, #7c776e) !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

body.tft-redesign-layout .tft-mega__link:hover .tft-mega__link-icon-wrap {
  background-color: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
  transform: scale(1.1) !important;
}

body.tft-redesign-layout .tft-mega__link-icon {
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
  stroke-width: 2px !important;
}

/* Title & Description */
body.tft-redesign-layout .tft-mega__link-title {
  display: block !important;
  font-size: var(--fur-fs-medium, 15px) !important;
  font-weight: 600 !important;
  color: var(--fur-text, #1e2814) !important;
  margin-block-end: 2px !important;
  transition: color 0.2s ease !important;
}

body.tft-redesign-layout .tft-mega__link:hover .tft-mega__link-title {
  color: var(--fur-primary, #3d5a1e) !important;
}

body.tft-redesign-layout .tft-mega__link-desc {
  display: block !important;
  font-size: 12px !important;
  color: var(--fur-text-muted, #7c776e) !important;
  line-height: 1.4 !important;
}

/* Columns & Headings */
body.tft-redesign-layout .tft-mega__col-heading {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--fur-text-muted, #7c776e) !important;
  border-bottom: 1px solid var(--fur-border, #e8e4dc) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
}

/* Feature Card Polish */
body.tft-redesign-layout .tft-mega__feature-card {
  border-radius: var(--fur-radius-large, 12px) !important;
  border: 1px solid var(--fur-border, #e8e4dc) !important;
  padding: 24px !important;
  background: linear-gradient(135deg, var(--fur-bg-primary, #faf9f6) 0%, var(--fur-bg-secondary, #f0ede6) 100%) !important;
  transition: border-color 0.2s ease !important;
}

body.tft-redesign-layout .tft-mega__feature-card:hover {
  border-color: var(--fur-primary, #3d5a1e) !important;
}

body.tft-redesign-layout .tft-mega__feature-card--dark {
  background: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
}

body.tft-redesign-layout .tft-mega__feature-card--dark .tft-mega__feature-title {
  color: var(--fur-ref-white, #ffffff) !important;
}

body.tft-redesign-layout .tft-mega__feature-card--dark .tft-mega__feature-desc {
  color: rgba(255, 255, 255, 0.8) !important;
}

body.tft-redesign-layout .tft-mega__feature-card--dark .tft-mega__feature-btn {
  background-color: var(--fur-ref-white, #ffffff) !important;
  color: var(--fur-primary, #3d5a1e) !important;
}

body.tft-redesign-layout .tft-mega__feature-card--dark .tft-mega__feature-btn:hover {
  background-color: var(--fur-bg-secondary, #f0ede6) !important;
}


/* ==========================================================================
   TFT RESPONSIVE MOBILE DRAWER & NAVIGATION OVERLAY (AESTHETIC UPGRADE)
   ========================================================================== */

/* Menu Backdrop Overlay */
.tft-menu-overlay {
  position: fixed !important;
  inset: 0 !important;
  background-color: color-mix(in srgb, var(--fur-ref-charcoal) 40%, transparent) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 9900 !important;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s !important;
}

.tft-menu-overlay--visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Mobile Drawer Container */
.tft-mobile-drawer {
  position: fixed !important;
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  width: min(340px, 85vw) !important;
  height: 100vh !important;
  height: 100dvh !important;
  background-color: color-mix(in srgb, var(--fur-surface) 90%, transparent) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-inline-start: 1px solid color-mix(in srgb, var(--fur-border) 40%, transparent) !important;
  box-shadow: -10px 0 40px var(--fur-shadow-lg) !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 10000 !important;
  transform: translate3d(100%, 0, 0) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s !important;
  visibility: hidden !important;
}

.tft-mobile-drawer--open {
  transform: translate3d(0, 0, 0) !important;
  visibility: visible !important;
}

/* Drawer Header */
.tft-mobile-drawer__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-inline: var(--tft-rail-padding, clamp(16px, 4vw, 40px)) !important;
  padding-block: 20px !important;
  border-block-end: 1px solid var(--fur-border) !important;
  flex-shrink: 0 !important;
}

.tft-mobile-drawer__close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: transparent !important;
  color: var(--fur-text) !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

.tft-mobile-drawer__close:hover {
  background-color: var(--fur-bg-secondary) !important;
  transform: rotate(90deg) !important;
}

/* Navigation Menu Area */
.tft-mobile-drawer__nav {
  flex-grow: 1 !important;
  overflow-y: auto !important;
  padding-inline: var(--tft-rail-padding, clamp(16px, 4vw, 40px)) !important;
  padding-block: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* Section Title Headers */
.tft-mobile-drawer__section-title {
  display: block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--fur-text-muted) !important;
  margin-block-start: 18px !important;
  margin-block-end: 6px !important;
  padding-inline-start: 8px !important;
}

.tft-mobile-drawer__section-title:first-of-type {
  margin-block-start: 0 !important;
}

/* Drawer Links */
.tft-mobile-drawer__link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(13px, 1.5vw, 15px) !important;
  font-weight: 600 !important;
  padding-block: 10px !important;
  padding-inline: 12px !important;
  color: var(--fur-text) !important;
  border-radius: var(--fur-radius-sm) !important;
  transition: background-color var(--fur-transition-fast), color var(--fur-transition-fast), padding-inline-start var(--fur-transition-fast) !important;
}

.tft-mobile-drawer__link--sub {
  font-weight: 500 !important;
  font-size: clamp(12px, 1.4vw, 13.5px) !important;
  padding-inline-start: 20px !important;
  color: color-mix(in srgb, var(--fur-text) 85%, transparent) !important;
}

/* Hover & Active States */
.tft-mobile-drawer__link:hover {
  background-color: var(--fur-bg-secondary) !important;
  color: var(--fur-primary) !important;
  padding-inline-start: 16px !important;
}

.tft-mobile-drawer__link--sub:hover {
  padding-inline-start: 24px !important;
}

/* Click Ripple Container (WordPress-ready namespaces) */
.tft-nav-ripple {
  position: absolute !important;
  background: color-mix(in srgb, var(--fur-primary) 15%, transparent) !important;
  border-radius: var(--fur-radius-full) !important;
  transform: scale(0) !important;
  animation: tftRippleAnim 0.6s ease-out !important;
  pointer-events: none !important;
  width: 100px !important;
  height: 100px !important;
  margin-inline-start: -50px !important;
  margin-block-start: -50px !important;
}

@keyframes tftRippleAnim {
  to {
    transform: scale(4) !important;
    opacity: 0 !important;
  }
}

/* Drawer Footer */
.tft-mobile-drawer__footer {
  padding-inline: var(--tft-rail-padding, clamp(16px, 4vw, 40px)) !important;
  padding-block: 20px !important;
  border-block-start: 1px solid var(--fur-border) !important;
  background-color: var(--fur-bg-secondary) !important;
  flex-shrink: 0 !important;
}

.tft-drawer__footer-tagline {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 10px !important;
  text-align: center !important;
  letter-spacing: 0.02em !important;
}

.tft-drawer__footer-links {
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
}

.tft-drawer__footer-link {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted) !important;
  transition: color var(--fur-transition-fast) !important;
}

.tft-drawer__footer-link:hover {
  color: var(--fur-primary) !important;
}

/* Scrollbar styling for the drawer menu */
.tft-mobile-drawer__nav::-webkit-scrollbar {
  width: 4px !important;
}
.tft-mobile-drawer__nav::-webkit-scrollbar-track {
  background: transparent !important;
}
.tft-mobile-drawer__nav::-webkit-scrollbar-thumb {
  background: var(--fur-scrollbar-thumb) !important;
  border-radius: var(--fur-radius-full) !important;
}

/* ==========================================================================
   TFT LOGO FIXES AND FOOTER BRAND UPGRADE
   ========================================================================== */

/* Proportional scaling header logo to prevent top/bottom cutoff/clipping */
body.tft-redesign-layout .tft-header__logo-arch img {
  width: auto !important;
  height: 54px !important;
  max-height: 54px !important;
  object-fit: contain !important;
}

/* Footer Logo Group Styles (Matching Header Logo System) */
body.tft-redesign-layout .tft-footer__logo-group {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
  margin-block-end: 20px !important;
}

body.tft-redesign-layout .tft-footer__logo-arch img {
  width: auto !important;
  height: 54px !important;
  max-height: 54px !important;
  display: block !important;
  object-fit: contain !important;
}

body.tft-redesign-layout .tft-footer__logo-text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.1 !important;
}

body.tft-redesign-layout .tft-footer__logo-brand {
  font-family: var(--fur-font-serif) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: var(--fur-ref-green-900) !important;
}

body.tft-redesign-layout .tft-footer__logo-tagline {
  font-family: var(--fur-font-sans) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: var(--fur-text-muted) !important;
}

.tft-press-showcase {
  position: relative !important;
  width: 100vw !important;
  margin-inline: calc(50% - 50vw) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #f6f3ed !important;
  min-height: 480px !important;
  padding-block: 60px !important;
  overflow: hidden !important;
  border-block-end: 1px solid #e5dcce !important;
  margin-block: 60px 80px !important;
}

.tft-press-showcase__deco {
  display: block !important;
  pointer-events: none !important;
}

.tft-press-showcase__deco--left {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  height: 420px !important;
  width: clamp(280px, 28vw, 380px) !important;
  box-shadow: none !important;
  background: transparent !important;
}

.tft-press-showcase__deco--right {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: clamp(280px, 26vw, 380px) !important;
  box-shadow: none !important;
  background: transparent !important;
}

.tft-press-showcase__wave-svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.tft-press-showcase__deco-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left bottom !important;
}

.tft-press-showcase__content {
  max-width: 600px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  z-index: 10 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.tft-press-showcase__brand-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-block-end: 8px !important;
}

.tft-press-showcase__subtitle-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-block-end: 16px !important;
}

.tft-press-showcase__subtitle-dot {
  width: 4px !important;
  height: 4px !important;
  background-color: #c5a880 !important;
  border-radius: 50% !important;
}

.tft-press-showcase__subtitle-line {
  height: 1px !important;
  width: 60px !important;
  background: linear-gradient(90deg, #c5a880, rgba(197, 168, 128, 0)) !important;
}

.tft-press-showcase__subtitle-line:first-of-type {
  background: linear-gradient(270deg, #c5a880, rgba(197, 168, 128, 0)) !important;
}

.tft-press-showcase__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.25em !important;
  color: #8c765c !important;
}

.tft-press-showcase__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(32px, 3.8vw, 48px) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: #1b3022 !important;
  margin-block-end: 14px !important;
}

.tft-press-showcase__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  color: #7c7267 !important;
  line-height: 1.5 !important;
  max-width: 520px !important;
  margin-block-end: 32px !important;
}

.tft-press-showcase__capsule {
  display: inline-flex !important;
  align-items: center !important;
  gap: 24px !important;
  background-color: #faf8f5 !important;
  border: 1px solid #e8e2d7 !important;
  padding: 14px 32px !important;
  border-radius: 100px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.02) !important;
  margin-block-end: 36px !important;
}

.tft-press-showcase__logo-item {
  color: #1a1a1a !important;
}

.tft-press-showcase__logo-item--dezeen {
  font-family: var(--fur-font-sans) !important;
  font-weight: 800 !important;
  text-transform: lowercase !important;
  font-size: 23px !important;
  letter-spacing: -0.04em !important;
}

.tft-press-showcase__logo-item--ad {
  font-family: var(--fur-font-serif) !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  letter-spacing: -0.06em !important;
}

.tft-press-showcase__logo-item--elle {
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3em !important;
  line-height: 1.2 !important;
}

.tft-press-showcase__logo-item--vogue {
  font-family: var(--fur-font-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.tft-press-showcase__logo-item--wallpaper {
  font-family: var(--fur-font-sans) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.tft-press-showcase__divider {
  color: #e2dcce !important;
  font-weight: 300 !important;
}

.tft-press-showcase__cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  flex-shrink: 0 !important;
  border-radius: 50% !important;
  background-color: var(--fur-ref-white) !important;
  color: #c5a880 !important;
  border: 1px solid #e5dcce !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.tft-press-showcase__cta-btn:hover {
  background-color: #c5a880 !important;
  color: var(--fur-ref-white) !important;
  border-color: #c5a880 !important;
  transform: translateX(3px) !important;
}

.tft-press-showcase__divider-accent {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 600px !important;
  margin-block-end: 32px !important;
}

.tft-press-showcase__divider-line {
  height: 1px !important;
  flex-grow: 1 !important;
  background: linear-gradient(90deg, rgba(197, 168, 128, 0), #c5a880, rgba(197, 168, 128, 0)) !important;
}

.tft-press-showcase__divider-leaf {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c5a880 !important;
}

.tft-press-showcase__features {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 36px !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-inline: auto !important;
}

.tft-press-showcase__feat-box {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: start !important;
}

.tft-press-showcase__feat-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  flex-shrink: 0 !important;
  border-radius: 12px !important;
  background-color: #e5e7e1 !important;
  color: #2b3a30 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01) !important;
}

.tft-press-showcase__feat-info {
  display: flex !important;
  flex-direction: column !important;
}

.tft-press-showcase__feat-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: #2b3a30 !important;
}

.tft-press-showcase__feat-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  color: #7a8274 !important;
}

.tft-press-showcase__feat-divider {
  width: 1px !important;
  height: 24px !important;
  background-color: #e2dcce !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* Responsive Rules */
@media (max-width: 1024px) {
  .tft-press-showcase__deco {
    display: none !important;
  }
  .tft-press-showcase {
    padding-block: 60px !important;
  }
  .tft-press-showcase__features {
    flex-wrap: wrap !important;
    gap: 20px 40px !important;
  }
  .tft-press-showcase__feat-divider {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .tft-press-showcase__capsule {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px 18px !important;
    border-radius: 24px !important;
    padding: 16px 20px !important;
  }
  .tft-press-showcase__divider {
    display: none !important;
  }
  .tft-press-showcase__features {
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 320px !important;
    margin-inline: auto !important;
  }
}

/* Background override for full-width ban2.jpg placement */
.tft-press-showcase {
  background: url('../img/ban2.jpg') no-repeat left center / cover !important;
}

/* Align all other sections exactly with header/hero rail line bounds on desktop screens */
@media (min-width: 1441px) {
  body.tft-redesign-layout .fur-section-header,
  body.tft-redesign-layout .tft-category-deck__container,
  body.tft-redesign-layout .tft-new-arrivals__header,
  body.tft-redesign-layout .tft-new-arrivals__grid,
  body.tft-redesign-layout .tft-features-bar__list,
  body.tft-redesign-layout .fur-rooms-grid__layout,
  body.tft-redesign-layout .fur-transform__slider-container,
  body.tft-redesign-layout .tft-philosophy__row,
  body.tft-redesign-layout .fur-materials__header,
  body.tft-redesign-layout .fur-materials__track-wrap,
  body.tft-redesign-layout .fur-styles__grid,
  body.tft-redesign-layout .fur-products__grid,
  body.tft-redesign-layout .fur-configurator__container,
  body.tft-redesign-layout .fur-lookbooks__tabs,
  body.tft-redesign-layout .fur-lookbooks__panels,
  body.tft-redesign-layout .fur-cta-banner__container,
  body.tft-redesign-layout .tft-newsletter__container,
  body.tft-redesign-layout .tft-planner-cta__wrapper,
  body.tft-redesign-layout .tft-slow-craft__container,
  body.tft-redesign-layout .tft-faq-sec__container,
  body.tft-redesign-layout .tft-artisans-sec__container,
  body.tft-redesign-layout .tft-sustainability-stats__container,
  body.tft-redesign-layout .fur-journal-curator__inner {
    padding-inline: 0 !important;
  }
}


/* ==========================================================================
   TFT REDESIGNED CATEGORY DECK, FEATURES ROW & NEW ARRIVALS
   ========================================================================== */

/* Layout structure & reset */
body.tft-redesign-layout .tft-category-deck {
  padding-block: clamp(40px, 6vw, 80px) !important;
  background-color: var(--fur-bg-secondary) !important;
}

body.tft-redesign-layout .tft-category-deck__container {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 24px !important;
  align-items: stretch !important;
}

/* Card base */
body.tft-redesign-layout .tft-category-deck__card {
  background-color: var(--fur-surface) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  border: 1px solid var(--fur-border) !important;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-category-deck__card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow-lg) !important;
}

/* Card 1: Featured Consultation */
body.tft-redesign-layout .tft-category-deck__card--featured {
  flex: 2 1 540px !important;
  flex-direction: row !important;
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content {
  flex: 1.2 !important;
  padding: 40px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-category-deck__card-tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-ref-beige-dark-muted) !important;
  margin-block-end: 16px !important;
  text-transform: uppercase !important;
  display: block !important;
}

body.tft-redesign-layout .tft-category-deck__card-title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(26px, 2.5vw, 34px) !important;
  line-height: 1.2 !important;
  color: var(--fur-text) !important;
  margin-block-end: 20px !important;
  font-weight: 400 !important;
}

body.tft-redesign-layout .tft-category-deck__card-title-italic {
  font-family: var(--fur-font-script) !important;
  font-size: clamp(32px, 3vw, 42px) !important;
  color: var(--fur-primary) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  margin-inline-start: 4px !important;
}

body.tft-redesign-layout .tft-category-deck__card-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 32px !important;
}

body.tft-redesign-layout .tft-category-deck__card-link {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.tft-redesign-layout .tft-category-deck__card-arrow-circle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  transition: all var(--fur-transition-fast) !important;
  color: var(--fur-text) !important;
}

body.tft-redesign-layout .tft-category-deck__card-link:hover .tft-category-deck__card-arrow-circle {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
  flex: 1 !important;
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured:hover .tft-category-deck__card-img {
  transform: scale(1.03) !important;
}

/* Floating avatar pill badge */
body.tft-redesign-layout .tft-category-deck__pill-badge {
  position: absolute !important;
  bottom: 24px !important;
  inset-inline-start: 24px !important;
  background-color: var(--fur-surface) !important;
  padding: 10px 18px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  box-shadow: 0 8px 24px var(--fur-shadow-lg) !important;
  z-index: 3 !important;
}

body.tft-redesign-layout .tft-category-deck__pill-avatars {
  display: flex !important;
  align-items: center !important;
}

body.tft-redesign-layout .tft-category-deck__pill-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 2px solid var(--fur-surface) !important;
  margin-inline-start: -8px !important;
  object-fit: cover !important;
}

body.tft-redesign-layout .tft-category-deck__pill-avatar:first-child {
  margin-inline-start: 0 !important;
}

body.tft-redesign-layout .tft-category-deck__pill-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

body.tft-redesign-layout .tft-category-deck__pill-text {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  white-space: nowrap !important;
}

body.tft-redesign-layout .tft-category-deck__pill-stars {
  display: flex !important;
  gap: 2px !important;
}

body.tft-redesign-layout .tft-category-deck__star {
  color: var(--fur-ref-beige-dark-muted) !important;
}

/* Cards 2, 3, 4: Split Cards */
body.tft-redesign-layout .tft-category-deck__card--split {
  flex: 1 1 240px !important;
}

body.tft-redesign-layout .tft-category-deck__split-image-wrap {
  position: relative !important;
  width: 100% !important;
  height: 280px !important;
  overflow: hidden !important;
}

body.tft-redesign-layout .tft-category-deck__split-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

body.tft-redesign-layout .tft-category-deck__card--split:hover .tft-category-deck__split-img {
  transform: scale(1.05) !important;
}

body.tft-redesign-layout .tft-category-deck__split-overlay {
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  width: 50% !important;
  height: 100% !important;
  background-color: var(--fur-ref-overlay-dark) !important;
  border-inline-end: 1px solid var(--fur-border-light) !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  padding-block-start: 24px !important;
}

body.tft-redesign-layout .tft-category-deck__split-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
}

body.tft-redesign-layout .tft-category-deck__split-num {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--fur-ref-white) !important;
  letter-spacing: 2px !important;
}

body.tft-redesign-layout .tft-category-deck__split-icon-circle {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-primary) !important;
  box-shadow: 0 4px 12px var(--fur-shadow) !important;
}

body.tft-redesign-layout .tft-category-deck__card-body {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-category-deck__card--split .tft-category-deck__card-title {
  font-family: var(--fur-font-serif) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--fur-text) !important;
  margin-block-end: 8px !important;
  position: relative !important;
  padding-inline-start: 14px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
}

body.tft-redesign-layout .tft-category-deck__card--split .tft-category-deck__card-title::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 4px !important;
  width: 2px !important;
  height: 14px !important;
  background-color: var(--fur-ref-beige-dark-muted) !important;
}

body.tft-redesign-layout .tft-category-deck__card--split .tft-category-deck__card-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 20px !important;
}

body.tft-redesign-layout .tft-category-deck__card--split .tft-category-deck__card-link {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.tft-redesign-layout .tft-category-deck__card-arrow {
  transition: transform var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-category-deck__card-link:hover .tft-category-deck__card-arrow {
  transform: translateX(4px) !important;
}

/* Card 5: The ariely Journal */
body.tft-redesign-layout .tft-category-deck__card--journal {
  flex: 1.1 1 260px !important;
  background-color: var(--fur-ref-forest-900) !important;
  padding: 32px 32px 0 32px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--fur-ref-forest-800) !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-tag {
  color: var(--fur-ref-beige-dark-muted) !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-title {
  color: var(--fur-ref-white) !important;
  font-size: 24px !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-desc {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-block-end: 24px !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-link {
  color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .tft-category-deck__journal-arch-wrap {
  width: 85% !important;
  margin-inline: auto !important;
  margin-block-start: 24px !important;
  border-radius: 120px 120px 0 0 !important;
  overflow: hidden !important;
  aspect-ratio: 1.1 / 1 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

body.tft-redesign-layout .tft-category-deck__journal-arch-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal:hover .tft-category-deck__journal-arch-img {
  transform: scale(1.05) !important;
}

/* TFT FEATURES & STORY ROW */
body.tft-redesign-layout .tft-features-row {
  padding-block: 0 80px !important;
  background-color: var(--fur-bg-secondary) !important;
  width: 100% !important;
}

body.tft-redesign-layout .tft-features-row__container {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 24px !important;
  align-items: stretch !important;
}

body.tft-redesign-layout .tft-features-row__main {
  flex: 3 1 720px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: 32px !important;
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-features-row__item {
  flex: 1 1 160px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-features-row__icon-wrap {
  color: var(--fur-primary) !important;
  display: inline-flex !important;
}

body.tft-redesign-layout .tft-features-row__text {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.tft-redesign-layout .tft-features-row__title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
}

body.tft-redesign-layout .tft-features-row__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
}

/* Story teaser card */
body.tft-redesign-layout .tft-features-row__story-card {
  flex: 1 1 280px !important;
  background-color: var(--fur-ref-beige-200) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: 32px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border: 1px solid var(--fur-border) !important;
  box-sizing: border-box !important;
  transition: transform var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-features-row__story-card:hover {
  transform: translateY(-2px) !important;
}

body.tft-redesign-layout .tft-features-row__story-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  z-index: 2 !important;
}

body.tft-redesign-layout .tft-features-row__story-tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-text-muted) !important;
  text-transform: uppercase !important;
}

body.tft-redesign-layout .tft-features-row__story-link {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.tft-redesign-layout .tft-features-row__story-arrow {
  transition: transform var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-features-row__story-link:hover .tft-features-row__story-arrow {
  transform: translateX(4px) !important;
}

body.tft-redesign-layout .tft-features-row__story-leaf {
  position: absolute !important;
  bottom: -15px !important;
  inset-inline-end: 15px !important;
  color: rgba(76, 107, 91, 0.1) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}


/* REDESIGNED NEW ARRIVALS */
body.tft-redesign-layout .tft-new-arrivals {
  padding-block: clamp(50px, 8vw, 100px) !important;
  background-color: var(--fur-bg-secondary) !important;
}

body.tft-redesign-layout .tft-new-arrivals__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-block-end: 48px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals__title-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.tft-redesign-layout .tft-new-arrivals__tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-ref-beige-dark-muted) !important;
}

body.tft-redesign-layout .tft-new-arrivals__leaf-icon {
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-new-arrivals__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(32px, 3.5vw, 44px) !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

body.tft-redesign-layout .tft-new-arrivals__title-script {
  font-family: var(--fur-font-script) !important;
  font-size: clamp(38px, 4vw, 54px) !important;
  color: var(--fur-primary) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  margin-inline-start: 6px !important;
}

body.tft-redesign-layout .tft-new-arrivals__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
  max-width: 480px !important;
}

body.tft-redesign-layout .tft-new-arrivals__view-all {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding-block-end: 4px !important;
  border-bottom: 1px solid var(--fur-border-light) !important;
}

body.tft-redesign-layout .tft-new-arrivals__view-all-circle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  transition: transform var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-new-arrivals__view-all:hover .tft-new-arrivals__view-all-circle {
  transform: scale(1.05) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-wrap {
  position: relative !important;
  width: 100% !important;
}

/* Floating Navigation Arrows */
body.tft-redesign-layout .tft-new-arrivals__slider-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
  z-index: 10 !important;
  transition: all var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-arrow:hover {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-arrow--prev {
  inset-inline-start: -22px !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-arrow--next {
  inset-inline-end: -22px !important;
}

body.tft-redesign-layout .tft-new-arrivals__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Product Cards */
body.tft-redesign-layout .tft-product-card {
  background-color: var(--fur-surface) !important;
  border-radius: var(--fur-radius-lg) !important;
  border: 1px solid var(--fur-border) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow-lg) !important;
}

body.tft-redesign-layout .tft-product-card__img-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background-color: var(--fur-bg-secondary) !important;
}

body.tft-redesign-layout .tft-product-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-slow) !important;
}

body.tft-redesign-layout .tft-product-card:hover .tft-product-card__img {
  transform: scale(1.04) !important;
}

body.tft-redesign-layout .tft-product-card__wishlist {
  position: absolute !important;
  top: 16px !important;
  inset-inline-end: 16px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-text-muted) !important;
  cursor: pointer !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
  transition: all var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-product-card__wishlist:hover {
  color: var(--fur-primary) !important;
  transform: scale(1.05) !important;
}

body.tft-redesign-layout .tft-product-card__content {
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* Badge float */
body.tft-redesign-layout .tft-product-card__badge {
  position: absolute !important;
  top: -12px !important;
  inset-inline-start: 20px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  padding: 4px 10px !important;
  border-radius: var(--fur-radius-full) !important;
  z-index: 2 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

body.tft-redesign-layout .tft-product-card__badge--bestseller {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .tft-product-card__badge--new {
  background-color: var(--fur-ref-beige-200) !important;
  color: var(--fur-text) !important;
  border: 1px solid var(--fur-border) !important;
}

body.tft-redesign-layout .tft-product-card__category {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-ref-beige-dark-muted) !important;
  margin-block-end: 8px !important;
  text-transform: uppercase !important;
}

body.tft-redesign-layout .tft-product-card__title {
  font-family: var(--fur-font-sans) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
}

body.tft-redesign-layout .tft-product-card__title-link {
  color: var(--fur-text) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-product-card__title-link:hover {
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-product-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 0 16px 0 !important;
}

body.tft-redesign-layout .tft-product-card__footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-block-start: auto !important;
}

body.tft-redesign-layout .tft-product-card__price {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
}

body.tft-redesign-layout .tft-product-card__add-to-cart {
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-product-card__add-to-cart:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: scale(1.05) !important;
}


/* ==========================================================================
   RESPONSIVE DESIGN (BREAKPOINTS OVERRIDES)
   ========================================================================== */
@media (max-width: 1200px) {
  body.tft-redesign-layout .tft-new-arrivals__slider-arrow--prev {
    inset-inline-start: -10px !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__slider-arrow--next {
    inset-inline-end: -10px !important;
  }
}

@media (max-width: 991px) {
  body.tft-redesign-layout .tft-category-deck__card--featured {
    flex: 1 1 100% !important;
    flex-direction: column !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
    height: 300px !important;
  }
  body.tft-redesign-layout .tft-features-row__main {
    flex: 1 1 100% !important;
  }
  body.tft-redesign-layout .tft-features-row__story-card {
    flex: 1 1 100% !important;
    min-height: 180px !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  body.tft-redesign-layout .tft-category-deck__container {
    gap: 16px !important;
  }
  body.tft-redesign-layout .tft-features-row__container {
    gap: 16px !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content {
    padding: 24px !important;
  }
  body.tft-redesign-layout .tft-features-row__main {
    padding: 24px !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__slider-arrow {
    display: none !important;
  }
}

@media (max-width: 576px) {
  body.tft-redesign-layout .tft-features-row__main {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  body.tft-redesign-layout .tft-features-row__item {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__grid {
    grid-template-columns: 1fr !important;
  }
}

/* Append layout rules for new container widths */
body.tft-redesign-layout .tft-features-row {
  width:          100%  !important;
  max-width:      none  !important;
  margin-inline:  0     !important;
  padding-inline: 0     !important;
}

body.tft-redesign-layout .tft-features-row__container {
  max-width: var(--tft-rail-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--tft-rail-padding) !important;
  box-sizing: border-box !important;
}

@media (min-width: 1441px) {
  body.tft-redesign-layout .tft-features-row__container {
    padding-inline: 0 !important;
  }
}


/* ==========================================================================
   REDESIGNED CATEGORY DECK GRID UPDATES
   ========================================================================== */
body.tft-redesign-layout .tft-category-deck__container {
  display: grid !important;
  grid-template-columns: 1.8fr 1fr 1fr 1fr 1.2fr !important;
  gap: 24px !important;
  align-items: stretch !important;
  max-width: 100% !important;
  padding-inline: 40px !important;
  margin-inline: 0 !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
  height: auto !important;
  margin-top: 0 !important;
  flex: 1.3 !important;
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-image-wrapper {
  width: auto !important;
  height: auto !important;
  margin-inline-start: 0 !important;
  margin-top: 0 !important;
  display: block !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__journal-arch-wrap {
  width: 85% !important;
  margin-inline: auto !important;
  margin-block-start: auto !important;
  border-radius: 120px 120px 0 0 !important;
  overflow: hidden !important;
  aspect-ratio: 1.1 / 1 !important;
  border: 1px solid var(--fur-border) !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__journal-arch-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
}

/* ==========================================================================
   REDESIGNED NEW ARRIVALS & SERVICES STRIP
   ========================================================================== */
body.tft-redesign-layout .tft-new-arrivals {
  background-color: var(--fur-bg-secondary) !important;
  padding-block: clamp(60px, 8vw, 100px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals__container {
  max-width: 100% !important;
  padding-inline: 40px !important;
  display: grid !important;
  grid-template-columns: 24fr 76fr !important;
  gap: 40px !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals__info-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important;
}

body.tft-redesign-layout .tft-new-arrivals__tag {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: var(--fur-primary) !important;
  margin-block-end: 20px !important;
}

body.tft-redesign-layout .tft-new-arrivals__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(36px, 4vw, 52px) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: var(--fur-text) !important;
  margin-block-end: 20px !important;
}

body.tft-redesign-layout .tft-new-arrivals__title-script {
  font-family: var(--fur-font-script) !important;
  font-size: clamp(48px, 5.5vw, 68px) !important;
  color: var(--fur-primary) !important;
  font-style: italic !important;
}

body.tft-redesign-layout .tft-new-arrivals__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 32px !important;
  max-width: 280px !important;
}

body.tft-redesign-layout .tft-new-arrivals__cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 28px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-radius: var(--fur-radius-full) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  width: fit-content !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-new-arrivals__cta-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: translateY(-2px) !important;
}

body.tft-redesign-layout .tft-new-arrivals__decor-wrap {
  margin-block-start: auto !important;
  width: 100% !important;
  max-width: 280px !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  aspect-ratio: 0.95 / 1 !important;
}

body.tft-redesign-layout .tft-new-arrivals__decor-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Slider Column & Cards */
body.tft-redesign-layout .tft-new-arrivals__slider-col {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

body.tft-redesign-layout .tft-new-arrivals__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card {
  background-color: var(--fur-surface) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid var(--fur-border) !important;
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow-lg) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__img-wrap {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background-color: var(--fur-bg-secondary) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card:hover .tft-product-card__img {
  transform: scale(1.05) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__wishlist {
  position: absolute !important;
  inset-block-start: 16px !important;
  inset-inline-end: 16px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: var(--fur-text) !important;
  box-shadow: 0 4px 10px var(--fur-shadow) !important;
  transition: background-color var(--fur-transition-fast), color var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__wishlist:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__content {
  padding: 24px !important;
  background-color: var(--fur-bg-secondary) !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__category {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 8px !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__title {
  font-family: var(--fur-font-serif) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--fur-text) !important;
  margin-block-end: 10px !important;
  line-height: 1.3 !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__title a {
  color: inherit !important;
  text-decoration: none !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 20px !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-block-start: auto !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__price {
  font-family: var(--fur-font-sans) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__add-to-cart {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__add-to-cart:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: scale(1.1) !important;
}

/* Dots & Next Arrow Controls */
body.tft-redesign-layout .tft-new-arrivals__slider-controls {
  margin-block-start: 32px !important;
  display: flex !important;
  align-items: center !important;
}

body.tft-redesign-layout .tft-new-arrivals__dots {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

body.tft-redesign-layout .tft-new-arrivals__dot {
  width: 8px !important;
  height: 4px !important;
  border-radius: 2px !important;
  background-color: var(--fur-border-light) !important;
  transition: width var(--fur-transition-fast), background-color var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-new-arrivals__dot--active {
  width: 32px !important;
  background-color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-next {
  position: absolute !important;
  inset-inline-end: -24px !important;
  inset-block-start: 40% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-text) !important;
  box-shadow: 0 4px 15px var(--fur-shadow-lg) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 5 !important;
  transition: all var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-new-arrivals__slider-next:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
  transform: translateY(-50%) scale(1.05) !important;
}

/* ==========================================================================
   TFT PREMIUM SERVICES STRIP
   ========================================================================== */
body.tft-redesign-layout .tft-services-strip {
  background-color: var(--fur-bg) !important;
  padding-block-end: clamp(60px, 8vw, 100px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-services-strip__container {
  max-width: 100% !important;
  padding-inline: 40px !important;
  display: grid !important;
  grid-template-columns: 2.2fr 1fr 1fr 1fr 2.2fr !important;
  gap: 24px !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-service-card {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Capsule Card Layout */
body.tft-redesign-layout .tft-service-card--capsule {
  border-radius: var(--fur-radius-xl) !important;
  padding: 32px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  color: var(--fur-ref-white) !important;
  overflow: hidden !important;
}

body.tft-redesign-layout .tft-service-card--services {
  background-color: var(--fur-ref-forest-900) !important;
}

body.tft-redesign-layout .tft-service-card--journal {
  background-color: var(--fur-ref-forest-800) !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__left {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  opacity: 0.6 !important;
  margin-block-end: 16px !important;
  text-transform: uppercase !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(20px, 1.8vw, 24px) !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  color: var(--fur-ref-white) !important;
  margin-block-end: 12px !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  opacity: 0.8 !important;
  margin-block-end: 20px !important;
  max-width: 180px !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__circle-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-ref-white) !important;
  opacity: 0.7 !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all var(--fur-transition-fast) !important;
  margin-block-start: auto !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__circle-btn:hover {
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-primary) !important;
  border-color: var(--fur-ref-white) !important;
  opacity: 1 !important;
  transform: scale(1.05) !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__link-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--fur-ref-white) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-block-start: auto !important;
  width: fit-content !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__link-arrow {
  width: 24px !important;
  height: 24px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-ref-white) !important;
  opacity: 0.7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__link-text:hover .tft-service-card__link-arrow {
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-primary) !important;
  border-color: var(--fur-ref-white) !important;
  opacity: 1 !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__right-arch {
  width: 120px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  position: relative !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__arch-img {
  width: 100% !important;
  height: auto !important;
  border-radius: 60px 60px 0 0 !important;
  object-fit: cover !important;
  display: block !important;
}

/* Standard Service Card Layout */
body.tft-redesign-layout .tft-service-card--standard {
  background-color: transparent !important;
  padding: 16px !important;
  justify-content: flex-start !important;
}

body.tft-redesign-layout .tft-service-card--standard .tft-service-card__icon-wrap {
  color: var(--fur-primary) !important;
  margin-block-end: 24px !important;
  display: flex !important;
  align-items: center !important;
}

body.tft-redesign-layout .tft-service-card--standard .tft-service-card__card-title {
  font-family: var(--fur-font-serif) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--fur-text) !important;
  margin-block-end: 12px !important;
}

body.tft-redesign-layout .tft-service-card--standard .tft-service-card__card-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: auto !important;
}

body.tft-redesign-layout .tft-service-card--standard .tft-service-card__accent-line {
  width: 100% !important;
  height: 1px !important;
  background-color: var(--fur-border) !important;
  margin-block-start: 24px !important;
}

/* Responsive Strip Breakpoints */
@media (max-width: 1200px) {
  body.tft-redesign-layout .tft-category-deck__container,
  body.tft-redesign-layout .tft-new-arrivals__container,
  body.tft-redesign-layout .tft-services-strip__container {
    padding-inline: 24px !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__container {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__decor-wrap {
    display: none !important;
  }
  body.tft-redesign-layout .tft-services-strip__container {
    grid-template-columns: 1fr 1fr !important;
  }
  body.tft-redesign-layout .tft-service-card--capsule {
    grid-column: span 2 !important;
  }
}

@media (max-width: 991px) {
  body.tft-redesign-layout .tft-new-arrivals__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  body.tft-redesign-layout .tft-category-deck__container {
    grid-template-columns: 1fr 1fr !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured {
    grid-column: 1 / -1 !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--journal {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 768px) {
  body.tft-redesign-layout .tft-services-strip__container {
    grid-template-columns: 1fr !important;
  }
  body.tft-redesign-layout .tft-service-card--capsule {
    grid-column: span 1 !important;
  }
}

@media (max-width: 576px) {
  body.tft-redesign-layout .tft-new-arrivals__grid {
    grid-template-columns: 1fr !important;
  }
  body.tft-redesign-layout .tft-category-deck__container {
    grid-template-columns: 1fr !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured {
    grid-column: auto !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--journal {
    grid-column: auto !important;
  }
}

/* Featured Card Layout Overrides (Vertical Stacking per Mockup) */
body.tft-redesign-layout .tft-category-deck__card--featured {
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  background-color: var(--fur-bg-secondary) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content {
  flex: 0 0 auto !important;
  padding: 40px 40px 24px 40px !important;
  display: flex !important;
  flex-direction: column !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
  flex: 1 1 auto !important;
  height: 380px !important;
  margin-top: 0 !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__pill-badge {
  position: absolute !important;
  bottom: 24px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-link {
  color: var(--fur-primary) !important;
  margin-block-end: 8px !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-arrow-circle {
  border: 1px solid var(--fur-primary) !important;
  background-color: transparent !important;
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-link:hover .tft-category-deck__card-arrow-circle {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__star {
  color: var(--fur-primary) !important;
}

@media (max-width: 1200px) {
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
    height: 320px !important;
  }
}

@media (max-width: 991px) {
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
    height: 380px !important;
  }
}

@media (max-width: 576px) {
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
    height: 320px !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content {
    padding: 32px 24px 20px 24px !important;
  }
}

/* Page & Section Background Refinements (Mockup Continuity) */
body.tft-redesign-layout .tft-category-deck {
  background-color: var(--fur-bg) !important; /* Darker beige (beige-100) */
}

body.tft-redesign-layout .tft-new-arrivals {
  background-color: var(--fur-bg) !important; /* Darker beige (beige-100) */
}

body.tft-redesign-layout .tft-services-strip {
  background-color: var(--fur-bg) !important; /* Darker beige (beige-100) to blend with New Arrivals */
}

/* Category Deck Card Colors */
body.tft-redesign-layout .tft-category-deck__card {
  background-color: var(--fur-bg-secondary) !important; /* Lighter beige (beige-50) */
}

body.tft-redesign-layout .tft-category-deck__card--split .tft-category-deck__card-body {
  background-color: var(--fur-bg-secondary) !important; /* Lighter beige (beige-50) */
}

body.tft-redesign-layout .tft-category-deck__card--journal {
  background-color: var(--fur-ref-forest-900) !important; /* Keep deep green */
}

/* Product Card Colors */
body.tft-redesign-layout .tft-product-card {
  background-color: var(--fur-bg-secondary) !important; /* Lighter beige (beige-50) */
}

body.tft-redesign-layout .tft-product-card__content {
  background-color: var(--fur-bg-secondary) !important; /* Lighter beige (beige-50) */
}

body.tft-redesign-layout .tft-product-card__img-wrap {
  background-color: var(--fur-bg-secondary) !important; /* Lighter beige (beige-50) */
}

/* Category Deck - Solve Stretched Card Body Height & Gap */
body.tft-redesign-layout .tft-category-deck__card--split {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

body.tft-redesign-layout .tft-category-deck__split-image-wrap {
  flex: 1 1 0% !important;
  height: auto !important; /* Grow to absorb stretch */
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
}

body.tft-redesign-layout .tft-category-deck__card-body {
  flex: 0 0 auto !important; /* Remain compact */
  background-color: var(--fur-bg-secondary) !important;
  padding: 24px !important;
}

/* Card 5 (Journal) Arch Height & Position */
body.tft-redesign-layout .tft-category-deck__card--journal {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  padding-bottom: 0 !important; /* Arch flush with bottom */
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-content {
  flex: 0 0 auto !important;
}

body.tft-redesign-layout .tft-category-deck__journal-arch-wrap {
  flex: 1 1 auto !important;
  margin-block-start: 16px !important;
  width: 85% !important;
  max-width: 280px !important;
  aspect-ratio: auto !important; /* Let it stretch */
  display: flex !important;
  align-items: flex-end !important;
  margin-inline: auto !important;
}

body.tft-redesign-layout .tft-category-deck__journal-arch-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 120px 120px 0 0 !important;
}

/* Category Deck - Absolute Positioned Split Indicators */
body.tft-redesign-layout .tft-category-deck__split-overlay {
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  width: 50% !important;
  height: 100% !important;
  background-color: var(--fur-ref-overlay-dark) !important;
  border-inline-end: 1px solid var(--fur-border-light) !important;
}

body.tft-redesign-layout .tft-category-deck__split-header {
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important; /* Disable flex column */
}

body.tft-redesign-layout .tft-category-deck__split-num {
  position: absolute !important;
  top: 24px !important;
  inset-inline-start: 24px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--fur-ref-white) !important;
  letter-spacing: 2px !important;
  opacity: 0.9 !important;
}

body.tft-redesign-layout .tft-category-deck__split-icon-circle {
  position: absolute !important;
  top: 36px !important;
  inset-inline-end: 0 !important;
  transform: translateX(50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-primary) !important;
  box-shadow: 0 4px 12px var(--fur-shadow) !important;
  z-index: 2 !important;
}

/* Featured Card Text Colors */
body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-tag {
  color: var(--fur-ref-olive-500) !important; /* Earthy olive/terracotta vibe */
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-link {
  color: var(--fur-text) !important; /* Charcoal black per mockup */
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-arrow-circle {
  border: 1px solid var(--fur-primary) !important;
  background-color: transparent !important;
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-link:hover {
  color: var(--fur-primary) !important;
}

/* New Premium Services Strip Layout */
body.tft-redesign-layout .tft-services-strip {
  background-color: var(--fur-bg) !important;
  padding-block: var(--fur-margin-block-lg) !important;
  width: 100% !important;
}

body.tft-redesign-layout .tft-services-strip__container {
  max-width: 100% !important;
  padding-inline: 40px !important;
  margin-inline: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  align-items: stretch !important;
}

body.tft-redesign-layout .tft-services-strip__main-features {
  flex: 1 1 0% !important;
  display: flex !important;
  flex-direction: row !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-xl) !important;
  padding: 32px 16px !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
}

body.tft-redesign-layout .tft-services-strip__feature-col {
  flex: 1 1 0% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding-inline: 16px !important;
  position: relative !important;
}

@media (min-width: 992px) {
  body.tft-redesign-layout .tft-services-strip__feature-col + .tft-services-strip__feature-col {
    border-inline-start: 1px solid var(--fur-border-light) !important;
  }
}

body.tft-redesign-layout .tft-services-strip__feature-icon-wrap {
  color: var(--fur-primary) !important;
  margin-block-end: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.tft-redesign-layout .tft-services-strip__feature-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.tft-redesign-layout .tft-services-strip__feature-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: var(--fur-text) !important;
  text-transform: uppercase !important;
}

body.tft-redesign-layout .tft-services-strip__feature-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

body.tft-redesign-layout .tft-services-strip__story-card {
  flex: 0 0 280px !important;
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-xl) !important;
  padding: 24px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
}

body.tft-redesign-layout .tft-services-strip__story-content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.tft-redesign-layout .tft-services-strip__story-tag {
  font-family: var(--fur-font-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  line-height: 1.4 !important;
  letter-spacing: 0.5px !important;
}

body.tft-redesign-layout .tft-services-strip__story-link {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: var(--fur-text) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

body.tft-redesign-layout .tft-services-strip__story-link:hover {
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-services-strip__story-leaf {
  position: absolute !important;
  inset-inline-end: -10px !important;
  bottom: -15px !important;
  color: var(--fur-ref-beige-300) !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Responsive Layout for Services Strip */
@media (max-width: 991px) {
  body.tft-redesign-layout .tft-services-strip__container {
    flex-direction: column !important;
    padding-inline: 24px !important;
  }
  body.tft-redesign-layout .tft-services-strip__main-features {
    flex-direction: column !important;
    gap: 24px !important;
    padding: 24px !important;
  }
  body.tft-redesign-layout .tft-services-strip__feature-col {
    padding-inline: 0 !important;
  }
  body.tft-redesign-layout .tft-services-strip__story-card {
    flex: auto !important;
    width: 100% !important;
    height: 160px !important;
    align-items: flex-start !important;
  }
}


/* ==========================================================================
   TFT RESPONSIVE MOBILE MENU REDESIGN - ACCORDIONS & SEARCH
   ========================================================================== */

/* Search Capsule */
.tft-mobile-drawer__search {
  padding: 16px var(--tft-rail-padding, clamp(16px, 4vw, 40px)) !important;
  border-block-end: 1px solid var(--fur-border, #e8e4dc) !important;
}

.tft-mobile-drawer__search-form {
  display: flex !important;
  align-items: center !important;
  background-color: var(--fur-surface-secondary, #f0ede6) !important;
  border-radius: 100px !important;
  padding-inline: 16px !important;
  height: 44px !important;
  transition: background-color var(--fur-transition-fast, 0.2s ease), box-shadow var(--fur-transition-fast, 0.2s ease) !important;
}

.tft-mobile-drawer__search-form:focus-within {
  background-color: var(--fur-bg-primary, #ffffff) !important;
  box-shadow: 0 0 0 2px var(--fur-primary, #3d5a1e) !important;
}

.tft-mobile-drawer__search-input {
  flex-grow: 1 !important;
  background: transparent !important;
  border: none !important;
  font-family: var(--fur-font-sans, sans-serif) !important;
  font-size: 14px !important;
  color: var(--fur-text-primary, #1e2814) !important;
  outline: none !important;
  padding: 0 !important;
}

.tft-mobile-drawer__search-input::placeholder {
  color: var(--fur-text-muted, #7c776e) !important;
}

.tft-mobile-drawer__search-btn {
  background: none !important;
  border: none !important;
  color: var(--fur-text-muted, #7c776e) !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color var(--fur-transition-fast, 0.2s ease) !important;
}

.tft-mobile-drawer__search-btn:hover {
  color: var(--fur-primary, #3d5a1e) !important;
}

/* Accordion Buttons */
.tft-mobile-drawer__nav .tft-nav-dropdown__btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  background: none !important;
  border: none !important;
  border-block-end: 1px solid color-mix(in srgb, var(--fur-border, #e8e4dc) 50%, transparent) !important;
  padding-block: 18px !important;
  padding-inline: var(--tft-rail-padding, clamp(16px, 4vw, 40px)) !important;
  font-family: var(--fur-font-sans, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--fur-text-primary, #1e2814) !important;
  cursor: pointer !important;
  text-align: start !important;
  transition: background-color var(--fur-transition-fast, 0.2s ease), color var(--fur-transition-fast, 0.2s ease) !important;
}

.tft-mobile-drawer__nav .tft-nav-dropdown__btn:hover {
  background-color: color-mix(in srgb, var(--fur-surface-secondary, #f0ede6) 50%, transparent) !important;
}

.tft-mobile-drawer__chevron {
  color: var(--fur-text-muted, #7c776e) !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tft-mobile-drawer__nav .tft-nav-dropdown__btn[aria-expanded="true"] .tft-mobile-drawer__chevron {
  transform: rotate(180deg) !important;
  color: var(--fur-primary, #3d5a1e) !important;
}

.tft-mobile-drawer__nav .tft-nav-dropdown__btn[aria-expanded="true"] {
  color: var(--fur-primary, #3d5a1e) !important;
  border-block-end-color: transparent !important;
}

/* Accordion Menus - Overriding existing styles */
.tft-mobile-drawer__nav .tft-nav-dropdown__menu {
  display: flex !important;
  flex-direction: column !important;
  background-color: color-mix(in srgb, var(--fur-surface-secondary, #f0ede6) 30%, transparent) !important;
  border-block-end: 1px solid color-mix(in srgb, var(--fur-border, #e8e4dc) 50%, transparent) !important;
  margin: 0 !important;
  padding-inline-start: 0 !important;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tft-mobile-drawer__sublink {
  display: block !important;
  font-family: var(--fur-font-sans, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--fur-text-muted, #7c776e) !important;
  text-decoration: none !important;
  padding-block: 12px !important;
  padding-inline: calc(var(--tft-rail-padding, clamp(16px, 4vw, 40px)) + 12px) !important;
  transition: color var(--fur-transition-fast, 0.2s ease), background-color var(--fur-transition-fast, 0.2s ease), padding-inline-start var(--fur-transition-fast, 0.2s ease) !important;
}

.tft-mobile-drawer__sublink:first-child {
  padding-block-start: 12px !important;
}

.tft-mobile-drawer__sublink:last-child {
  padding-block-end: 16px !important;
}

.tft-mobile-drawer__sublink:hover {
  color: var(--fur-primary, #3d5a1e) !important;
  background-color: color-mix(in srgb, var(--fur-primary, #3d5a1e) 5%, transparent) !important;
  padding-inline-start: calc(var(--tft-rail-padding, clamp(16px, 4vw, 40px)) + 18px) !important;
}

/* Reset inner drawer padding since accordion buttons use full width */
.tft-mobile-drawer__nav {
  padding-inline: 0 !important;
  padding-block: 0 !important;
  gap: 0 !important;
}

/* Footer Socials */
.tft-mobile-drawer__footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding-block: 32px 24px !important;
  background: transparent !important;
  border-top: none !important;
}

.tft-mobile-drawer__socials {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-block-end: 20px !important;
}

.tft-mobile-drawer__social-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background-color: var(--fur-bg-primary, #ffffff) !important;
  color: var(--fur-text-primary, #1e2814) !important;
  border: 1px solid var(--fur-border, #e8e4dc) !important;
  transition: background-color var(--fur-transition-fast, 0.2s ease), color var(--fur-transition-fast, 0.2s ease), border-color var(--fur-transition-fast, 0.2s ease) !important;
}

.tft-mobile-drawer__social-link:hover {
  background-color: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
  border-color: var(--fur-primary, #3d5a1e) !important;
}

/* ==========================================================================
   TFT REDUCE CATEGORY DECK HEIGHT BY ~35%
   ========================================================================== */

/* Decrease Category Deck Height */
body.tft-redesign-layout .tft-category-deck__card {
  height: clamp(380px, 50vh, 520px) !important;
}

/* Ensure the split image wrappers don't overflow their flex parent */
body.tft-redesign-layout .tft-category-deck__split-image-wrap {
  min-height: 0 !important;
  flex: 1 1 0% !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
  min-height: 0 !important;
  flex: 1 1 0% !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-image-wrapper {
  min-height: 0 !important;
  flex: 1 1 0% !important;
}

/* Adjust the journal arch to fit nicely in smaller height */
body.tft-redesign-layout .tft-category-deck__journal-arch-wrap {
  flex: 1 1 0% !important;
  aspect-ratio: auto !important;
  margin-block-end: 24px !important;
}

/* ==========================================================================
   TFT FEATURED CARD VERTICAL LAYOUT & PLASTER BACKGROUND FIX
   ========================================================================== */

body.tft-redesign-layout .tft-category-deck__card--featured {
  flex-direction: column !important;
  background-image: none !important;
  background-color: #ece8df !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content {
  flex: 0 0 auto !important;
  padding: 32px 24px 16px 24px !important;
  justify-content: flex-start !important;
  position: relative !important;
  z-index: 2 !important;
  background: none !important;
}

body.tft-redesign-layout .tft-category-deck__card-tag {
  color: #a46f48 !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
  position: absolute !important;
  bottom: 0 !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  height: 62% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  pointer-events: none !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
}

body.tft-redesign-layout .tft-category-deck__pill-badge {
  position: absolute !important;
  bottom: 20px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  width: max-content !important;
  z-index: 3 !important;
  pointer-events: all !important;
}

/* ==========================================================================
   TFT JOURNAL CARD FTN-ZZ.PNG INTEGRATION FIX (ARCH LAYER)
   ========================================================================== */

body.tft-redesign-layout .tft-category-deck__card--journal .tft-category-deck__card-tag {
  color: #a3b86c !important; /* Lime green from mockup */
}

body.tft-redesign-layout .tft-category-deck__journal-image-wrap {
  position: relative !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 220px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.tft-redesign-layout .tft-category-deck__journal-image-wrap::before {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  width: 82% !important;
  height: 88% !important;
  background-color: rgba(255, 255, 255, 0.055) !important;
  border-radius: 110px 110px 0 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body.tft-redesign-layout .tft-category-deck__journal-img {
  position: absolute !important;
  bottom: -10px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  width: 140% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  z-index: 1 !important;
  transition: transform var(--fur-transition-slow) !important;
  display: block !important;
}

body.tft-redesign-layout .tft-category-deck__card--journal:hover .tft-category-deck__journal-img {
  transform: translateX(-50%) scale(1.04) translateY(-6px) !important;
}

/* ==========================================================================
   TFT SERVICES STRIP REDESIGN (UNDER CATEGORY DECK)
   ========================================================================== */

body.tft-redesign-layout .tft-services-strip {
  padding-block: 24px 60px !important;
  background-color: transparent !important;
}

body.tft-redesign-layout .tft-services-strip__container {
  gap: 16px !important;
}

body.tft-redesign-layout .tft-services-strip__main-features {
  flex: 1 1 75% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  background-color: var(--fur-ref-white) !important;
  border-radius: 16px !important;
  padding: 24px 32px !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.02) !important;
  gap: 24px !important;
  overflow: visible !important;
}

body.tft-redesign-layout .tft-services-strip__feature-col {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  text-align: left !important;
  gap: 16px !important;
  flex: 1 1 18% !important;
  min-width: 140px !important;
  border-right: 1px solid var(--fur-border-light) !important;
}

body.tft-redesign-layout .tft-services-strip__feature-col:last-child {
  border-right: none !important;
}

body.tft-redesign-layout .tft-services-strip__feature-icon-wrap {
  width: 44px !important;
  height: 44px !important;
  background-color: #e8e6dc !important; /* Earthy beige/green */
  border-radius: 14px !important;
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-services-strip__feature-content {
  flex: 1 !important;
}

body.tft-redesign-layout .tft-services-strip__feature-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
  color: var(--fur-text) !important;
}

body.tft-redesign-layout .tft-services-strip__feature-desc {
  font-size: 11px !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.4 !important;
}

body.tft-redesign-layout .tft-services-strip__story-card {
  flex: 0 0 250px !important;
  background-color: #e5e4d9 !important; /* Matched mockup color */
  border-radius: 16px !important;
  border: none !important;
  padding: 24px 32px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.tft-redesign-layout .tft-services-strip__story-tag {
  color: var(--fur-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  margin-bottom: 16px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.tft-redesign-layout .tft-services-strip__story-link {
  color: var(--fur-primary) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.tft-redesign-layout .tft-services-strip__story-leaf {
  color: rgba(61, 90, 30, 0.25) !important; /* Darker leaf graphic */
  position: absolute !important;
  bottom: -15px !important;
  right: -5px !important;
  z-index: 1 !important;
}

/* ==========================================================================
   TFT FEATURED CARD VERTICAL LAYOUT (100% PARITY WITH MOCKUP)
   ========================================================================== */
body.tft-redesign-layout .tft-category-deck__card--featured {
  display: flex !important;
  flex-direction: column !important;
  background-image: none !important;
  background-color: var(--fur-bg-secondary) !important; /* Cream card background */
  justify-content: flex-start !important;
  align-items: stretch !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid var(--fur-border) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content {
  flex: 0 0 auto !important;
  padding: 40px 40px 24px 40px !important;
  position: relative !important;
  z-index: 2 !important;
  background: none !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {
  position: relative !important;
  inset-inline-start: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 280px !important;
  display: block !important;
  overflow: hidden !important;
  margin-block-start: auto !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center bottom !important;
  display: block !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__pill-badge {
  position: absolute !important;
  bottom: 24px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  width: max-content !important;
  z-index: 3 !important;
}

/* ==========================================================================
   TFT UNIFIED SERVICES STRIP WRAPPER (100% PARITY WITH MOCKUP)
   ========================================================================== */
body.tft-redesign-layout .tft-services-strip {
  grid-column: 1 / -1 !important; /* Span all columns of the category deck grid */
  margin-block-start: 16px !important;
  width: 100% !important;
  background-color: var(--fur-bg-secondary) !important; /* Cream card background */
  border-radius: var(--fur-radius-xl) !important;
  border: 1px solid var(--fur-border) !important;
  padding: 24px 32px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 24px !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-services-strip__main-features {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  gap: 24px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
}

body.tft-redesign-layout .tft-services-strip__story-card {
  background-color: var(--fur-bg) !important; /* Slightly darker warm beige inside wrapper */
  border: none !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: none !important;
  margin: 0 !important;
  flex: 0 0 280px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
}

@media (max-width: 991px) {
  body.tft-redesign-layout .tft-services-strip {
    flex-direction: column !important;
    padding: 24px !important;
  }
  
  body.tft-redesign-layout .tft-services-strip__main-features {
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  
  body.tft-redesign-layout .tft-services-strip__feature-col {
    border-right: none !important;
    border-block-end: 1px solid var(--fur-border-light) !important;
    padding-block-end: 16px !important;
    padding-inline: 0 !important;
    width: 100% !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  
  body.tft-redesign-layout .tft-services-strip__feature-col:last-child {
    border-block-end: none !important;
    padding-block-end: 0 !important;
  }
  
  body.tft-redesign-layout .tft-services-strip__story-card {
    width: 100% !important;
    flex: auto !important;
    height: auto !important;
    min-height: 120px !important;
    padding: 20px 24px !important;
  }
}

/* ==========================================================================
   TFT ariely FINE-TUNINGS & REDESIGN FIXES (2026)
   ========================================================================== */

/* 1. Category Deck Journal Vase Centering Fix */
body.tft-redesign-layout .tft-category-deck__journal-img {
  inset-inline-start: 55% !important;
}
body.tft-redesign-layout .tft-category-deck__card--journal:hover .tft-category-deck__journal-img {
  transform: translate(-45%, -6px) scale(1.04) !important;
}

/* 2. Distinct Selector for the Nested Services Strip in Category Deck Container */
body.tft-redesign-layout .tft-category-deck__container .tft-services-strip {
  grid-column: 1 / -1 !important;
  margin-block-start: 16px !important;
  background-color: var(--fur-bg-secondary) !important;
  border-radius: var(--fur-radius-xl) !important;
  border: 1px solid var(--fur-border) !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
  padding: 16px 24px !important;
}

/* 3. New Arrivals Textured Background, Branch Icon and Arch Shapes */
body.tft-redesign-layout .tft-new-arrivals {
  position: relative !important;
  background-image: none !important;
  padding-block-end: 80px !important; /* Space for the bottom nested strip */
}

body.tft-redesign-layout .tft-new-arrivals__info-col {
  position: relative !important;
}

body.tft-redesign-layout .tft-new-arrivals__top-branch {
  position: absolute !important;
  top: -55px !important;
  inset-inline-start: -40px !important;
  width: 90px !important;
  height: 90px !important;
  opacity: 0.95 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body.tft-redesign-layout .tft-new-arrivals__top-branch img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Vase Stool/Pedestal Image shape - Clean tall arch cutout directly on background */
body.tft-redesign-layout .tft-new-arrivals__decor-wrap {
  border-radius: 160px 160px 0 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 250px !important;
  aspect-ratio: 0.72 / 1 !important;
  margin-block-start: 40px !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.tft-redesign-layout .tft-new-arrivals__decor-img {
  border-radius: 160px 160px 0 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 4. Functional Horizontal Scrolling Slider Grid for New Arrivals */
body.tft-redesign-layout .tft-new-arrivals__grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc(33.333% - 16px) !important;
  gap: 24px !important;
  width: 100% !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important; /* Firefox */
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}

body.tft-redesign-layout .tft-new-arrivals__grid::-webkit-scrollbar {
  display: none !important; /* Chrome, Safari, Opera */
}

body.tft-redesign-layout .tft-product-card {
  scroll-snap-align: start !important;
  min-width: 0 !important;
}

/* 5. Nested Services Strip Capsule Bar styling inside New Arrivals */
body.tft-redesign-layout .tft-services-strip__nested-wrapper {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 48px auto 0 auto !important;
  padding-inline: 40px !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-services-strip__container {
  display: grid !important;
  grid-template-columns: 2.2fr 3.2fr 2.2fr !important;
  background-color: #eae6e1 !important; /* warm beige/cream background matching the mockup capsule bar */
  border-radius: 60px !important; /* highly rounded outer capsule shell */
  border: 1px solid var(--fur-border) !important;
  padding: 16px !important;
  gap: 20px !important;
  align-items: center !important;
  box-sizing: border-box !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}

/* Capsule Card Blocks */
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule {
  border-radius: 45px !important; /* highly rounded card panels */
  padding: 28px 24px 28px 32px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  color: var(--fur-ref-white) !important;
  overflow: hidden !important;
  gap: 16px !important;
  height: 180px !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--services {
  background-color: var(--fur-ref-forest-900) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--journal {
  background-color: var(--fur-ref-forest-800) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__left {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  opacity: 0.65 !important;
  margin-block-end: 4px !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__title {
  font-family: var(--fur-font-serif) !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  color: var(--fur-ref-white) !important;
  margin: 0 0 8px 0 !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  opacity: 0.8 !important;
  margin: 0 !important;
  max-width: 170px !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__circle-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1.5px solid var(--fur-ref-white) !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all var(--fur-transition-fast) !important;
  margin-block-start: 12px !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__circle-btn:hover {
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__link-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--fur-ref-white) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-block-start: 12px !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__link-arrow {
  width: 24px !important;
  height: 24px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1.5px solid var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__link-text:hover .tft-service-card__link-arrow {
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__right-arch {
  width: 100px !important;
  height: 124px !important;
  border-radius: 60px 60px 0 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__arch-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Horizontal 3 Column Layout for Middle Features */
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-services-strip__middle-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 20px !important;
  padding-inline: 16px !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__icon-wrap {
  width: 42px !important;
  height: 42px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 16px 0 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__icon-wrap svg {
  width: 20px !important;
  height: 20px !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__card-title {
  font-family: var(--fur-font-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin: 0 0 8px 0 !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__card-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 0 12px 0 !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__accent-line {
  width: 32px !important;
  height: 1.5px !important;
  background-color: var(--fur-text) !important;
  margin: 0 !important;
  opacity: 0.8 !important;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-services-strip__container {
    grid-template-columns: 1fr !important;
    border-radius: 40px !important;
    padding: 24px !important;
    gap: 32px !important;
  }
  
  body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-services-strip__middle-group {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-inline: 0 !important;
  }
  
  body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule {
    height: auto !important;
  }

  body.tft-redesign-layout .tft-new-arrivals__grid {
    grid-auto-columns: calc(50% - 12px) !important;
  }
}

@media (max-width: 768px) {
  body.tft-redesign-layout .tft-new-arrivals__grid {
    grid-auto-columns: 100% !important;
  }
  
  body.tft-redesign-layout .tft-services-strip__nested-wrapper {
    padding-inline: 16px !important;
  }
}

/* 6. Navigation Dropdown Stabilization Overrides (controlled via JS data-open) */
body.tft-redesign-layout .tft-mega--has-dropdown:hover .tft-mega__chevron {
  transform: none !important;
  color: var(--fur-text-muted) !important;
}

body.tft-redesign-layout .tft-mega--has-dropdown[data-open="true"] .tft-mega__chevron,
body.tft-redesign-layout .tft-mega--has-dropdown[data-open="true"]:hover .tft-mega__chevron {
  transform: rotate(180deg) !important;
  color: var(--fur-primary, #3d5a1e) !important;
}

body.tft-redesign-layout .tft-mega--has-dropdown:hover .tft-mega__panel {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-8px) !important;
}

body.tft-redesign-layout .tft-mega--has-dropdown[data-open="true"] .tft-mega__panel,
body.tft-redesign-layout .tft-mega--has-dropdown[data-open="true"]:hover .tft-mega__panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* 7. New Arrivals Background Position Alignment Override */
body.tft-redesign-layout .tft-new-arrivals {
  background-position: center top !important;
}

/* 8. Transform-Based Slider Viewport and Track Layout Overrides */
body.tft-redesign-layout .tft-new-arrivals__grid-viewport {
  overflow: hidden !important;
  width: 100% !important;
  position: relative !important;
}

body.tft-redesign-layout .tft-new-arrivals__grid {
  display: flex !important;
  gap: 24px !important;
  width: auto !important; /* Allow track to stretch horizontally */
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  will-change: transform;
  grid-auto-flow: unset !important; /* Override old grid layouts */
  grid-auto-columns: unset !important;
  overflow-x: visible !important; /* Hide scrollbars, sliding is viewport-based */
}

body.tft-redesign-layout .tft-product-card {
  flex: 0 0 calc(33.333% - 16px) !important; /* 3 cards visible on desktop */
  min-width: calc(33.333% - 16px) !important;
  box-sizing: border-box !important;
  scroll-snap-align: unset !important;
}

@media (max-width: 1200px) {
  body.tft-redesign-layout .tft-product-card {
    flex: 0 0 calc(50% - 12px) !important; /* 2 cards visible on tablet */
    min-width: calc(50% - 12px) !important;
  }
}

@media (max-width: 768px) {
  body.tft-redesign-layout .tft-product-card {
    flex: 0 0 100% !important; /* 1 card visible on mobile */
    min-width: 100% !important;
  }
}

/* 9. Premium Services Strip Layout with Margins & Typography Readability */
body.tft-redesign-layout .tft-services-strip__nested-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 60px auto 0 auto !important;
  padding-inline: 40px !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-services-strip__container {
  display: grid !important;
  grid-template-columns: 2.2fr 3.4fr 2.2fr !important;
  background-color: #f5f2eb !important; /* Very light warm beige */
  border-radius: 45px !important; /* Elegant rounded outer capsule */
  border: 1px solid var(--fur-border) !important;
  padding: 0 !important; /* flush cards against the capsule border */
  gap: 0 !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  overflow: hidden !important; /* clips outer card corners to follow capsule shell shape */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--services {
  border-radius: 0 40px 40px 0 !important; /* rounded inside, flush outer clipped by container */
  margin: 0 !important;
  height: 100% !important;
  border: none !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--journal {
  border-radius: 40px 0 0 40px !important; /* rounded inside, flush outer clipped by container */
  margin: 0 !important;
  height: 100% !important;
  border: none !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-services-strip__middle-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 24px !important;
  padding: 24px 36px !important; /* nice spacing inside the capsule */
  align-items: center !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Typography Readability Improvements */
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__tag {
  font-size: 11px !important;
  letter-spacing: 2px !important;
  opacity: 0.8 !important;
  color: var(--fur-ref-white, #ffffff) !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__title {
  font-size: clamp(20px, 2.2vw, 26px) !important;
  line-height: 1.35 !important;
  color: var(--fur-ref-white, #ffffff) !important;
  font-weight: 400 !important;
  margin-bottom: 12px !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__desc {
  font-size: 13px !important;
  line-height: 1.55 !important;
  opacity: 0.95 !important; /* Higher contrast readability */
  color: var(--fur-ref-white, #ffffff) !important;
  max-width: 240px !important;
  margin-bottom: 16px !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__card-title {
  font-size: clamp(15px, 1.4vw, 17px) !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  color: var(--fur-primary, #3d5a1e) !important;
  margin-bottom: 6px !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__card-desc {
  font-size: 12px !important;
  line-height: 1.5 !important;
  opacity: 0.9 !important; /* Higher contrast readability */
  color: var(--fur-ref-beige-dark-muted, #70685c) !important;
}

@media (max-width: 1200px) {
  body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-services-strip__container {
    grid-template-columns: 1fr !important;
    border-radius: 24px !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--services {
    border-radius: 24px 24px 0 0 !important;
  }

  body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--journal {
    border-radius: 0 0 24px 24px !important;
  }

  body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-services-strip__middle-group {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
  }
}

/* 10. Full Viewport Width Scaling & Expanded Side Gaps (v116d) */
body.tft-redesign-layout {
  --tft-rail-max: 100% !important;
  --tft-rail-padding: clamp(20px, 4.5vw, 48px) !important;
}

body.tft-redesign-layout .tft-hero-split__container {
  max-width: 100% !important;
  padding-inline: clamp(20px, 4.5vw, 48px) !important;
}

body.tft-redesign-layout .tft-category-deck__container {
  max-width: 100% !important;
  padding-inline: clamp(20px, 4.5vw, 48px) !important;
}

body.tft-redesign-layout .tft-new-arrivals__container {
  max-width: 100% !important;
  padding-inline: clamp(20px, 4.5vw, 48px) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper {
  max-width: 100% !important;
  padding-inline: clamp(20px, 4.5vw, 48px) !important;
}

/* 11. Eliminate White Gap Between New Arrivals & Press Strip */
body.tft-redesign-layout .tft-press-showcase {
  margin-block-start: 0 !important;
}

/* 12. Unified Side Padding and Container Overrides (v116e) */
body.tft-redesign-layout .fur-transform__slider-container,
body.tft-redesign-layout .tft-philosophy__row,
body.tft-redesign-layout .fur-materials__header,
body.tft-redesign-layout .fur-materials__track-wrap,
body.tft-redesign-layout .fur-styles__grid,
body.tft-redesign-layout .fur-products__grid,
body.tft-redesign-layout .fur-configurator__container,
body.tft-redesign-layout .fur-lookbooks__tabs,
body.tft-redesign-layout .fur-lookbooks__panels,
body.tft-redesign-layout .fur-cta-banner__container,
body.tft-redesign-layout .tft-newsletter__container,
body.tft-redesign-layout .tft-planner-cta__wrapper,
body.tft-redesign-layout .tft-slow-craft__container,
body.tft-redesign-layout .tft-faq-sec__container,
body.tft-redesign-layout .tft-artisans-sec__container,
body.tft-redesign-layout .tft-sustainability-stats__container,
body.tft-redesign-layout .fur-journal-curator__inner,
body.tft-redesign-layout .fur-section-header,
body.tft-redesign-layout .fur-rooms-grid__header,
body.tft-redesign-layout .fur-rooms-grid__layout,
body.tft-redesign-layout .fur-styles-grid__header,
body.tft-redesign-layout .fur-products__header,
body.tft-redesign-layout .fur-journal__header,
body.tft-redesign-layout .fur-testimonials__header,
body.tft-redesign-layout .fur-lookbooks__header {
  padding-inline: var(--tft-rail-padding) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* 13. Side gaps and restored border-radius for section containers */
body.tft-redesign-layout .fur-configurator__container,
body.tft-redesign-layout .tft-planner-cta__wrapper,
body.tft-redesign-layout .fur-transform__slider-container,
body.tft-redesign-layout .tft-newsletter__card {
  width: auto !important;
  max-width: 100% !important;
  margin-inline: var(--tft-rail-padding) !important;
}

body.tft-redesign-layout .fur-configurator__container {
  border-radius: var(--fur-radius-lg) !important;
  border: 1px solid var(--fur-border) !important;
}

body.tft-redesign-layout .tft-planner-cta__wrapper {
  border-radius: var(--fur-radius-xl) !important;
  border: 1px solid var(--fur-border) !important;
}

/* 14. Full-width Footer without side gaps and without radius */
body.tft-redesign-layout .tft-footer__upper,
body.tft-redesign-layout .tft-footer__lower {
  margin-inline: 0 !important;
  border-radius: 0 !important;
  border-inline: none !important;
  padding-inline: var(--tft-rail-padding) !important;
}

/* 15. Perfect vertical centering for lookbook hotspot triggers */
body.tft-redesign-layout .fur-hotspot__trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  padding-bottom: 3px !important;
}

/* 16. Improve Header Top Bar Layout & Social Icon Alignment */
body.tft-redesign-layout .tft-header__topbar {
  padding-block: 10px !important;
}

body.tft-redesign-layout .tft-header__topbar-right {
  gap: 20px !important;
}

body.tft-redesign-layout .tft-header__topbar-socials {
  gap: 14px !important;
}

body.tft-redesign-layout .tft-header__topbar-social-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
  opacity: 0.75 !important;
}

body.tft-redesign-layout .tft-header__topbar-social-link:hover {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
}

body.tft-redesign-layout .tft-header__topbar-social-link svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
}

body.tft-redesign-layout .tft-header__topbar-right-icon,
body.tft-redesign-layout .tft-header__topbar-icon {
  display: block !important;
}

/* 17. Sticky / Fixed Nature Badge for Hero Split Slider */
body.tft-redesign-layout .tft-hero-split__nature-badge {
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}

body.tft-redesign-layout .tft-hero-split--transitioning .tft-hero-split__nature-badge {
  opacity: 1 !important;
  transform: none !important;
}

/* ==========================================================================
   18. SPRING SALE BANNER — Premium Redesign (v121)
   Append-only. Zero existing rules deleted.
   ========================================================================== */

/* Outer section wrapper — no grid here, just vertical stack */
body.tft-redesign-layout .fur-sale-strip {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  margin-inline: var(--tft-rail-padding) !important;
  margin-block-start: clamp(2rem, 4vw, 3.5rem) !important;
}

/* ── Main card: 3-column grid ── */
body.tft-redesign-layout .fur-sale-strip__card {
  display: grid !important;
  grid-template-columns: 1fr clamp(100px, 12vw, 140px) 1fr !important;
  align-items: stretch !important;
  background-color: var(--fur-ref-beige-50) !important;
  border: 1px solid var(--fur-ref-beige-200) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  min-height: clamp(280px, 32vw, 420px) !important;
}

/* ── Left: Text content ── */
body.tft-redesign-layout .fur-sale-strip__content {
  padding-block: clamp(2.5rem, 5vw, 4rem) !important;
  padding-inline: clamp(2rem, 4vw, 3.5rem) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
}

/* Tag row */
body.tft-redesign-layout .fur-sale-strip__tag-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-block-end: clamp(0.75rem, 1.5vw, 1.1rem) !important;
}

body.tft-redesign-layout .fur-sale-strip__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-green-900) !important;
  display: block !important;
  margin-block-end: 0 !important;
  white-space: nowrap !important;
}

body.tft-redesign-layout .fur-sale-strip__tag-line {
  display: block !important;
  height: 1px !important;
  width: 60px !important;
  background-color: var(--fur-ref-beige-300) !important;
  flex-shrink: 0 !important;
}

/* Heading */
body.tft-redesign-layout .fur-sale-strip__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2.6rem, 5vw, 4.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  color: var(--fur-ref-charcoal) !important;
  margin-block-end: clamp(0.75rem, 1.5vw, 1.1rem) !important;
  letter-spacing: -0.02em !important;
}

body.tft-redesign-layout .fur-sale-strip__title-italic {
  font-style: italic !important;
  color: var(--fur-ref-green-900) !important;
  font-family: var(--fur-font-serif) !important;
}

/* Description */
body.tft-redesign-layout .fur-sale-strip__desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.85rem, 1.1vw, 0.95rem) !important;
  color: var(--fur-ref-grey-500) !important;
  line-height: 1.7 !important;
  max-width: 280px !important;
  margin-block-end: clamp(1.2rem, 2vw, 1.8rem) !important;
}

/* CTA Button */
body.tft-redesign-layout .fur-sale-strip__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding-block: 13px !important;
  padding-inline: 26px !important;
  border-radius: var(--fur-radius-sm) !important;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  align-self: flex-start !important;
  margin-block-end: clamp(1rem, 2vw, 1.5rem) !important;
}

body.tft-redesign-layout .fur-sale-strip__btn:hover {
  background-color: var(--fur-ref-green-800) !important;
  transform: translateY(-2px) !important;
}

/* Free shipping pill */
body.tft-redesign-layout .fur-sale-strip__shipping {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid var(--fur-ref-beige-200) !important;
  border-radius: var(--fur-radius-md) !important;
  padding: 9px 14px !important;
  align-self: flex-start !important;
  background-color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping svg {
  flex-shrink: 0 !important;
  color: var(--fur-ref-green-900) !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping-text strong {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: var(--fur-ref-charcoal) !important;
  text-transform: uppercase !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping-text span {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  color: var(--fur-ref-grey-500) !important;
}

/* ── Centre: full-height transparent PNG + badge ── */
body.tft-redesign-layout .fur-sale-strip__centre {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(100px, 12vw, 140px) !important;
  flex-shrink: 0 !important;
  z-index: 2 !important;
  overflow: visible !important;
}

/* Continuous vertical line through the middle */
body.tft-redesign-layout .fur-sale-strip__centre::before {
  content: "" !important;
  position: absolute !important;
  inset-block-start: 0 !important;
  inset-block-end: 0 !important;
  inset-inline-start: 50% !important;
  width: 1px !important;
  background-color: var(--fur-ref-beige-300) !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
}

/* Perfectly circular, unstretched botanical PNG */
body.tft-redesign-layout .fur-sale-strip__centre-img {
  position: absolute !important;
  inset-block-start: 50% !important;
  inset-inline-start: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: clamp(150px, 16vw, 200px) !important;
  height: clamp(150px, 16vw, 200px) !important;
  object-fit: contain !important;
  display: block !important;
  z-index: 2 !important;
  max-width: none !important;
}

/* 30% OFF badge — overlapping the lower-right of the circle outline */
body.tft-redesign-layout .fur-sale-strip__badge {
  position: absolute !important;
  inset-block-start: calc(50% + clamp(35px, 4vw, 55px)) !important;
  inset-inline-start: calc(50% + clamp(35px, 4vw, 55px)) !important;
  transform: translate(-50%, -50%) !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  width: clamp(62px, 6.5vw, 80px) !important;
  height: clamp(62px, 6.5vw, 80px) !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 6px 24px hsla(88, 38%, 21%, 0.4) !important;
  z-index: 4 !important;
  animation: none !important;
}

body.tft-redesign-layout .fur-sale-strip__badge strong {
  font-size: clamp(0.95rem, 1.4vw, 1.2rem) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  font-family: var(--fur-font-sans) !important;
}

body.tft-redesign-layout .fur-sale-strip__badge span {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── Right: Photography panel ── */
body.tft-redesign-layout .fur-sale-strip__graphic {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 var(--fur-radius-lg) var(--fur-radius-lg) 0 !important;
  min-height: 100% !important;
}

body.tft-redesign-layout .fur-sale-strip__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-redesign-layout .fur-sale-strip__card:hover .fur-sale-strip__img {
  transform: scale(1.04) !important;
}

/* ── Bottom 4-feature strip ── */
body.tft-redesign-layout .fur-sale-strip__features {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  background-color: var(--fur-ref-beige-50) !important;
  border: 1px solid var(--fur-ref-beige-200) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
}

body.tft-redesign-layout .fur-sale-strip__feature {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.2rem, 2.5vw, 2rem) !important;
  border-inline-end: 1px solid var(--fur-ref-beige-200) !important;
}

body.tft-redesign-layout .fur-sale-strip__feature:last-child {
  border-inline-end: none !important;
}

body.tft-redesign-layout .fur-sale-strip__feature-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid var(--fur-ref-beige-200) !important;
  background-color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-ref-green-900) !important;
}

body.tft-redesign-layout .fur-sale-strip__feature-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

body.tft-redesign-layout .fur-sale-strip__feature-text strong {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(9px, 0.85vw, 11px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-charcoal) !important;
  line-height: 1.3 !important;
}

body.tft-redesign-layout .fur-sale-strip__feature-text span {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(9px, 0.8vw, 11px) !important;
  color: var(--fur-ref-grey-500) !important;
  line-height: 1.4 !important;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  body.tft-redesign-layout .fur-sale-strip__features {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  body.tft-redesign-layout .fur-sale-strip__feature:nth-child(2) {
    border-inline-end: none !important;
  }

  body.tft-redesign-layout .fur-sale-strip__feature:nth-child(3),
  body.tft-redesign-layout .fur-sale-strip__feature:nth-child(4) {
    border-block-start: 1px solid var(--fur-ref-beige-200) !important;
  }
}

@media (max-width: 768px) {
  body.tft-redesign-layout .fur-sale-strip__card {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }

  body.tft-redesign-layout .fur-sale-strip__centre {
    min-height: 180px !important;
    height: 180px !important;
    width: 100% !important;
  }

  body.tft-redesign-layout .fur-sale-strip__centre-img {
    position: absolute !important;
    inset-block-start: 50% !important;
    inset-inline-start: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 160px !important;
    height: 160px !important;
    object-fit: contain !important;
  }

  body.tft-redesign-layout .fur-sale-strip__graphic {
    min-height: 260px !important;
    border-radius: 0 0 var(--fur-radius-lg) var(--fur-radius-lg) !important;
    order: -1 !important;
  }
}

@media (max-width: 576px) {
  body.tft-redesign-layout .fur-sale-strip {
    margin-inline: 12px !important;
  }

  body.tft-redesign-layout .fur-sale-strip__content {
    padding-inline: 24px !important;
    padding-block: 32px !important;
  }

  body.tft-redesign-layout .fur-sale-strip__features {
    grid-template-columns: 1fr 1fr !important;
    border-radius: var(--fur-radius-md) !important;
  }
}

/* ==========================================================================
   19. SPRING SALE BANNER OVERRIDES FOR VISUAL PARITY
   ========================================================================== */

body.tft-redesign-layout .fur-sale-strip {
  margin-inline: clamp(1rem, 2vw, 2.5rem) !important;
}

body.tft-redesign-layout .fur-sale-strip__card {
  position: relative !important;
  z-index: 1 !important;
}

body.tft-redesign-layout .fur-sale-strip__graphic {
  z-index: 1 !important;
}

body.tft-redesign-layout .fur-sale-strip__centre {
  z-index: 3 !important;
}

body.tft-redesign-layout .fur-sale-strip__centre-img {
  pointer-events: none !important;
}

body.tft-redesign-layout .fur-sale-strip__desc {
  color: var(--fur-ref-charcoal) !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  gap: 12px !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping-icon-wrap {
  width: 38px !important;
  height: 38px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-ref-green-100) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-ref-green-900) !important;
  flex-shrink: 0 !important;
}

body.tft-redesign-layout .fur-sale-strip__feature-icon {
  border: none !important;
  background-color: var(--fur-ref-green-100) !important;
}

/* ==========================================================================
   TFT DROP-DOWN BLUR & LOGO CUT-OFF RESOLUTION (2026 GLOBAL TEMPLATE FIX)
   ========================================================================== */

/* 1. Eliminate the redundant old sticky header and its heavy blur overlay globally */
.fur-header {
  display: none !important;
}

/* 2. Definitive logo scaling and flex alignment to prevent top clipping */
.tft-header__logo-arch img {
  width: auto !important;
  height: 54px !important;
  max-height: 54px !important;
  object-fit: contain !important;
}

.tft-header__logo-group {
  padding-block: 4px !important;
  align-items: center !important;
}

/* 3. Solid, non-translucent background for mega menu dropdowns to prevent background clutter */
.tft-mega__panel {
  background-color: var(--fur-surface) !important;
  z-index: 9600 !important;
}

.tft-mega__backdrop {
  z-index: 9000 !important;
}

.tft-header {
  z-index: 9500 !important;
}

/* 4. Chrome and Safari text rendering optimization (forces subpixel antialiasing & clears transform blur) */
.tft-mega__panel {
  will-change: opacity !important;
}

.tft-mega--has-dropdown[data-open="true"] .tft-mega__panel {
  transform: none !important;
}


/* ==========================================================================
   TFT JOURNAL SECTION REDESIGN (IDEAS & INSPIRATION)
   ========================================================================== */

body.tft-redesign-layout .tft-journal {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  padding-block: clamp(40px, 6vw, 80px) !important;
  background-color: var(--fur-bg) !important;
}

body.tft-redesign-layout .tft-journal__header {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  max-width: var(--tft-rail-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--tft-rail-padding) !important;
  margin-block-end: clamp(24px, 4vw, 48px) !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-journal__header-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.tft-redesign-layout .tft-journal__header-tag {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(10px, 1.2vw, 12px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  color: var(--fur-primary) !important;
  text-transform: uppercase !important;
}

body.tft-redesign-layout .tft-journal__header-title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(32px, 4.5vw, 48px) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  color: var(--fur-text) !important;
}

body.tft-redesign-layout .tft-journal__header-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(14px, 1.6vw, 16px) !important;
  color: var(--fur-text-muted) !important;
  margin: 0 !important;
  max-width: 540px !important;
}

body.tft-redesign-layout .tft-journal__header-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(13px, 1.5vw, 15px) !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--fur-border) !important;
  padding-bottom: 4px !important;
  transition: opacity 0.2s ease !important;
}

body.tft-redesign-layout .tft-journal__header-link:hover {
  opacity: 0.8 !important;
}

body.tft-redesign-layout .tft-journal__header-link-arrow {
  transition: transform 0.2s ease !important;
}

body.tft-redesign-layout .tft-journal__header-link:hover .tft-journal__header-link-arrow {
  transform: translateX(4px) !important;
}

body.tft-redesign-layout .tft-journal__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  max-width: var(--tft-rail-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--tft-rail-padding) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-journal__card {
  display: flex !important;
  flex-direction: column !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg, 24px) !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

body.tft-redesign-layout .tft-journal__card:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--fur-shadow-lg) !important;
}

body.tft-redesign-layout .tft-journal__card-img-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
}

body.tft-redesign-layout .tft-journal__card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}

body.tft-redesign-layout .tft-journal__card:hover .tft-journal__card-img {
  transform: scale(1.05) !important;
}

body.tft-redesign-layout .tft-journal__card-tag {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-surface) !important;
  padding: 6px 12px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

body.tft-redesign-layout .tft-journal__card-body {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

body.tft-redesign-layout .tft-journal__card-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body.tft-redesign-layout .tft-journal__card-meta-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  color: var(--fur-text-muted) !important;
}

body.tft-redesign-layout .tft-journal__card-meta-item svg {
  flex-shrink: 0 !important;
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-journal__card-meta-divider {
  width: 4px !important;
  height: 4px !important;
  background-color: var(--fur-border) !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

body.tft-redesign-layout .tft-journal__card-title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(20px, 2.5vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  margin: 0 0 12px 0 !important;
  color: var(--fur-text) !important;
}

body.tft-redesign-layout .tft-journal__card-excerpt {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted) !important;
  margin: 0 0 24px 0 !important;
  flex-grow: 1 !important;
}

body.tft-redesign-layout .tft-journal__card-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-block-start: 16px !important;
  border-top: 1px solid var(--fur-border) !important;
  margin-block-start: auto !important;
}

body.tft-redesign-layout .tft-journal__card-link {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

body.tft-redesign-layout .tft-journal__card-link-arrow {
  transition: transform 0.2s ease !important;
}

body.tft-redesign-layout .tft-journal__card-link:hover .tft-journal__card-link-arrow {
  transform: translateX(4px) !important;
}

body.tft-redesign-layout .tft-journal__card-views {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  color: var(--fur-text-muted) !important;
}

body.tft-redesign-layout .tft-journal__card-views svg {
  color: var(--fur-text-muted) !important;
}

@media (max-width: 991px) {
  body.tft-redesign-layout .tft-journal__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  body.tft-redesign-layout .tft-journal__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 767px) {
  body.tft-redesign-layout .tft-journal__grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

body.tft-redesign-layout .tft-journal__card-img-wrap {
  display: block !important;
}

body.tft-redesign-layout .tft-journal__card-title a {
  color: inherit !important;
  text-decoration: none !important;
  display: block !important;
  transition: color var(--fur-transition-fast, 0.2s) !important;
}

body.tft-redesign-layout .tft-journal__card-title a:hover {
  color: var(--fur-primary) !important;
}

/* ==========================================================================
   TFT SPRING SALE BANNER REFINE (2-COLUMN GRID & BADGE INSET OVERLAY)
   ========================================================================== */

/* Make section stay within the 1400px rail container, centered */
body.tft-redesign-layout .fur-sale-strip {
  max-width: var(--tft-rail-max, 1400px) !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: var(--tft-rail-padding, clamp(16px, 4vw, 40px)) !important;
  box-sizing: border-box !important;
}

/* Adjust card to a clean 2-column grid instead of 3 columns */
body.tft-redesign-layout .fur-sale-strip__card {
  grid-template-columns: 1fr 1fr !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Ensure right graphic column has relative positioning for the badge */
body.tft-redesign-layout .fur-sale-strip__graphic {
  position: relative !important;
  overflow: hidden !important;
}

/* Position 30% OFF badge in the vertical middle of the end of the image */
body.tft-redesign-layout .fur-sale-strip__badge {
  position: absolute !important;
  inset-block-start: 50% !important;
  inset-inline-end: 24px !important; /* Middle of the end (right side) of the image */
  inset-inline-start: auto !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
}

/* Responsive updates for stacked mobile layout */
@media (max-width: 768px) {
  body.tft-redesign-layout .fur-sale-strip__card {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
  }

  body.tft-redesign-layout .fur-sale-strip__graphic {
    min-height: clamp(240px, 35vw, 320px) !important;
  }

  body.tft-redesign-layout .fur-sale-strip__badge {
    inset-inline-end: 16px !important;
  }
}

/* Ensure the press showcase wave SVGs do not clip their paths */
.tft-press-showcase__wave-svg {
  overflow: visible !important;
}
.tft-press-showcase__deco--right {
  overflow: visible !important;
}

/* Prevent slider card shadow cutoff on hover */
body.tft-redesign-layout .tft-new-arrivals__grid-viewport {
  padding-block: 20px 30px !important;
  margin-block: -20px -30px !important;
  cursor: grab;
}

/* ------------------------------------------------------------------------
   TFT - MASONRY SHOP VIEWER SCROLLING & VIEWPORT FIXES
   ------------------------------------------------------------------------ */
@media (min-width: 992px) {
  body.tft-redesign-layout .tft-fms-container {
    height: calc(100vh - var(--tft-header-total-height, 180px)) !important;
    padding-block-start: 48px !important;
    padding-block-end: 40px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }

  body.tft-redesign-layout .tft-fms-sidebar {
    height: 100% !important;
    overflow-y: auto !important;
    position: relative !important;
    top: 0 !important;
    padding-block-end: 40px !important;
    box-sizing: border-box !important;
  }

  body.tft-redesign-layout .tft-fms-catalog {
    height: 100% !important;
    overflow-y: auto !important;
    padding-block-end: 80px !important;
    box-sizing: border-box !important;
  }
}

/* ------------------------------------------------------------------------
   TFT - SERVICE STRIP CAPSULES HOVER INTERACTIONS
   ------------------------------------------------------------------------ */
body.tft-redesign-layout .tft-service-card--capsule {
  transition: transform var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
  will-change: transform, box-shadow;
}

body.tft-redesign-layout .tft-service-card--capsule:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow-lg) !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__arch-img {
  transition: transform var(--fur-transition-normal) !important;
  will-change: transform;
}

body.tft-redesign-layout .tft-service-card--capsule:hover .tft-service-card__arch-img {
  transform: scale(1.08) !important;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__link-text {
  position: relative;
}

body.tft-redesign-layout .tft-service-card--capsule .tft-service-card__link-text .tft-service-card__link-arrow {
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast), color var(--fur-transition-fast) !important;
}

/* Trigger arrow interaction when hovering anywhere on the capsule card */
body.tft-redesign-layout .tft-service-card--capsule:hover .tft-service-card__link-arrow {
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-primary) !important;
  transform: translateX(4px) !important;
}

/* ==========================================================================
   TFT ariely UPDATES - HEADER ALIGNMENT, CATALOG TOP GAPS, AND CONFIGURATOR
   ========================================================================== */

/* 1. Global Header Rows & Containers Alignment Sync */
.tft-header__topbar,
.tft-header__nav-bar {
  padding-inline: 0 !important;
}

.tft-header__topbar-container,
.tft-header__nav-bar-container {
  padding-inline: 0 !important;
}

@media (max-width: 1440px) {
  .tft-header__topbar-container,
  .tft-header__nav-bar-container {
    padding-inline: 24px !important;
  }
}

@media (max-width: 1200px) {
  .tft-header__topbar-container,
  .tft-header__nav-bar-container {
    padding-inline: 16px !important;
  }
}

/* 2. Remove top gap on shop-masonry.html */
.tft-fms-container .tft-fms-catalog {
  margin-block-start: 0 !important;
}

/* 3. Remove top gap on shop-split.html */
.tft-sgs-container .tft-sgs-lifestyle {
  margin-block-start: 0 !important;
}

/* 4. Constrain Room Planner main block layout and height */
body.tft-rc-body .tft-rc-main {
  margin-block-start: 0 !important;
  height: calc(100vh - var(--tft-header-total-height, 180px)) !important;
  min-height: 0 !important;
  flex: none !important;
}

/* ==========================================================================
   TFT ariely SERVICES STRIP DOUBLE BORDERS & HOVERS FIXES (2026)
   ========================================================================== */

/* Remove double vertical borders in services strip */
body.tft-redesign-layout .tft-services-strip__feature-col + .tft-services-strip__feature-col {
  border-inline-start: none !important;
}

/* Redesign service strip columns transition & hovers */
body.tft-redesign-layout .tft-services-strip__feature-col {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  cursor: pointer;
}
body.tft-redesign-layout .tft-services-strip__feature-icon-wrap {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease, color 0.3s ease !important;
}
body.tft-redesign-layout .tft-services-strip__feature-title {
  transition: color 0.3s ease !important;
}

body.tft-redesign-layout .tft-services-strip__feature-col:hover {
  transform: translateY(-3px) !important;
}
body.tft-redesign-layout .tft-services-strip__feature-col:hover .tft-services-strip__feature-icon-wrap {
  transform: scale(1.08) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}
body.tft-redesign-layout .tft-services-strip__feature-col:hover .tft-services-strip__feature-title {
  color: var(--fur-primary) !important;
}

/* Capsule standard service cards transition & hovers */
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  cursor: pointer;
}
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__icon-wrap {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
}
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard .tft-service-card__accent-line {
  transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard:hover {
  transform: translateY(-3px) !important;
}
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard:hover .tft-service-card__icon-wrap {
  transform: scale(1.08) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  box-shadow: 0 8px 16px var(--fur-shadow) !important;
}
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--standard:hover .tft-service-card__accent-line {
  width: 48px !important;
  background-color: var(--fur-primary) !important;
}

/* Capsule service blocks transition & hovers */
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease !important;
  cursor: pointer;
}
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule .tft-service-card__arch-img {
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px var(--fur-shadow) !important;
}
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule:hover .tft-service-card__arch-img {
  transform: scale(1.06) !important;
}
body.tft-redesign-layout .tft-services-strip__nested-wrapper .tft-service-card--capsule:hover .tft-service-card__link-arrow {
  background-color: var(--fur-ref-white) !important;
  color: var(--fur-primary) !important;
}

/* Box the CTA banner container correctly to match other redesigned container cards */
body.tft-redesign-layout .fur-cta-banner__container {
  width: auto !important;
  max-width: var(--tft-rail-max) !important;
  margin-inline: var(--tft-rail-padding) !important;
  padding-inline: 0 !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid var(--fur-border) !important;
}

/* Fix Room Composer product drawer and system overlay z-index stacking to prevent header overlap */
body.tft-redesign-layout .tft-rc-overlay {
  z-index: 10000 !important;
}
body.tft-redesign-layout .tft-rc-drawer {
  z-index: 10100 !important;
}
body.tft-redesign-layout .fur-cart-overlay {
  z-index: 10200 !important;
}
body.tft-redesign-layout .fur-modal-overlay {
  z-index: 10300 !important;
}

/* ------------------------------------------------------------------------
   HOMEPAGE BOXED LAYOUT CONSTRAINTS (1400px) - SIMPLE BOXED SECTIONS
   ------------------------------------------------------------------------ */

/* Allow standard homepage content outer sections to span full width (for full-bleed backgrounds) */
body.tft-page-index .tft-category-deck,
body.tft-page-index .tft-new-arrivals,
body.tft-page-index .fur-materials,
body.tft-page-index .fur-philosophy,
body.tft-page-index .fur-transform,
body.tft-page-index .fur-rooms-grid,
body.tft-page-index .fur-styles,
body.tft-page-index .fur-products,
body.tft-page-index .fur-lookbooks,
body.tft-page-index .fur-services,
body.tft-page-index .tft-journal,
body.tft-page-index .tft-newsletter,
body.tft-page-index .fur-sale-strip,
body.tft-page-index .fur-configurator,
body.tft-page-index .tft-planner-cta,
body.tft-page-index .fur-cta-banner {
  max-width: none !important;
  margin-inline: 0 !important;
  width: 100% !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

/* ------------------------------------------------------------------------
   GLOBAL BOXED CONTENT ALIGNMENT (1400px) - ALL PAGES
   ------------------------------------------------------------------------ */

/* 1. PLAIN CONTAINERS: Boxed to 1400px and centered, content starts exactly at the edges */
body.tft-redesign-layout .tft-category-deck__container,
body.tft-redesign-layout .tft-new-arrivals__container,
body.tft-redesign-layout .tft-philosophy__row,
body.tft-redesign-layout .fur-materials__header,
body.tft-redesign-layout .fur-materials__track-wrap,
body.tft-redesign-layout .fur-styles__grid,
body.tft-redesign-layout .fur-products__grid,
body.tft-redesign-layout .fur-lookbooks__tabs,
body.tft-redesign-layout .fur-lookbooks__panels,
body.tft-redesign-layout .tft-newsletter__container,
body.tft-redesign-layout .tft-slow-craft__container,
body.tft-redesign-layout .tft-faq-sec__container,
body.tft-redesign-layout .tft-artisans-sec__container,
body.tft-redesign-layout .tft-sustainability-stats__container,
body.tft-redesign-layout .fur-journal-curator__inner,
body.tft-redesign-layout .fur-section-header,
body.tft-redesign-layout .fur-rooms-grid__header,
body.tft-redesign-layout .fur-rooms-grid__layout,
body.tft-redesign-layout .fur-styles-grid__header,
body.tft-redesign-layout .fur-products__header,
body.tft-redesign-layout .fur-journal__header,
body.tft-redesign-layout .fur-testimonials__header,
body.tft-redesign-layout .fur-lookbooks__header,
body.tft-redesign-layout .tft-cpt-hero__container,
body.tft-redesign-layout .tft-cpt-grid-sec__container,
body.tft-redesign-layout .tft-rms-breadcrumbs__container,
body.tft-redesign-layout .tft-rms-intro__container,
body.tft-redesign-layout .tft-rms-grid-sec__container,
body.tft-redesign-layout .tft-sth-intro__container,
body.tft-redesign-layout .tft-prov-hero__container,
body.tft-redesign-layout .tft-prov-content__container,
body.tft-redesign-layout .tft-consult-hero__container,
body.tft-redesign-layout .tft-consult-steps__container,
body.tft-redesign-layout .tft-about__container,
body.tft-redesign-layout .tft-contact__container,
body.tft-redesign-layout .tft-blog-post__container,
body.tft-redesign-layout .tft-sgs-container,
body.tft-redesign-layout .tft-shop-grid-container,
body.tft-redesign-layout .fur-journal-container,
body.tft-redesign-layout .tft-about-hero__container,
body.tft-redesign-layout .tft-contact-hero__container,
body.tft-redesign-layout .tft-provenance-hero__container,
body.tft-redesign-layout .tft-stillness-hero-v2__wrapper,
body.tft-redesign-layout .tft-eds-hero__grid,
body.tft-redesign-layout .tft-eds-section__grid,
body.tft-redesign-layout .tft-journal__header,
body.tft-redesign-layout .tft-journal__grid,
body.tft-redesign-layout .fur-services__grid,
body.tft-redesign-layout .tft-testimonials__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

/* 2. CARD CONTAINERS (With card background/border/shadow/radius): 
   Outer border aligned to 1400px, but preserving their original internal paddings */
body.tft-redesign-layout .tft-services-strip__nested-wrapper,
body.tft-redesign-layout .fur-transform__slider-container,
body.tft-redesign-layout .fur-configurator__container,
body.tft-redesign-layout .fur-cta-banner__container,
body.tft-redesign-layout .tft-planner-cta__wrapper,
body.tft-redesign-layout .tft-newsletter__card {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Responsive alignment & side margins for viewports < 1440px */
@media (max-width: 1440px) {
  /* Plain containers get page gutters */
  body.tft-redesign-layout .tft-category-deck__container,
  body.tft-redesign-layout .tft-new-arrivals__container,
  body.tft-redesign-layout .tft-philosophy__row,
  body.tft-redesign-layout .fur-materials__header,
  body.tft-redesign-layout .fur-materials__track-wrap,
  body.tft-redesign-layout .fur-styles__grid,
  body.tft-redesign-layout .fur-products__grid,
  body.tft-redesign-layout .fur-lookbooks__tabs,
  body.tft-redesign-layout .fur-lookbooks__panels,
  body.tft-redesign-layout .tft-newsletter__container,
  body.tft-redesign-layout .tft-slow-craft__container,
  body.tft-redesign-layout .tft-faq-sec__container,
  body.tft-redesign-layout .tft-artisans-sec__container,
  body.tft-redesign-layout .tft-sustainability-stats__container,
  body.tft-redesign-layout .fur-journal-curator__inner,
  body.tft-redesign-layout .fur-section-header,
  body.tft-redesign-layout .fur-rooms-grid__header,
  body.tft-redesign-layout .fur-rooms-grid__layout,
  body.tft-redesign-layout .fur-styles-grid__header,
  body.tft-redesign-layout .fur-products__header,
  body.tft-redesign-layout .fur-journal__header,
  body.tft-redesign-layout .fur-testimonials__header,
  body.tft-redesign-layout .fur-lookbooks__header,
  body.tft-redesign-layout .tft-cpt-hero__container,
  body.tft-redesign-layout .tft-cpt-grid-sec__container,
  body.tft-redesign-layout .tft-rms-breadcrumbs__container,
  body.tft-redesign-layout .tft-rms-intro__container,
  body.tft-redesign-layout .tft-rms-grid-sec__container,
  body.tft-redesign-layout .tft-sth-intro__container,
  body.tft-redesign-layout .tft-prov-hero__container,
  body.tft-redesign-layout .tft-prov-content__container,
  body.tft-redesign-layout .tft-consult-hero__container,
  body.tft-redesign-layout .tft-consult-steps__container,
  body.tft-redesign-layout .tft-about__container,
  body.tft-redesign-layout .tft-contact__container,
  body.tft-redesign-layout .tft-blog-post__container,
  body.tft-redesign-layout .tft-sgs-container,
  body.tft-redesign-layout .tft-shop-grid-container,
  body.tft-redesign-layout .fur-journal-container,
  body.tft-redesign-layout .tft-about-hero__container,
  body.tft-redesign-layout .tft-contact-hero__container,
  body.tft-redesign-layout .tft-provenance-hero__container,
  body.tft-redesign-layout .tft-stillness-hero-v2__wrapper,
  body.tft-redesign-layout .tft-eds-hero__grid,
  body.tft-redesign-layout .tft-eds-section__grid,
  body.tft-redesign-layout .tft-journal__header,
  body.tft-redesign-layout .tft-journal__grid,
  body.tft-redesign-layout .fur-services__grid,
  body.tft-redesign-layout .tft-testimonials__container {
    padding-inline: 24px !important;
  }

  /* Card containers get side margin to not touch the viewport edge, internal padding is preserved */
  body.tft-redesign-layout .tft-services-strip__nested-wrapper,
  body.tft-redesign-layout .fur-transform__slider-container,
  body.tft-redesign-layout .fur-configurator__container,
  body.tft-redesign-layout .fur-cta-banner__container,
  body.tft-redesign-layout .tft-planner-cta__wrapper,
  body.tft-redesign-layout .tft-newsletter__card {
    width: calc(100% - 48px) !important;
    margin-inline: auto !important;
  }
}

/* Responsive alignment & side margins for viewports < 1200px */
@media (max-width: 1200px) {
  /* Plain containers get page gutters */
  body.tft-redesign-layout .tft-category-deck__container,
  body.tft-redesign-layout .tft-new-arrivals__container,
  body.tft-redesign-layout .tft-philosophy__row,
  body.tft-redesign-layout .fur-materials__header,
  body.tft-redesign-layout .fur-materials__track-wrap,
  body.tft-redesign-layout .fur-styles__grid,
  body.tft-redesign-layout .fur-products__grid,
  body.tft-redesign-layout .fur-lookbooks__tabs,
  body.tft-redesign-layout .fur-lookbooks__panels,
  body.tft-redesign-layout .tft-newsletter__container,
  body.tft-redesign-layout .tft-slow-craft__container,
  body.tft-redesign-layout .tft-faq-sec__container,
  body.tft-redesign-layout .tft-artisans-sec__container,
  body.tft-redesign-layout .tft-sustainability-stats__container,
  body.tft-redesign-layout .fur-journal-curator__inner,
  body.tft-redesign-layout .fur-section-header,
  body.tft-redesign-layout .fur-rooms-grid__header,
  body.tft-redesign-layout .fur-rooms-grid__layout,
  body.tft-redesign-layout .fur-styles-grid__header,
  body.tft-redesign-layout .fur-products__header,
  body.tft-redesign-layout .fur-journal__header,
  body.tft-redesign-layout .fur-testimonials__header,
  body.tft-redesign-layout .fur-lookbooks__header,
  body.tft-redesign-layout .tft-cpt-hero__container,
  body.tft-redesign-layout .tft-cpt-grid-sec__container,
  body.tft-redesign-layout .tft-rms-breadcrumbs__container,
  body.tft-redesign-layout .tft-rms-intro__container,
  body.tft-redesign-layout .tft-rms-grid-sec__container,
  body.tft-redesign-layout .tft-sth-intro__container,
  body.tft-redesign-layout .tft-prov-hero__container,
  body.tft-redesign-layout .tft-prov-content__container,
  body.tft-redesign-layout .tft-consult-hero__container,
  body.tft-redesign-layout .tft-consult-steps__container,
  body.tft-redesign-layout .tft-about__container,
  body.tft-redesign-layout .tft-contact__container,
  body.tft-redesign-layout .tft-blog-post__container,
  body.tft-redesign-layout .tft-sgs-container,
  body.tft-redesign-layout .tft-shop-grid-container,
  body.tft-redesign-layout .fur-journal-container,
  body.tft-redesign-layout .tft-about-hero__container,
  body.tft-redesign-layout .tft-contact-hero__container,
  body.tft-redesign-layout .tft-provenance-hero__container,
  body.tft-redesign-layout .tft-stillness-hero-v2__wrapper,
  body.tft-redesign-layout .tft-eds-hero__grid,
  body.tft-redesign-layout .tft-eds-section__grid,
  body.tft-redesign-layout .tft-journal__header,
  body.tft-redesign-layout .tft-journal__grid,
  body.tft-redesign-layout .fur-services__grid,
  body.tft-redesign-layout .tft-testimonials__container {
    padding-inline: 16px !important;
  }

  /* Card containers get side margin to not touch the viewport edge, internal padding is preserved */
  body.tft-redesign-layout .tft-services-strip__nested-wrapper,
  body.tft-redesign-layout .fur-transform__slider-container,
  body.tft-redesign-layout .fur-configurator__container,
  body.tft-redesign-layout .fur-cta-banner__container,
  body.tft-redesign-layout .tft-planner-cta__wrapper,
  body.tft-redesign-layout .tft-newsletter__card {
    width: calc(100% - 32px) !important;
    margin-inline: auto !important;
  }
}




/* ==========================================================================
   HOME 3 (index-3.html) — SPLIT LAYOUT COVER IMAGE FIXES
   - Removes the hover zoom-scale effect (was scale(1.08) on :hover)
   - Changes to a pure smooth opacity cross-fade only
   - Positions image from top so the bottom ~25% is naturally clipped by overflow:hidden
   ========================================================================== */

/* 1. Kill the slow hover zoom transition & set object-position to top */
.fur-split-layout__cover-img {
  object-position: top center !important;
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform: none !important;
  will-change: opacity !important;
}

/* 2. Remove the scale-down from the fade-out state — opacity only */
.fur-split-layout__cover-img.fur-fade-out {
  opacity: 0 !important;
  transform: none !important;
}

/* 3. Kill the hover zoom that was on :hover state */
.fur-split-layout__left:hover .fur-split-layout__cover-img {
  transform: none !important;
}


/* ==========================================================================
   CHECKOUT PAGE (checkout.html) — BOXED CONTENT CONSTRAINT
   Box .tft-chk-hero, .tft-chk-stepper, and .tft-chk-layout to 1400px
   so they don't stretch full-width on large screens.
   ========================================================================== */

.tft-chk-catalog {
  padding-inline: 0 !important;
  padding-block-start: 0 !important;
  margin-block-start: 0 !important;
}

/* Hero stays full-width — no boxing, no radius */
.tft-chk-hero {
  max-width: 100% !important;
  width: 100% !important;
  margin-inline: 0 !important;
  border-radius: 0 !important;
}

/* Only stepper and form layout get boxed to 1400px */
.tft-chk-stepper,
.tft-chk-layout {
  max-width: 1400px !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 2vw, 3rem) !important;
  box-sizing: border-box !important;
}


/* ==========================================================================
   CHECKOUT HERO — CENTERED CONSULTATION-STYLE LAYOUT
   Matches the Design Consultation hero: centered text, eyebrow, stronger overlay
   ========================================================================== */

/* Re-layout: flex center both axes, taller height, centered text */
.tft-chk-hero {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  height: clamp(340px, 50vh, 580px) !important;
  padding-inline: clamp(1.5rem, 5vw, 6rem) !important;
  padding-block: clamp(3rem, 6vw, 6rem) !important;
}

/* Deeper, richer overlay like consultation hero */
.tft-chk-hero__overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.62) 100%) !important;
}

/* Content: centered, max-width capped */
.tft-chk-hero__content {
  max-width: 820px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

/* Eyebrow tag */
.tft-chk-hero__eyebrow {
  display: block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--fur-ref-beige-100) !important;
  margin-block-end: 18px !important;
}

/* Title — larger, centered */
.tft-chk-hero__title {
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  margin-block-end: 16px !important;
  line-height: 1.1 !important;
}

/* Desc — centered, capped width */
.tft-chk-hero__desc {
  max-width: 580px !important;
  margin-inline: auto !important;
  line-height: 1.65 !important;
  color: var(--fur-ref-beige-100) !important;
}


/* ==========================================================================
   TFT MEGA-MENU GLOBAL ICON FIX (v2026-07-01)
   Extends the premium mega-dropdown icon styles to ALL pages using
   body.fur-body (checkout, contact, blog, shop, about, etc.).
   Previously these were scoped only to body.tft-redesign-layout.
   BEM: .tft-mega__* | Prefixed: tft- | Append-only (Rule 2)
   ========================================================================== */

/* Hover gap bridge pseudo-element */
body.fur-body .tft-mega__panel::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  top: -32px !important;
  height: 32px !important;
  background: transparent !important;
  pointer-events: auto !important;
}

/* Base link enhancements */
body.fur-body .tft-mega__link {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 8px 12px !important;
  margin-inline: -12px !important;
  border-radius: var(--fur-radius-medium, 8px) !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  text-decoration: none !important;
}

body.fur-body .tft-mega__link:hover {
  background-color: var(--fur-bg-secondary, #f0ede6) !important;
  transform: translateX(4px) !important;
}

/* Beautiful Icon Wrappers */
body.fur-body .tft-mega__link-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  flex-shrink: 0 !important;
  border-radius: 50% !important;
  background-color: var(--fur-bg-secondary, #f0ede6) !important;
  color: var(--fur-text-muted, #7c776e) !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

body.fur-body .tft-mega__link:hover .tft-mega__link-icon-wrap {
  background-color: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
  transform: scale(1.1) !important;
}

body.fur-body .tft-mega__link-icon {
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
  stroke-width: 2px !important;
}

/* Title & Description */
body.fur-body .tft-mega__link-title {
  display: block !important;
  font-size: var(--fur-fs-medium, 15px) !important;
  font-weight: 600 !important;
  color: var(--fur-text, #1e2814) !important;
  margin-block-end: 2px !important;
  transition: color 0.2s ease !important;
}

body.fur-body .tft-mega__link:hover .tft-mega__link-title {
  color: var(--fur-primary, #3d5a1e) !important;
}

body.fur-body .tft-mega__link-desc {
  display: block !important;
  font-size: 12px !important;
  color: var(--fur-text-muted, #7c776e) !important;
  line-height: 1.4 !important;
}

/* Columns & Headings */
body.fur-body .tft-mega__col-heading {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--fur-text-muted, #7c776e) !important;
  border-bottom: 1px solid var(--fur-border, #e8e4dc) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
}

/* Feature Card Polish */
body.fur-body .tft-mega__feature-card {
  border-radius: var(--fur-radius-large, 12px) !important;
  border: 1px solid var(--fur-border, #e8e4dc) !important;
  padding: 24px !important;
  background: linear-gradient(135deg, var(--fur-bg-primary, #faf9f6) 0%, var(--fur-bg-secondary, #f0ede6) 100%) !important;
  transition: border-color 0.2s ease !important;
}

body.fur-body .tft-mega__feature-card:hover {
  border-color: var(--fur-primary, #3d5a1e) !important;
}

body.fur-body .tft-mega__feature-card--dark {
  background: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
}

body.fur-body .tft-mega__feature-card--dark .tft-mega__feature-title {
  color: var(--fur-ref-white, #ffffff) !important;
}

body.fur-body .tft-mega__feature-card--dark .tft-mega__feature-desc {
  color: rgba(255, 255, 255, 0.8) !important;
}

body.fur-body .tft-mega__feature-card--dark .tft-mega__feature-btn {
  background-color: var(--fur-ref-white, #ffffff) !important;
  color: var(--fur-primary, #3d5a1e) !important;
}

body.fur-body .tft-mega__feature-card--dark .tft-mega__feature-btn:hover {
  background-color: var(--fur-bg-secondary, #f0ede6) !important;
}

/* Z-index stack for fur-body pages */
body.fur-body .tft-header {
  z-index: 9500 !important;
}
body.fur-body .tft-mega__backdrop {
  z-index: 9000 !important;
}
body.fur-body .tft-mega__panel {
  z-index: 9600 !important;
}


/* ==========================================================================
   TFT SPATIAL FURNITURE FINDER — index-5.html CSS
   3D Hardware-Accelerated Canvas Engine Styles
   BEM: .tft-fnd__* | Prefixed: tft- | Append-only (Rule 2)
   ========================================================================== */

/* ── Main wrapper: full screen ── */
.tft-fnd-main {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  background: var(--fur-bg-primary, #faf9f6) !important;
  overflow: hidden !important;
  cursor: grab !important;
  z-index: 1 !important;
  user-select: none !important;
}

.tft-fnd-main:active {
  cursor: grabbing !important;
}

/* ── Viewport: 3D perspective container ── */
.tft-fnd-viewport {
  position: absolute !important;
  inset: 0 !important;
  perspective: 900px !important;
  perspective-origin: 50% 50% !important;
  overflow: hidden !important;
}

/* ── Scene: the 3D coordinate space ── */
.tft-fnd-scene {
  position: absolute !important;
  top: 50% !important;
  inset-inline-start: 50% !important;
  transform-style: preserve-3d !important;
  will-change: transform !important;
}

/* ── Section Placards ── */
.tft-fnd-placard {
  position: absolute !important;
  transform-style: preserve-3d !important;
  pointer-events: none !important;
}

.tft-fnd-placard__label {
  font-family: var(--fur-font-sans, sans-serif) !important;
  font-size: clamp(10px, 1.2vw, 13px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--fur-text-muted, #8a8070) !important;
  background: var(--fur-bg-primary, #faf9f6) !important;
  border: 1px solid var(--fur-border, #e8e4dc) !important;
  padding: 6px 14px !important;
  border-radius: 100px !important;
  white-space: nowrap !important;
}

/* ── Product Cards ── */
.tft-fnd-card {
  position: absolute !important;
  width: 200px !important;
  background: var(--fur-bg-primary, #faf9f6) !important;
  border: 1px solid var(--fur-border, #e8e4dc) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  cursor: pointer !important;
  transform-style: preserve-3d !important;
  will-change: transform !important;
  transition: box-shadow 0.3s ease !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 4px 20px -4px rgba(30, 40, 20, 0.1) !important;
}

.tft-fnd-card:hover {
  box-shadow: 0 12px 40px -8px rgba(30, 40, 20, 0.2) !important;
}

.tft-fnd-card--dimmed {
  opacity: 0.3 !important;
  pointer-events: none !important;
}

.tft-fnd-card__badge {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: var(--fur-primary, #3d5a1e) !important;
  background: color-mix(in srgb, var(--fur-primary, #3d5a1e) 10%, transparent) !important;
  padding: 3px 8px !important;
  border-radius: 100px !important;
  margin-block-end: 10px !important;
}

.tft-fnd-card__img-wrap {
  width: 100% !important;
  aspect-ratio: 1 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: var(--fur-bg-secondary, #f0ede6) !important;
  margin-block-end: 12px !important;
}

.tft-fnd-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.tft-fnd-card:hover .tft-fnd-card__img {
  transform: scale(1.06) !important;
}

.tft-fnd-card__info {
  padding-block-start: 4px !important;
}

.tft-fnd-card__title {
  font-family: var(--fur-font-serif, serif) !important;
  font-size: clamp(13px, 1.4vw, 15px) !important;
  font-weight: 400 !important;
  color: var(--fur-text-primary, #1a1a18) !important;
  margin-block-end: 6px !important;
  line-height: 1.3 !important;
}

.tft-fnd-card__price {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--fur-primary, #3d5a1e) !important;
  margin-block-end: 8px !important;
}

.tft-fnd-card__action-link {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--fur-text-muted, #8a8070) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  transition: color 0.2s ease !important;
}

.tft-fnd-card:hover .tft-fnd-card__action-link {
  color: var(--fur-primary, #3d5a1e) !important;
}

/* ── Loader Overlay ── */
.tft-fnd-loader {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--fur-bg-primary, #faf9f6) !important;
  z-index: 200 !important;
  transition: opacity 0.5s ease !important;
}

.tft-fnd-loader__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}

.tft-fnd-loader__ring {
  width: 48px !important;
  height: 48px !important;
  border: 3px solid var(--fur-border, #e8e4dc) !important;
  border-block-start-color: var(--fur-primary, #3d5a1e) !important;
  border-radius: 50% !important;
  animation: tftFndSpin 0.9s linear infinite !important;
}

@keyframes tftFndSpin {
  to { transform: rotate(360deg); }
}

.tft-fnd-loader__label {
  font-family: var(--fur-font-serif, serif) !important;
  font-size: 15px !important;
  font-style: italic !important;
  color: var(--fur-text-muted, #8a8070) !important;
}

/* ── Floating Category Island ── */
.tft-fnd-island {
  position: fixed !important;
  inset-block-end: 32px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 6px !important;
  background: rgba(250, 249, 246, 0.88) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
  border: 1px solid var(--fur-border, #e8e4dc) !important;
  border-radius: 100px !important;
  padding: 6px !important;
  box-shadow: 0 8px 32px -4px rgba(30, 40, 20, 0.16) !important;
  z-index: 100 !important;
  transition: opacity 0.3s ease !important;
}

.tft-fnd-island__btn {
  font-family: var(--fur-font-sans, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  border-radius: 100px !important;
  border: none !important;
  background: transparent !important;
  color: var(--fur-text-muted, #8a8070) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.tft-fnd-island__btn--active,
.tft-fnd-island__btn:hover {
  background: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
}

/* ── Drag Hint Badge ── */
.tft-fnd-hint {
  position: fixed !important;
  inset-block-start: 100px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: var(--fur-text-muted, #8a8070) !important;
  background: rgba(250, 249, 246, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid var(--fur-border, #e8e4dc) !important;
  border-radius: 100px !important;
  padding: 6px 14px !important;
  z-index: 100 !important;
  pointer-events: none !important;
  animation: tftFndHintFade 3s ease 2s forwards !important;
}

@keyframes tftFndHintFade {
  to { opacity: 0; }
}

/* ── Product Detail Drawer ── */
.tft-fnd-drawer {
  position: fixed !important;
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  width: min(400px, 90vw) !important;
  background: var(--fur-bg-primary, #faf9f6) !important;
  border-inline-start: 1px solid var(--fur-border, #e8e4dc) !important;
  box-shadow: -12px 0 48px -8px rgba(30, 40, 20, 0.14) !important;
  transform: translate3d(100%, 0, 0) !important;
  transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 150 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.tft-fnd-drawer--open {
  transform: translate3d(0, 0, 0) !important;
}

.tft-fnd-drawer__close {
  position: sticky !important;
  top: 0 !important;
  float: inline-end !important;
  margin: 16px 16px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: var(--fur-bg-secondary, #f0ede6) !important;
  color: var(--fur-text-primary, #1a1a18) !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  z-index: 10 !important;
}

.tft-fnd-drawer__close:hover {
  background: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
  transform: rotate(90deg) !important;
}

.tft-fnd-drawer__body {
  padding: 24px 28px 40px !important;
  clear: both !important;
}

.tft-fnd-drawer__badge {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  color: var(--fur-primary, #3d5a1e) !important;
  background: color-mix(in srgb, var(--fur-primary, #3d5a1e) 10%, transparent) !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  margin-block-end: 14px !important;
}

.tft-fnd-drawer__title {
  font-family: var(--fur-font-serif, serif) !important;
  font-size: clamp(1.4rem, 3vw, 2rem) !important;
  font-weight: 400 !important;
  color: var(--fur-text-primary, #1a1a18) !important;
  line-height: 1.2 !important;
  margin-block-end: 8px !important;
}

.tft-fnd-drawer__price {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--fur-primary, #3d5a1e) !important;
  margin-block-end: 18px !important;
}

.tft-fnd-drawer__desc {
  font-size: 0.875rem !important;
  color: var(--fur-text-secondary, #5a5a50) !important;
  line-height: 1.65 !important;
  margin-block-end: 22px !important;
  padding-block-end: 22px !important;
  border-block-end: 1px solid var(--fur-border, #e8e4dc) !important;
}

/* Swatches */
.tft-fnd-drawer__swatch-section {
  margin-block-end: 22px !important;
  padding-block-end: 22px !important;
  border-block-end: 1px solid var(--fur-border, #e8e4dc) !important;
}

.tft-fnd-drawer__swatch-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-block-end: 12px !important;
}

.tft-fnd-drawer__swatch-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--fur-text-muted, #8a8070) !important;
}

.tft-fnd-drawer__swatch-selected {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--fur-text-primary, #1a1a18) !important;
}

.tft-fnd-drawer__swatches {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.tft-fnd-drawer__swatch {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 2px solid var(--fur-border, #e8e4dc) !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, border-color 0.18s ease !important;
}

.tft-fnd-drawer__swatch:hover,
.tft-fnd-drawer__swatch--active {
  transform: scale(1.2) !important;
  border-color: var(--fur-primary, #3d5a1e) !important;
}

/* Specs table */
.tft-fnd-drawer__specs {
  margin: 0 0 22px !important;
  padding-block-end: 22px !important;
  border-block-end: 1px solid var(--fur-border, #e8e4dc) !important;
}

.tft-fnd-drawer__spec-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding-block: 8px !important;
  border-block-end: 1px solid var(--fur-border, #e8e4dc) !important;
}

.tft-fnd-drawer__spec-row:last-child {
  border-block-end: none !important;
}

.tft-fnd-drawer__spec-key {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--fur-text-muted, #8a8070) !important;
  flex-shrink: 0 !important;
}

.tft-fnd-drawer__spec-val {
  font-size: 13px !important;
  color: var(--fur-text-primary, #1a1a18) !important;
  text-align: end !important;
}

/* CTA Buttons */
.tft-fnd-drawer__actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.tft-fnd-drawer__btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 14px 20px !important;
  border-radius: 100px !important;
  font-family: var(--fur-font-sans, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  border: none !important;
}

.tft-fnd-drawer__btn--primary {
  background: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
}

.tft-fnd-drawer__btn--primary:hover {
  background: color-mix(in srgb, var(--fur-primary, #3d5a1e) 82%, black) !important;
  transform: translateY(-1px) !important;
}

.tft-fnd-drawer__btn--secondary {
  background: var(--fur-bg-secondary, #f0ede6) !important;
  color: var(--fur-text-primary, #1a1a18) !important;
}

.tft-fnd-drawer__btn--secondary:hover {
  background: var(--fur-border, #e8e4dc) !important;
}

/* ── Add-to-Cart Toast ── */
.tft-fnd-toast {
  position: fixed !important;
  inset-block-end: 100px !important;
  inset-inline-start: 50% !important;
  transform: translateX(-50%) translateY(20px) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-ref-white, #ffffff) !important;
  padding: 12px 22px !important;
  border-radius: 100px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 32px -4px rgba(30, 40, 20, 0.3) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  z-index: 300 !important;
}

.tft-fnd-toast--visible {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* ── Responsive: simplify for smaller screens ── */
@media (max-width: 768px) {
  .tft-fnd-card {
    width: 140px !important;
    padding: 10px !important;
  }
  .tft-fnd-island {
    inset-block-end: 20px !important;
    padding: 4px !important;
  }
  .tft-fnd-island__btn {
    font-size: 11px !important;
    padding: 6px 12px !important;
  }
}


/* ==========================================================================
   TFT SERVICES STRIP — Remove inherited side padding (v2026-07-01)
   The nested wrapper was getting padding-inline:40px from line 47637.
   Append-only (Rule 2)
   ========================================================================== */
body.tft-redesign-layout .tft-services-strip__nested-wrapper {
  padding-inline: 0 !important;
}



/* ==========================================================================
   TFT SHOP POST HERO SPACING & ALIGNMENTS (v2026-07-01)
   Ensure premium breathing room for containers following the post hero.
   Append-only (Rule 2)
   ========================================================================== */
.tft-post-hero + .tft-rms-grid-sec,
.tft-post-hero + .tft-mat-swatches-sec,
.tft-post-hero + .tft-shop-catalog,
.tft-post-hero + .tft-msy-grid-sec,
.tft-post-hero + .tft-cpt-hero,
.tft-post-hero + .tft-eds-hero {
  margin-block-start: clamp(32px, 5vw, 64px) !important;
}

/* ==========================================================================
   TFT SPATIAL FINDER 3D RESTORE OVERRIDES (v2026-07-01)
   Restore 3D transforms, perspectives, and visual card designs for index-5.html.
   Append-only (Rule 2)
   ========================================================================== */
body.tft-fnd-body .tft-fnd-card {
  position: absolute !important;
  width: 300px !important;
  height: 400px !important;
  left: -150px !important;
  top: -200px !important;
  transform: translate3d(var(--pos-x, 0px), var(--pos-y, 0px), var(--pos-z, 0px)) rotateX(var(--rot-x, 0deg)) rotateY(var(--rot-y, 0deg)) scale(var(--scale, 1)) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 10px 40px var(--fur-shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 28px !important;
  box-sizing: border-box !important;
}

body.tft-fnd-body .tft-fnd-card__img-wrap {
  width: 100% !important;
  height: 52% !important;
  margin-top: 15px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transform: translateZ(30px) !important;
  transform-style: preserve-3d !important;
  overflow: visible !important;
  background: transparent !important;
  margin-block-end: 0 !important;
}

body.tft-fnd-body .tft-fnd-card__img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12)) !important;
}

body.tft-fnd-body .tft-fnd-card__info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  text-align: center !important;
  transform: translateZ(20px) !important;
  pointer-events: none !important;
  width: 100% !important;
  position: relative !important;
  min-height: 60px !important;
  justify-content: center !important;
}

body.tft-fnd-body .tft-fnd-card__badge {
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--fur-text-muted) !important;
  border: 1px solid var(--fur-border-light) !important;
  padding: 4px 10px !important;
  border-radius: var(--fur-radius-full) !important;
  transform: translateZ(55px) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  margin-block-end: 0 !important;
}

body.tft-fnd-body[data-theme="dark"] .tft-fnd-card__badge {
  background: rgba(30, 35, 30, 0.82) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================================
   TFT SPATIAL FINDER 3D INTERACTION & AESTHETIC UPGRADES (v2026-07-02)
   Implement click-vs-drag distinction, viewport header alignment, drawer
   z-index, centered product images, and Forest Dark mode variable mappings.
   Append-only (Rule 2)

/* ==========================================================================
   TFT SPATIAL FINDER 3D INTERACTION & AESTHETIC UPGRADES (v2026-07-02)
   Implement click-vs-drag distinction, viewport header alignment, drawer
   z-index, centered product images, and Forest Dark mode variable mappings.
   Append-only (Rule 2)
   ========================================================================== */
body.tft-fnd-body .tft-fnd-loader--hidden {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.tft-fnd-body .tft-fnd-viewport,
body.tft-fnd-body .tft-fnd-scene,
body.tft-fnd-body .tft-fnd-card {
  pointer-events: auto !important;
}

/* Ensure the 3D viewport takes full screen height for correct perspective center mapping, avoiding grid cutoff */
body.tft-fnd-body .tft-fnd-viewport {
  inset: 0 !important;
  height: 100vh !important;
}

/* Make sure the slide-in details drawer sits above the site header */
body.tft-fnd-body .tft-fnd-drawer {
  z-index: 10001 !important;
}

/* Apply padding to the wrapper container instead of the img tag to prevent object-fit positioning bugs in WebKit/Blink */
body.tft-fnd-body .tft-fnd-card__img-wrap {
  padding: 16px !important;
  box-sizing: border-box !important;
}

/* Center product images within the card boxes without cover cropping or alignment shifting */
body.tft-fnd-body .tft-fnd-card__img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 auto !important;
}

body.tft-fnd-body[data-theme="dark"] {
  --fur-bg: var(--fur-ref-forest-950) !important;
  --fur-bg-secondary: var(--fur-ref-forest-900) !important;
  --fur-surface: var(--fur-ref-forest-800) !important;
  --fur-surface-secondary: var(--fur-ref-forest-900) !important;
  --fur-text: var(--fur-ref-beige-100) !important;
  --fur-text-muted: var(--fur-ref-beige-dark-muted) !important;
  --fur-border: var(--fur-ref-forest-700) !important;
  --fur-border-light: var(--fur-ref-forest-600) !important;
  --fur-shadow: rgba(0, 0, 0, 0.4) !important;
}

body.tft-fnd-body[data-theme="dark"] .tft-fnd-island {
  background: rgba(20, 25, 20, 0.88) !important;
  border-color: var(--fur-ref-forest-700) !important;
  box-shadow: 0 8px 32px -4px rgba(0, 0, 0, 0.4) !important;
}

body.tft-fnd-body[data-theme="dark"] .tft-fnd-scene__backdrop-main,
body.tft-fnd-body[data-theme="dark"] .tft-fnd-scene__backdrop-sub {
  color: var(--fur-text) !important;
}

/* Responsive Overrides to prevent layout overlaps and messy responsive modes on mobile (max-width: 768px) */
@media (max-width: 768px) {
  body.tft-fnd-body .tft-fnd-card {
    width: 160px !important;
    height: 220px !important;
    left: -80px !important;
    top: -110px !important;
    padding: 10px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
  }
  
  body.tft-fnd-body .tft-fnd-card__img-wrap {
    height: 48% !important;
    margin-top: 5px !important;
    padding: 8px !important;
  }
  
  body.tft-fnd-body .tft-fnd-card__title {
    font-size: 11px !important;
    margin-block-end: 4px !important;
    line-height: 1.2 !important;
  }
  
  body.tft-fnd-body .tft-fnd-card__price {
    font-size: 11px !important;
    margin-block-end: 4px !important;
  }
  
  body.tft-fnd-body .tft-fnd-card__action-link {
    font-size: 8px !important;
  }

  body.tft-fnd-body .tft-fnd-placard {
    transform: translate3d(var(--pos-x, 0px), var(--pos-y, -300px), -80px) !important;
  }

  body.tft-fnd-body .tft-fnd-placard__label {
    font-size: 14px !important;
  }

  body.tft-fnd-body .tft-fnd-drawer {
    width: 100% !important;
    max-width: 100% !important;
    z-index: 20005 !important;
  }

  /* Correct Mobile Menu drawer and backdrop layering to prevent click interception */
  body.tft-fnd-body .tft-mobile-drawer {
    z-index: 20005 !important;
  }

  body.tft-fnd-body .tft-menu-overlay {
    z-index: 20000 !important;
  }
}

/* Zero out translateZ on inner card elements to prevent 3D perspective parallax projection shifts and ensure perfect image centering across all columns */
body.tft-fnd-body .tft-fnd-card__img-wrap,
body.tft-fnd-body .tft-fnd-card__badge,
body.tft-fnd-body .tft-fnd-card__info,
body.tft-fnd-body .tft-fnd-card__img {
  transform: none !important;
}

/* Restore bottom filter island layout flow and prevent truncation cut-off by removing absolute viewport positioning fixed overrides */
body.tft-fnd-body .tft-fnd-island {
  position: relative !important;
  inset-block-end: auto !important;
  inset-inline-start: auto !important;
  transform: none !important;
  max-width: 100% !important;
  width: max-content !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   TFT GLOBAL MOBILE LAYOUT FIT & MOJIBAKE CHAR OVERRIDES
   ========================================================================== */

/* 1. Global Responsive Mobile Layout Fit & Horizontal Scroll Prevention */
html, body, .fur-app-layout {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

.tft-mobile-drawer {
  max-width: 100vw !important;
}

/* 2. UTF-8 Character Mapping and Override Block */
.tft-redesign-layout .tft-mobile-drawer__link::after,
.tft-mobile-drawer__link::after {
  content: '\2192' !important; /* Clean CSS Unicode Escape for Right Arrow (→) */
}

.tft-mobile-drawer--material-lab .tft-mobile-drawer__link::after {
  content: '\2022' !important; /* Clean CSS Unicode Escape for Bullet Point (•) */
}

.tft-rc-select-wrap::after,
.tft-rc-select-view-wrap::after {
  content: '\25bc' !important; /* Clean CSS Unicode Escape for Chevron Down (â–¼) */
}

.fur-journal__card-readtime::before,
.fur-journal__card-author::before {
  content: '\00b7' !important; /* Clean CSS Unicode Escape for Middle Dot (·) */
}

/* 3. 3D Spatial Catalog Card Sizing & Readability overrides on Mobile Viewports */
@media (max-width: 768px) {
  body.tft-fnd-body .tft-fnd-card {
    width: 200px !important;
    height: 270px !important;
    left: -100px !important;
    top: -135px !important;
    padding: 14px 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
  }

  body.tft-fnd-body .tft-fnd-card__img-wrap {
    height: 50% !important;
    margin-top: 10px !important;
    padding: 6px !important;
  }

  body.tft-fnd-body .tft-fnd-card__title {
    font-size: 11px !important;
    margin-block-end: 4px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.04em !important;
    padding-inline: 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
  }

  body.tft-fnd-body .tft-fnd-card__price {
    font-size: 11px !important;
    margin-block-end: 4px !important;
  }

  body.tft-fnd-body .tft-fnd-card__action-link {
    font-size: 9px !important;
  }

  body.tft-fnd-body .tft-fnd-placard {
    transform: translate3d(var(--pos-x, 0px), var(--pos-y, -350px), -120px) !important;
  }
}

/* ==========================================================================
   4. Spatial Catalog 3D Cards & Mobile Menu Readability Refinements
   ========================================================================== */
@media (max-width: 768px) {
  /* Enlarge 3D cards to occupy majority of viewport (280x380) with centered content */
  body.tft-fnd-body .tft-fnd-card {
    width: 280px !important;
    height: 380px !important;
    inset-inline-start: -140px !important; /* CSS Logical Property */
    top: -190px !important;
    padding-inline-start: 20px !important;
    padding-inline-end: 18px !important;
    padding-block: 20px !important;
    box-shadow: 0 12px 36px var(--fur-shadow-lg) !important;
  }

  body.tft-fnd-body .tft-fnd-card__img-wrap {
    height: 55% !important;
    margin-block-start: 10px !important;
    padding-inline: 10px !important;
    padding-block: 10px !important;
  }

  body.tft-fnd-body .tft-fnd-card__title {
    font-size: 15px !important;
    margin-block-end: 6px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
  }

  body.tft-fnd-body .tft-fnd-card__price {
    font-size: 14px !important;
    margin-block-end: 6px !important;
    font-weight: 500 !important;
  }

  body.tft-fnd-body .tft-fnd-card__action-link {
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  body.tft-fnd-body .tft-fnd-card__badge {
    font-size: 9px !important;
  }

  body.tft-fnd-body .tft-fnd-placard {
    transform: translate3d(var(--pos-x, 0px), var(--pos-y, -350px), -120px) !important;
  }
  
  /* Mobile Menu Readability & Premium Aesthetics overrides */
  .tft-mobile-drawer,
  .tft-redesign-layout .tft-mobile-drawer {
    background-color: var(--fur-ref-white) !important; /* Full white base */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: -10px 0 40px var(--fur-shadow-lg) !important;
  }

  .tft-mobile-drawer__link,
  .tft-redesign-layout .tft-mobile-drawer__link {
    color: var(--fur-text) !important; /* Premium near-black color for legibility */
    font-weight: 600 !important;
    border-block-end: 1px solid transparent !important; /* Remove harsh borders to style as pills */
    padding-inline: 16px !important;
    padding-block: 12px !important;
    border-radius: var(--fur-radius-sm) !important;
    transition: background-color var(--fur-transition-fast), color var(--fur-transition-fast), padding-inline-start var(--fur-transition-fast) !important;
  }

  .tft-mobile-drawer__link--sub,
  .tft-redesign-layout .tft-mobile-drawer__link--sub {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--fur-text) !important;
    padding-inline-start: 24px !important;
  }

  .tft-mobile-drawer__section-title {
    color: var(--fur-primary) !important; /* Premium branding green headers */
    font-weight: 800 !important;
    font-size: 11px !important;
    letter-spacing: 0.15em !important;
  }

  /* Hover & Active/Selected states: premium warm highlight pill */
  .tft-mobile-drawer__link:hover,
  .tft-mobile-drawer__link--active,
  .tft-redesign-layout .tft-mobile-drawer__link:hover,
  .tft-redesign-layout .tft-mobile-drawer__link--active {
    background-color: var(--fur-ref-beige-100) !important;
    color: var(--fur-primary) !important;
    padding-inline-start: 20px !important;
  }

  .tft-mobile-drawer__link--sub:hover,
  .tft-redesign-layout .tft-mobile-drawer__link--sub:hover {
    padding-inline-start: 32px !important;
  }

  .tft-mobile-drawer__link::after,
  .tft-redesign-layout .tft-mobile-drawer__link::after {
    opacity: 0.8 !important;
    color: var(--fur-primary) !important;
  }

  /* Disable mobile tap highlight selection block globally */
  a, button, [role="button"], .tft-mobile-drawer__link {
    -webkit-tap-highlight-color: transparent !important;
  }
}




/* ==========================================================================
   TFT Mobile Drawer Stack Elevation & Visibility Fix
   ========================================================================== */
.tft-mobile-drawer,
.tft-redesign-layout .tft-mobile-drawer {
  z-index: 100000 !important;
}

/* ==========================================================================
   TFT SHOP MATERIALS - ADDITIONAL PREMIUM SECTIONS
   ========================================================================== */

.tft-mat-care {
  padding-block: var(--fur-margin-block-lg);
  padding-inline: clamp(1rem, 5vw, 6rem);
  background-color: var(--fur-surface-secondary);
}

.tft-mat-care__header {
  text-align: center;
  max-width: 680px;
  margin-inline: auto;
  margin-block-end: var(--fur-margin-block-lg);
}

.tft-mat-care__tagline {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
  display: block;
}

.tft-mat-care__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  color: var(--fur-text);
  margin-block-end: 16px;
}

.tft-mat-care__desc {
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
}

.tft-mat-care__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(1.5rem, 3vw, 3rem);
}

.tft-mat-care__card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  padding-block: clamp(1.5rem, 2.5vw, 2.5rem);
  padding-inline: clamp(1.5rem, 2.5vw, 2.5rem);
  border-radius: var(--fur-radius-md);
  transition: transform var(--fur-transition-normal), border-color var(--fur-transition-normal);
}

.tft-mat-care__card:hover {
  transform: translateY(-4px);
  border-color: var(--fur-primary);
}

.tft-mat-care__card-icon {
  margin-block-end: 20px;
  color: var(--fur-primary);
  display: flex;
  align-items: center;
}

.tft-mat-care__card-title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h3);
  color: var(--fur-text);
  margin-block-end: 12px;
}

.tft-mat-care__card-text {
  font-size: var(--fur-fs-small);
  color: var(--fur-text-muted);
  line-height: 1.7;
}

/* Sample Box Section */
.tft-mat-sampler {
  padding-block: var(--fur-margin-block-lg);
  padding-inline: clamp(1rem, 5vw, 6rem);
  background-color: var(--fur-bg);
  border-block-start: 1px solid var(--fur-border);
}

.tft-mat-sampler__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.tft-mat-sampler__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tft-mat-sampler__tagline {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--fur-primary);
  margin-block-end: 12px;
  display: block;
}

.tft-mat-sampler__title {
  font-family: var(--fur-font-serif);
  font-size: var(--fur-fs-h2);
  color: var(--fur-text);
  margin-block-end: 20px;
}

.tft-mat-sampler__desc {
  font-size: var(--fur-fs-body);
  color: var(--fur-text-muted);
  margin-block-end: 32px;
  line-height: 1.8;
}

.tft-mat-sampler__cta {
  font-family: var(--fur-font-sans);
  font-size: var(--fur-fs-small);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: var(--fur-primary);
  color: var(--fur-surface);
  border: none;
  padding-block: 16px;
  padding-inline: 32px;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
  transition: background-color var(--fur-transition-fast), transform var(--fur-transition-fast);
}

.tft-mat-sampler__cta:hover {
  background-color: var(--fur-primary-hover);
  transform: translateY(-2px);
}

.tft-mat-sampler__visual {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.tft-mat-sampler__img-frame {
  border: 1px solid var(--fur-border);
  padding: 16px;
  background-color: var(--fur-surface);
  border-radius: var(--fur-radius-lg);
  box-shadow: 0 20px 40px var(--fur-shadow-lg);
  max-width: 100%;
}

.tft-mat-sampler__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--fur-radius-md);
  object-fit: cover;
}

/* ==========================================================================
   TFT - 2026 APPENDED CORRECTIONS & MICRO-INTERACTIONS
   ========================================================================== */

/* 1. Prevent body scroll when mega menu dropdown is open */
body.tft-mega-open {
  overflow: hidden !important;
  scrollbar-gutter: stable !important;
}

/* 2. Fix right margin of the trending hover button to prevent touching the edge */
body.fur-layout-classic .fur-trending__product-link {
  margin-inline-end: 16px !important;
}



/* 3. Premium Editorial Footer Aligned Quote Block & Aesthetic Polish */
.tft-footer__quote-block {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  max-width: 450px !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  padding: 16px !important;
  border-radius: var(--fur-radius-md) !important;
  border-inline-start: 3px solid var(--fur-ref-lime-400) !important;
  transition: all var(--fur-transition-normal) !important;
}

.tft-footer__quote-block:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.tft-footer__quote-symbol {
  display: none !important; /* Hide old overlapping mark */
}

.tft-footer__quote-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.tft-footer__quote-text {
  font-family: var(--fur-font-serif) !important;
  font-size: 0.95rem !important;
  font-style: italic !important;
  color: var(--fur-ref-beige-100) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.tft-footer__quote-author {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  color: var(--fur-ref-lime-400) !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.tft-footer__quote-author::before {
  content: "" !important;
  display: inline-block !important;
  width: 12px !important;
  height: 1px !important;
  background-color: var(--fur-ref-lime-400) !important;
}

.tft-footer__quote-thumb {
  width: 56px !important;
  height: 56px !important;
  border-radius: var(--fur-radius-sm) !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 4. Center: As Seen In Logos Overhaul & Perfect Alignment */
.tft-footer__seen-in {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}

.tft-footer__seen-label,
.tft-footer__meta-label {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  color: rgba(255, 255, 255, 0.4) !important;
  text-transform: uppercase !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.tft-footer__seen-label::before,
.tft-footer__seen-label::after,
.tft-footer__meta-label::before,
.tft-footer__meta-label::after {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 1px !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
}

.tft-footer__seen-logos {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
  padding-block: 10px !important;
  padding-inline: 24px !important;
  border-radius: var(--fur-radius-full) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  height: 48px !important; /* Fixed height for pixel-perfect vertical alignment with galleries pill */
  box-sizing: border-box !important;
}

.tft-footer__seen-logo-item {
  color: var(--fur-ref-beige-100) !important;
  opacity: 0.6 !important;
  transition: all var(--fur-transition-fast) !important;
  cursor: default !important;
  margin: 0 !important;
}

.tft-footer__seen-logo-item:hover {
  opacity: 1 !important;
  color: var(--fur-ref-lime-400) !important;
  transform: scale(1.05) !important;
}

/* 5. Right: Galleries & Perfect Alignment */
.tft-footer__meta-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important; /* Centered just like seen-in to match columns */
  gap: 16px !important;
}

.tft-footer__meta-galleries {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background-color: rgba(255, 255, 255, 0.02) !important;
  padding-block: 8px !important;
  padding-inline: 16px !important;
  border-radius: var(--fur-radius-md) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  height: 48px !important; /* Match seen-logos height for perfect alignment */
  box-sizing: border-box !important;
}

.tft-footer__globe-icon {
  width: 24px !important;
  height: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--fur-ref-lime-400) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-footer__gallery-cities {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: var(--fur-ref-beige-100) !important;
  text-transform: uppercase !important;
}

/* 6. Centered Bottom Copyright Row */
.tft-footer__copyright-row {
  margin-block-start: 32px !important;
  padding-block-start: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  text-align: center !important;
  width: 100% !important;
}

.tft-footer__copyright-text {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  color: rgba(255, 255, 255, 0.4) !important;
  margin: 0 !important;
}


/* 7. Premium Upper Footer Aesthetic Polish & Alignment */

/* Main Grid Balance */
.tft-footer__main-grid {
  display: grid !important;
  grid-template-columns: 2fr repeat(3, 1fr) 1.8fr 1.4fr !important;
  gap: clamp(24px, 3vw, 40px) !important;
  align-items: start !important;
}

/* Logo Symbol Only Alignment (No Texts) */
.tft-footer__logo-group {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-block-end: 20px !important;
  text-decoration: none !important;
}

.tft-footer__logo-arch img {
  display: block !important;
  width: auto !important;
  height: clamp(50px, 6vh, 68px) !important;
  object-fit: contain !important;
}

/* Headings Alignment (Clean Spacing - NO floating misaligned dots) */
.tft-footer__heading {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: var(--fur-ref-charcoal) !important;
  margin-block-end: 20px !important;
  padding-block-end: 0 !important;
  position: relative !important;
}

.tft-footer__heading::after {
  display: none !important; /* Hide old absolute dots that looked like misaligned bullets */
}

/* Link Columns Spacing */
.tft-footer__col-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.tft-footer__links-list {
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Premium Link Hover Animation */
.tft-footer__links-list a {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.85rem !important;
  color: var(--fur-ref-grey-500) !important;
  text-decoration: none !important;
  transition: color var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
  display: inline-block !important;
}

.tft-footer__links-list a:hover {
  color: var(--fur-ref-green-900) !important;
  transform: translateX(4px) !important;
}

/* Brand Section Details */
.tft-footer__tagline {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.82rem !important;
  color: var(--fur-ref-grey-500) !important;
  line-height: 1.6 !important;
  margin-block-end: 24px !important;
}

.tft-footer__contact-item {
  display: flex !important;
  gap: 12px !important;
  margin-block-end: 16px !important;
}

.tft-footer__contact-icon {
  color: var(--fur-ref-lime-500) !important;
  flex-shrink: 0 !important;
  margin-block-start: 3px !important;
}

.tft-footer__contact-info strong {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.82rem !important;
  color: var(--fur-ref-charcoal) !important;
}

.tft-footer__contact-info span {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.78rem !important;
  color: var(--fur-ref-grey-500) !important;
}

/* Premium Social Buttons Centering & Interaction */
.tft-footer__social-section {
  margin-block-start: 24px !important;
}

.tft-footer__social-title {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--fur-text-muted) !important;
  display: block !important;
  margin-block-end: 12px !important;
}

.tft-footer__social-links {
  display: flex !important;
  gap: 10px !important;
}

.tft-footer__social-btn {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background-color: var(--fur-ref-beige-100) !important;
  color: var(--fur-ref-charcoal) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-footer__social-btn svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  stroke-width: 1.8 !important;
}

.tft-footer__social-btn:hover {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-green-900) !important;
  transform: translateY(-2px) !important;
}

/* Newsletter Input Polish */
.tft-footer__input {
  border-color: rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-footer__input:focus {
  border-color: var(--fur-ref-green-900) !important;
  background-color: var(--fur-ref-white) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.tft-footer__submit-btn {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-footer__submit-btn:hover {
  background-color: var(--fur-ref-lime-500) !important;
  transform: translateX(2px) !important;
}

.tft-footer__checkbox-icon {
  background-color: var(--fur-ref-green-900) !important;
  border-radius: var(--fur-radius-xs) !important;
}

/* Arch Image Soft Elevation */
.tft-footer__arch-frame {
  border-radius: 120px 120px 0 0 !important;
  overflow: hidden !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
  transition: transform var(--fur-transition-normal) !important;
}

.tft-footer__arch-frame:hover {
  transform: scale(1.02) translateY(-4px) !important;
}

/* ==========================================
   8. Polished Native-App Mobile Navigation Drawer
   ========================================== */

@media (max-width: 991px) {
  /* Main Drawer Sheet with Blur & High-End Glassmorphism */
  .tft-mobile-drawer {
    position: fixed !important;
    inset-block: 0 !important;
    inset-inline-end: 0 !important;
    width: 100% !important;
    max-width: 400px !important;
    background: color-mix(in srgb, var(--fur-ref-white) 90%, transparent) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    box-shadow: -10px 0 40px color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
    border-inline-start: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 6%, transparent) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 24px !important;
    z-index: 110000 !important;
    transform: translateX(100%) !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer {
    background: color-mix(in srgb, var(--fur-ref-forest-900) 90%, transparent) !important;
    border-inline-start: 1px solid color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
    box-shadow: -10px 0 40px color-mix(in srgb, var(--fur-ref-charcoal) 40%, transparent) !important;
  }

  .tft-mobile-drawer.tft-mobile-drawer--open,
  .tft-mobile-drawer.fur-sidebar__nav--open {
    transform: translateX(0) !important;
  }

  /* Custom Menu Overlay Backing */
  .tft-menu-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: color-mix(in srgb, var(--fur-ref-charcoal) 40%, transparent) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 105000 !important;
    transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s !important;
  }

  .tft-menu-overlay--visible {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Drawer Header Design */
  .tft-mobile-drawer__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-block-end: 24px !important;
    border-block-end: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 5%, transparent) !important;
    padding: 24px 24px 16px 24px !important;
    background: color-mix(in srgb, var(--fur-ref-white) 95%, transparent) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    margin-block-start: -24px !important;
    margin-inline: -24px !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__header {
    background: color-mix(in srgb, var(--fur-ref-forest-900) 95%, transparent) !important;
    border-block-end-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
  }

  /* Close Button Custom Style */
  .tft-mobile-drawer__close {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 5%, transparent) !important;
    background: color-mix(in srgb, var(--fur-ref-charcoal) 3%, transparent) !important;
    color: var(--fur-ref-charcoal) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all var(--fur-transition-fast) !important;
    outline: none !important;
    padding: 0 !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__close {
    border-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
    background: color-mix(in srgb, var(--fur-ref-white) 5%, transparent) !important;
    color: var(--fur-ref-white) !important;
  }

  .tft-mobile-drawer__close:hover {
    background: var(--fur-ref-green-900) !important;
    color: var(--fur-ref-white) !important;
    border-color: var(--fur-ref-green-900) !important;
    transform: scale(1.05) !important;
  }

  /* Search Input iOS-like Polish */
  .tft-mobile-drawer__search {
    margin-block-end: 20px !important;
  }

  .tft-mobile-drawer__search-form {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }

  .tft-mobile-drawer__search-input {
    width: 100% !important;
    height: 46px !important;
    border-radius: 24px !important;
    border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
    background: color-mix(in srgb, var(--fur-ref-charcoal) 3%, transparent) !important;
    padding-inline: 18px 48px !important;
    font-family: var(--fur-font-sans) !important;
    font-size: 0.88rem !important;
    color: var(--fur-ref-charcoal) !important;
    outline: none !important;
    transition: all var(--fur-transition-fast) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__search-input {
    border-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
    background: color-mix(in srgb, var(--fur-ref-white) 5%, transparent) !important;
    color: var(--fur-ref-white) !important;
  }

  .tft-mobile-drawer__search-input:focus {
    border-color: var(--fur-ref-green-900) !important;
    background: var(--fur-ref-white) !important;
    box-shadow: 0 4px 15px color-mix(in srgb, var(--fur-ref-charcoal) 4%, transparent) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__search-input:focus {
    background: var(--fur-ref-forest-900) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  }

  .tft-mobile-drawer__search-btn {
    position: absolute !important;
    inset-inline-end: 14px !important;
    background: transparent !important;
    border: none !important;
    color: var(--fur-text-muted) !important;
    cursor: pointer !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tft-mobile-drawer__search-btn svg {
    stroke-width: 2.2 !important;
  }

  /* Quick Actions App-like Grid (2x2) */
  .tft-mobile-drawer__quick-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-block-end: 24px !important;
  }

  .tft-mobile-drawer__quick-card {
    background: color-mix(in srgb, var(--fur-ref-charcoal) 2%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 4%, transparent) !important;
    border-radius: 14px !important;
    padding: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all var(--fur-transition-fast) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__quick-card {
    background: color-mix(in srgb, var(--fur-ref-white) 3%, transparent) !important;
    border-color: color-mix(in srgb, var(--fur-ref-white) 5%, transparent) !important;
  }

  .tft-mobile-drawer__quick-card:hover {
    background: color-mix(in srgb, var(--fur-ref-charcoal) 4%, transparent) !important;
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__quick-card:hover {
    background: color-mix(in srgb, var(--fur-ref-white) 6%, transparent) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
  }

  .tft-mobile-drawer__quick-icon {
    font-size: 1.3rem !important;
    margin-block-end: 8px !important;
    display: block !important;
  }

  .tft-mobile-drawer__quick-title {
    font-family: var(--fur-font-sans) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: var(--fur-ref-charcoal) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__quick-title {
    color: var(--fur-ref-white) !important;
  }

  .tft-mobile-drawer__quick-badge {
    position: absolute !important;
    inset-block-start: 10px !important;
    inset-inline-end: 10px !important;
    background: var(--fur-ref-lime-500) !important;
    color: var(--fur-ref-charcoal) !important;
    font-family: var(--fur-font-sans) !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    letter-spacing: 0.05em !important;
  }

  /* Nav Links Overhaul -> Styled Like iOS settings Cells */
  .tft-mobile-drawer__nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    overflow-y: visible !important;
  }

  .tft-mobile-drawer__link {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 14px 16px !important;
    background: color-mix(in srgb, var(--fur-ref-charcoal) 2%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 3%, transparent) !important;
    border-radius: 12px !important;
    font-family: var(--fur-font-serif) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--fur-ref-charcoal) !important;
    text-align: left !important;
    cursor: pointer !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all var(--fur-transition-fast) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__link {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: color-mix(in srgb, var(--fur-ref-white) 4%, transparent) !important;
    color: var(--fur-ref-white) !important;
  }

  .tft-mobile-drawer__link:hover,
  .tft-mobile-drawer__link[aria-expanded='true'] {
    background: color-mix(in srgb, var(--fur-ref-charcoal) 4%, transparent) !important;
    border-color: color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__link:hover,
  body[data-theme='dark'] .tft-mobile-drawer__link[aria-expanded='true'] {
    background: color-mix(in srgb, var(--fur-ref-white) 5%, transparent) !important;
    border-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
  }

  /* Left-aligned Row Icons */
  .tft-mobile-drawer__link-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-inline-end: 12px !important;
    color: var(--fur-ref-green-900) !important;
    opacity: 0.8 !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__link-icon {
    color: var(--fur-ref-lime-400) !important;
  }

  .tft-mobile-drawer__link-text {
    flex-grow: 1 !important;
  }

  .tft-mobile-drawer__chevron {
    transition: transform 0.3s ease !important;
    color: var(--fur-text-muted) !important;
  }

  .tft-mobile-drawer__link[aria-expanded='true'] .tft-mobile-drawer__chevron {
    transform: rotate(180deg) !important;
  }

  /* Submenus Polish */
  .tft-mobile-drawer__submenu {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding-inline-start: 16px !important;
    margin-block: 4px 10px !important;
    border-inline-start: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 5%, transparent) !important;
    transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__submenu {
    border-inline-start-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
  }

  .tft-mobile-drawer__sublink {
    font-family: var(--fur-font-sans) !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    color: var(--fur-ref-grey-600) !important;
    text-decoration: none !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: all var(--fur-transition-fast) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__sublink {
    color: var(--fur-ref-grey-400) !important;
  }

  .tft-mobile-drawer__sublink::after {
    content: "→" !important;
    font-size: 0.95rem !important;
    opacity: 0 !important;
    transform: translateX(-4px) !important;
    transition: all var(--fur-transition-fast) !important;
    color: var(--fur-ref-green-900) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__sublink::after {
    color: var(--fur-ref-lime-400) !important;
  }

  .tft-mobile-drawer__sublink:hover {
    background: color-mix(in srgb, var(--fur-ref-charcoal) 2%, transparent) !important;
    color: var(--fur-ref-charcoal) !important;
    padding-inline-start: 18px !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__sublink:hover {
    background: color-mix(in srgb, var(--fur-ref-white) 3%, transparent) !important;
    color: var(--fur-ref-white) !important;
  }

  .tft-mobile-drawer__sublink:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  /* Footer Section Inside Drawer */
  .tft-mobile-drawer__footer {
    border-block-start: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 6%, transparent) !important;
    padding-block-start: 16px !important;
    margin-block-start: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    background: transparent !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__footer {
    border-block-start-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
  }

  /* Centered Socials Row */
  .tft-mobile-drawer__socials {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .tft-mobile-drawer__social-link {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
    background: color-mix(in srgb, var(--fur-ref-charcoal) 2%, transparent) !important;
    color: var(--fur-ref-charcoal) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all var(--fur-transition-fast) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__social-link {
    border-color: color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
    background: color-mix(in srgb, var(--fur-ref-white) 3%, transparent) !important;
    color: var(--fur-ref-white) !important;
  }

  .tft-mobile-drawer__social-link:hover {
    background: var(--fur-ref-green-900) !important;
    color: var(--fur-ref-white) !important;
    border-color: var(--fur-ref-green-900) !important;
    transform: translateY(-2px) !important;
  }

  body[data-theme='dark'] .tft-mobile-drawer__social-link:hover {
    background: var(--fur-ref-lime-500) !important;
    color: var(--fur-ref-charcoal) !important;
    border-color: var(--fur-ref-lime-500) !important;
  }

  .tft-drawer__footer-tagline {
    font-family: var(--fur-font-sans) !important;
    font-size: 0.72rem !important;
    color: var(--fur-text-muted) !important;
    text-align: center !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
  }

  /* Utility Actions row */
  .tft-drawer__footer-links {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
  }

  .tft-drawer__footer-link {
    font-family: var(--fur-font-sans) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: var(--fur-ref-grey-500) !important;
    text-decoration: none !important;
    transition: color var(--fur-transition-fast) !important;
  }

  .tft-drawer__footer-link:hover {
    color: var(--fur-ref-green-900) !important;
  }

  body[data-theme='dark'] .tft-drawer__footer-link:hover {
    color: var(--fur-ref-lime-400) !important;
  }
}

/* ==========================================================================
   TFT CUSTOM SERVICES STRIP REFINEMENTS (APPEND-ONLY)
   ========================================================================== */
body.tft-redesign-layout .tft-category-deck__container .tft-services-strip {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
}

body.tft-redesign-layout .tft-services-strip__feature-col {
  flex: 1 1 30% !important;
}

/* Eliminate Gap Between New Arrivals & Press Strip */
body.tft-redesign-layout .tft-new-arrivals {
  margin-block-end: 0 !important;
}

body.tft-redesign-layout .tft-press-showcase {
  margin-block-start: 0 !important;
}

/* Box Spring Sale Banner to 1400px and Center */
body.tft-redesign-layout .fur-sale-strip,
body.tft-page-index .fur-sale-strip {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 1440px) {
  body.tft-redesign-layout .fur-sale-strip,
  body.tft-page-index .fur-sale-strip {
    padding-inline: clamp(20px, 4.5vw, 48px) !important;
  }
}


/* ==========================================================================
   TFT PREMIUM PRODUCT CARD ENHANCEMENTS (APPEND-ONLY)
   ========================================================================== */

/* Card container: elevate to custom premium layout with smooth transition, round corners, and soft shadow */
body.tft-redesign-layout .fur-product-card {
  position: relative !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-md) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
  transition: transform var(--fur-transition-slow),
              border-color var(--fur-transition-slow),
              box-shadow var(--fur-transition-slow) !important;
}

/* Hover elevation: translate up, highlight border with primary brand color, and premium dynamic shadow */
body.tft-redesign-layout .fur-product-card:hover {
  transform: translateY(-8px) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: 0 20px 40px var(--fur-shadow-lg) !important;
}

/* Image wrapper: elegant inset layout framing the item beautifully */
body.tft-redesign-layout .fur-product-card__img-wrap {
  margin: 16px 16px 0 16px !important;
  border-radius: var(--fur-radius-sm) !important;
  background-color: var(--fur-bg-secondary) !important;
  overflow: hidden !important;
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
}

/* Image styling: full-bleed contain style with very smooth scale transition */
body.tft-redesign-layout .fur-product-card__img {
  padding: 24px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform var(--fur-transition-slow) !important;
}

/* Image hover zoom: micro-interaction scale up */
body.tft-redesign-layout .fur-product-card:hover .fur-product-card__img {
  transform: scale(1.06) !important;
}

/* Wishlist button: floating rounded action button with layout tokens */
body.tft-redesign-layout .fur-product-card__wishlist {
  position: absolute !important;
  inset-inline-end: 12px !important;
  inset-block-start: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  color: var(--fur-text-muted) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  box-shadow: 0 2px 8px var(--fur-shadow) !important;
  transition: transform var(--fur-transition-fast),
              background-color var(--fur-transition-fast),
              color var(--fur-transition-fast),
              border-color var(--fur-transition-fast) !important;
}

/* Wishlist button hover */
body.tft-redesign-layout .fur-product-card__wishlist:hover {
  transform: scale(1.1) !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-surface) !important;
  border-color: var(--fur-primary) !important;
}

/* Wishlist button active state */
body.tft-redesign-layout .fur-product-card__wishlist--active {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-surface) !important;
}

/* Product Info wrapper */
body.tft-redesign-layout .fur-product-card__info {
  padding: 20px 16px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  gap: 8px !important;
}

/* Product Title */
body.tft-redesign-layout .fur-product-card__title {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  transition: color var(--fur-transition-fast) !important;
}

/* Product title hover */
body.tft-redesign-layout .fur-product-card__title:hover {
  color: var(--fur-primary) !important;
}

/* Product Price */
body.tft-redesign-layout .fur-product-card__price {
  font-family: var(--fur-font-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin-block-end: 4px !important;
}

/* Add to Cart button: premium rounded block shape and transition */
body.tft-redesign-layout .fur-product-card__add-btn {
  width: 100% !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border: 1px solid var(--fur-primary) !important;
  border-radius: var(--fur-radius-sm) !important;
  padding-block: 12px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-normal),
              color var(--fur-transition-normal),
              border-color var(--fur-transition-normal),
              transform var(--fur-transition-normal),
              box-shadow var(--fur-transition-normal) !important;
}

/* Hover Add to Cart button: transition to charcoal with translation and shadow elevation */
body.tft-redesign-layout .fur-product-card__add-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  border-color: var(--fur-primary-hover) !important;
  color: var(--fur-button-text) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px var(--fur-shadow-lg) !important;
}

/* Global Override to ensure no prices use serif font */
body.tft-redesign-layout .fur-product-card__price,
body.tft-redesign-layout .tft-product-card__price,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__price,
body.tft-redesign-layout .tft-fnd-card__price,
body.tft-redesign-layout .tft-rc-prod-card__price,
body.tft-redesign-layout .tft-shop-card__price,
body.tft-redesign-layout .tft-eds-product-card__price {
  font-family: var(--fur-font-sans) !important;
}


/* ==========================================================================
   TFT LOOKBOOK & HOTSPOT PREMIUM ENHANCEMENTS
   ========================================================================== */

/* Hotspot Trigger Pulse Ring: smooth scale-out indicator without hardcoded colors */
body.tft-redesign-layout .fur-hotspot__trigger {
  position: relative !important;
}

body.tft-redesign-layout .fur-hotspot__trigger::after {
  content: '' !important;
  position: absolute !important;
  inset: -2px !important;
  border: 2px solid var(--fur-primary) !important;
  border-radius: var(--fur-radius-full) !important;
  opacity: 0.8 !important;
  animation: tft-pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite !important;
}

@keyframes tft-pulse-ring {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  80%, 100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

/* Lookbook entry transition when displaying tabs */
@keyframes tft-lookbook-fade-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.tft-redesign-layout .fur-lookbooks__panel[style*="display: block"] .fur-lookbook-grid__info,
body.tft-redesign-layout .fur-lookbooks__panel[style*="display: flex"] .fur-lookbook-grid__info,
body.tft-redesign-layout .fur-lookbooks__panel:not([style*="display: none"]) .fur-lookbook-grid__info {
  animation: tft-lookbook-fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* Lookbook Feature lists: smooth translation and dynamic accent line highlights */
body.tft-redesign-layout .fur-lookbook-grid__feature {
  border-block-end: 1px solid var(--fur-border) !important;
  padding-block: 14px 10px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  color: var(--fur-text-muted) !important;
  position: relative !important;
  transition: transform var(--fur-transition-normal), color var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .fur-lookbook-grid__feature::after {
  content: '' !important;
  position: absolute !important;
  inset-block-end: -1px !important;
  inset-inline-start: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background-color: var(--fur-primary) !important;
  transition: width var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .fur-lookbook-grid__feature:hover {
  transform: translateX(6px) !important;
  color: var(--fur-text) !important;
}

body.tft-redesign-layout .fur-lookbook-grid__feature:hover::after {
  width: 100% !important;
}

body.tft-redesign-layout .fur-lookbook-grid__feature strong {
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin-inline-end: 8px !important;
}

/* Shop the Room link: luxury slider underline style */
body.tft-redesign-layout .fur-lookbook-grid__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fur-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  text-decoration: none !important;
  margin-block-start: 16px !important;
  position: relative !important;
  transition: color var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .fur-lookbook-grid__link::after {
  content: '' !important;
  position: absolute !important;
  inset-block-end: -4px !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  height: 1.5px !important;
  background-color: var(--fur-primary) !important;
  transform: scaleX(0) !important;
  transform-origin: inset-inline-end !important;
  transition: transform var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .fur-lookbook-grid__link:hover::after {
  transform: scaleX(1) !important;
  transform-origin: inset-inline-start !important;
}


/* ==========================================================================
   TFT PREMIUM REDESIGN FOOTER ENHANCEMENTS
   ========================================================================== */

/* Footer Navigation Links: bullet point sweep and translate */
body.tft-redesign-layout .tft-footer__links-list a {
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: relative !important;
  transition: color var(--fur-transition-normal), transform var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-footer__links-list a::before {
  content: '•' !important;
  position: absolute !important;
  inset-inline-start: -12px !important;
  opacity: 0 !important;
  transition: opacity var(--fur-transition-normal), transform var(--fur-transition-normal) !important;
  transform: scale(0.5) !important;
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .tft-footer__links-list a:hover {
  color: var(--fur-primary) !important;
  transform: translateX(6px) !important;
}

body.tft-redesign-layout .tft-footer__links-list a:hover::before {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Newsletter Input Form: Clean layout, focus glow, and button animations */
body.tft-redesign-layout .tft-footer__input {
  width: 100% !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  color: var(--fur-text) !important;
  padding-block: 14px !important;
  padding-inline-start: 20px !important;
  padding-inline-end: 54px !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color var(--fur-transition-normal),
              background-color var(--fur-transition-normal),
              box-shadow var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-footer__input:focus {
  border-color: var(--fur-primary) !important;
  background-color: var(--fur-surface) !important;
  box-shadow: 0 0 0 4px var(--fur-shadow-lg) !important;
}

body.tft-redesign-layout .tft-footer__submit-btn {
  position: absolute !important;
  inset-inline-end: 6px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  border: none !important;
  color: var(--fur-surface) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-normal),
              transform var(--fur-transition-normal),
              box-shadow var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-footer__submit-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px var(--fur-shadow) !important;
}

body.tft-redesign-layout .tft-footer__submit-btn svg {
  transition: transform var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-footer__submit-btn:hover svg {
  transform: translateX(2px) !important;
}


/* ==========================================================================
   TFT SHOPPING CART DRAWER OVERHAUL (PREMIUM CUSTOM DESIGN)
   ========================================================================== */

/* Cart Header text & style */
body.tft-redesign-layout .fur-cart-drawer__header {
  padding-block: 28px !important;
  padding-inline: 32px !important;
  border-block-end: 1px solid var(--fur-border-light) !important;
  background-color: var(--fur-surface) !important;
}

body.tft-redesign-layout .fur-cart-drawer__header h3 {
  font-family: var(--fur-font-serif) !important;
  font-size: 1.6rem !important;
  font-weight: 300 !important;
  letter-spacing: -0.01em !important;
  color: var(--fur-text) !important;
}

/* Close Icon rotation */
body.tft-redesign-layout .fur-cart-drawer__close {
  background-color: transparent !important;
  border: 1px solid var(--fur-border-light) !important;
  transition: all var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .fur-cart-drawer__close svg {
  transition: transform var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .fur-cart-drawer__close:hover {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-surface) !important;
}

body.tft-redesign-layout .fur-cart-drawer__close:hover svg {
  transform: rotate(90deg) !important;
}

/* Cart Items Container spacing */
body.tft-redesign-layout .fur-cart-drawer__items {
  padding-inline: 32px !important;
  padding-block: 32px !important;
  gap: 28px !important;
}

/* Cart Item layout & border */
body.tft-redesign-layout .fur-cart-item {
  display: grid !important;
  grid-template-columns: 80px 1fr auto !important;
  gap: 20px !important;
  align-items: center !important;
  border-block-end: 1px solid var(--fur-border-light) !important;
  padding-block-end: 24px !important;
}

/* Cart item image frame & zoom */
body.tft-redesign-layout .fur-cart-item__img-wrap {
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-sm) !important;
  overflow: hidden !important;
  transition: border-color var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .fur-cart-item:hover .fur-cart-item__img-wrap {
  border-color: var(--fur-primary) !important;
}

body.tft-redesign-layout .fur-cart-item__img {
  transition: transform var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .fur-cart-item:hover .fur-cart-item__img {
  transform: scale(1.08) !important;
}

/* Cart Item details */
body.tft-redesign-layout .fur-cart-item__title {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--fur-text) !important;
  margin-block-end: 6px !important;
}

body.tft-redesign-layout .fur-cart-item__price {
  font-family: var(--fur-font-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--fur-primary) !important;
  margin-block-end: 12px !important;
}

/* Custom capsule quantity controls */
body.tft-redesign-layout .fur-cart-item__quantity-controls {
  background-color: var(--fur-ref-beige-50) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  padding: 3px !important;
  gap: 2px !important;
}

body.tft-redesign-layout .fur-cart-item__qty-btn {
  width: 24px !important;
  height: 24px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: transparent !important;
  border: none !important;
  color: var(--fur-text-muted) !important;
  font-size: 0.9rem !important;
  transition: all var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .fur-cart-item__qty-btn:hover {
  background-color: var(--fur-surface) !important;
  color: var(--fur-primary) !important;
}

/* Modern remove action */
body.tft-redesign-layout .fur-cart-item__remove {
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: var(--fur-text-muted) !important;
  position: relative !important;
  transition: color var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .fur-cart-item__remove::after {
  content: '' !important;
  position: absolute !important;
  inset-block-end: -2px !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  height: 1.5px !important;
  background-color: var(--fur-border) !important;
  transform: scaleX(1) !important;
  transform-origin: inset-inline-end !important;
  transition: transform var(--fur-transition-fast), background-color var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .fur-cart-item__remove:hover {
  color: var(--fur-primary) !important;
}

body.tft-redesign-layout .fur-cart-item__remove:hover::after {
  background-color: var(--fur-primary) !important;
  transform: scaleX(0) !important;
}

/* Cart Footer elements */
body.tft-redesign-layout .fur-cart-drawer__footer {
  padding-inline: 32px !important;
  padding-block: 28px !important;
  border-block-start: 1px solid var(--fur-border-light) !important;
  background-color: var(--fur-surface) !important;
}

body.tft-redesign-layout .fur-cart-drawer__summary {
  margin-block-end: 24px !important;
}

body.tft-redesign-layout .fur-cart-drawer__summary span {
  font-family: var(--fur-font-sans) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--fur-text) !important;
}

body.tft-redesign-layout .fur-cart-drawer__subtotal {
  font-family: var(--fur-font-sans) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
}

/* Checkout Button slider glow */
body.tft-redesign-layout .fur-cart-drawer__checkout-btn {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border-radius: var(--fur-radius-full) !important;
  padding-block: 18px !important;
  transition: all var(--fur-transition-normal) !important;
  box-shadow: 0 4px 12px var(--fur-shadow) !important;
}

body.tft-redesign-layout .fur-cart-drawer__checkout-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px var(--fur-shadow-lg) !important;
}

/* Clear Cart button custom */
body.tft-redesign-layout .fur-cart-drawer__clear-btn {
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: var(--fur-text-muted) !important;
  transition: color var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .fur-cart-drawer__clear-btn:hover {
  color: var(--fur-primary) !important;
}


/* ==========================================================================
   TFT FOOTER MAIN GRID OVERHAUL (PREMIUM EDITORIAL LOOK)
   ========================================================================== */

/* Col Headings with sliding accent underlines */
body.tft-redesign-layout .tft-footer__heading {
  font-family: var(--fur-font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--fur-text) !important;
  margin-block-end: 28px !important;
  padding-block-end: 12px !important;
  border-block-end: 1px solid var(--fur-border-light) !important;
  position: relative !important;
}

body.tft-redesign-layout .tft-footer__heading::after {
  content: '' !important;
  position: absolute !important;
  inset-block-end: -1px !important;
  inset-inline-start: 0 !important;
  width: 24px !important;
  height: 1px !important;
  background-color: var(--fur-primary) !important;
  transition: width var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-footer__col-links:hover .tft-footer__heading::after,
body.tft-redesign-layout .tft-footer__col-newsletter:hover .tft-footer__heading::after {
  width: 48px !important;
}

/* Link Lists: Sibling fade effect + clean logical translate */
body.tft-redesign-layout .tft-footer__links-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body.tft-redesign-layout .tft-footer__links-list:hover a {
  opacity: 0.5;
}

body.tft-redesign-layout .tft-footer__links-list a {
  display: inline-block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 13.5px !important;
  color: var(--fur-text-muted) !important;
  text-decoration: none !important;
  transition: opacity var(--fur-transition-normal), color var(--fur-transition-normal), transform var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-footer__links-list a:hover {
  opacity: 1 !important;
  color: var(--fur-primary) !important;
  transform: translateX(6px) !important;
}

/* Override previous bullet point rule to avoid clutter */
body.tft-redesign-layout .tft-footer__links-list a::before {
  display: none !important;
}

/* Contact List hover & icon conversions */
body.tft-redesign-layout .tft-footer__contact-item {
  transition: transform var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-footer__contact-item:hover {
  transform: translateX(4px) !important;
}

body.tft-redesign-layout .tft-footer__contact-icon {
  background-color: transparent !important;
  border: 1px solid var(--fur-border) !important;
  transition: all var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-footer__contact-item:hover .tft-footer__contact-icon {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-surface) !important;
}

/* Checkbox checkbox style overrides */
body.tft-redesign-layout .tft-footer__checkbox-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-block-start: 14px !important;
  cursor: pointer !important;
}

body.tft-redesign-layout .tft-footer__checkbox-icon {
  background-color: transparent !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-xs) !important;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-primary) !important;
  transition: all var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-footer__checkbox-icon svg {
  fill: currentColor !important;
  width: 10px !important;
  height: 10px !important;
  opacity: 0.7 !important;
}

body.tft-redesign-layout .tft-footer__checkbox-wrapper:hover .tft-footer__checkbox-icon {
  border-color: var(--fur-primary) !important;
  background-color: var(--fur-ref-beige-100) !important;
}


/* Checkbox active state logic styling */
body.tft-redesign-layout .tft-footer__checkbox-wrapper .tft-footer__checkbox-icon {
  color: transparent !important;
}

body.tft-redesign-layout .tft-footer__checkbox-wrapper .tft-footer__checkbox-icon svg {
  opacity: 0 !important;
  transform: scale(0.6) !important;
}

body.tft-redesign-layout .tft-footer__checkbox-wrapper:hover .tft-footer__checkbox-icon {
  border-color: var(--fur-primary) !important;
  background-color: var(--fur-ref-beige-50) !important;
}

body.tft-redesign-layout .tft-footer__checkbox-wrapper--active .tft-footer__checkbox-icon {
  background-color: var(--fur-primary) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-surface) !important;
}

body.tft-redesign-layout .tft-footer__checkbox-wrapper--active .tft-footer__checkbox-icon svg {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Unified Newsletter Input Form Pill Container */
body.tft-redesign-layout .tft-footer__form {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  transition: border-color var(--fur-transition-normal), box-shadow var(--fur-transition-normal) !important;
  margin-block-end: 18px !important;
}

body.tft-redesign-layout .tft-footer__form:focus-within {
  border-color: var(--fur-primary) !important;
  box-shadow: 0 0 0 3px var(--fur-border-light) !important;
}

body.tft-redesign-layout .tft-footer__input {
  width: 100% !important;
  border: none !important;
  background-color: transparent !important;
  padding-block: 14px !important;
  padding-inline-start: 22px !important;
  padding-inline-end: 54px !important;
  outline: none !important;
  font-size: 14px !important;
  color: var(--fur-text) !important;
  box-shadow: none !important;
}

body.tft-redesign-layout .tft-footer__submit-btn {
  position: absolute !important;
  inset-inline-end: 6px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
  border: none !important;
  color: var(--fur-surface) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-normal),
              transform var(--fur-transition-normal),
              box-shadow var(--fur-transition-normal) !important;
}

body.tft-redesign-layout .tft-footer__submit-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px var(--fur-shadow) !important;
}

body.tft-redesign-layout .tft-footer__submit-btn svg {
  transition: transform var(--fur-transition-fast) !important;
}

body.tft-redesign-layout .tft-footer__submit-btn:hover svg {
  transform: translateX(2px) !important;
}

/* Adjust Sibling Hover Opacity Level for Better Readability */
body.tft-redesign-layout .tft-footer__links-list:hover a {
  opacity: 0.65 !important;
}

/* Fix Floating Masonry Shop scroll bug by removing viewport height locks and allowing natural body scroll */
@media (min-width: 992px) {
  body.tft-redesign-layout:has(.tft-fms-container) {
    overflow: visible !important;
    overflow-y: auto !important;
    height: auto !important;
  }
  
  body.tft-redesign-layout:has(.tft-fms-container) .fur-app-layout {
    overflow: visible !important;
    height: auto !important;
  }

  body.tft-redesign-layout .tft-fms-container {
    height: auto !important;
    overflow: visible !important;
  }

  body.tft-redesign-layout .tft-fms-sidebar {
    position: sticky !important;
    top: 120px !important; /* Account for the sticky header height */
    height: calc(100vh - 160px) !important;
    overflow-y: auto !important;
  }

  body.tft-redesign-layout .tft-fms-catalog {
    height: auto !important;
    overflow: visible !important;
  }
}

/* ==========================================================================
   TFT Mega Menu Flickering & Hover Optimization (Rule 2: Append-only CSS)
   ========================================================================== */

/* 1. Prevent immediate CSS hover state loss from closing the menu when crossing the gap */
@media (min-width: 992px) {
  /* Override default :hover rule when data-open is not true yet */
  .tft-mega--has-dropdown:hover:not([data-open="true"]) .tft-mega__panel {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) !important;
  }
  
  .tft-mega--has-dropdown:hover:not([data-open="true"]) .tft-mega__chevron {
    transform: rotate(0deg) !important;
    color: var(--fur-text-muted) !important;
  }

  /* 2. Create an invisible bridge (pseudo-element) above the mega panel.
     This fills the physical gap between the navigation link and the panel,
     ensuring that the mouse remains "inside" the hover zone while moving down. */
  .tft-mega__panel::before {
    content: '';
    position: absolute;
    top: -45px; /* Extend upwards to bridge the gap to the navigation item */
    left: 0;
    right: 0;
    height: 45px; /* Match the gap distance */
    background: transparent;
    pointer-events: auto; /* Allow mouse interaction */
    z-index: 10;
  }
}

/* TFT Redesign: Ensure mobile drawer is stacked above the menu overlay backdrop */
.tft-redesign-layout .tft-mobile-drawer {
  z-index: 10100 !important;
}

/* ==========================================================================
   TFT ACTIVE NAV LINK STATES (auto-injected by setupActiveNavLinks)
   ========================================================================== */

/* ── Mobile Drawer: Active sublink ── */
.tft-mobile-drawer__sublink--active {
  color: var(--fur-primary) !important;
  font-weight: 600 !important;
  position: relative !important;
}

.tft-mobile-drawer__sublink--active::before {
  content: '' !important;
  position: absolute !important;
  inset-inline-start: -12px !important;
  inset-block-start: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-primary) !important;
}

/* ── Mobile Drawer: Active parent accordion toggle ── */
.tft-mobile-drawer__link--active .tft-mobile-drawer__link-text {
  color: var(--fur-primary) !important;
}

.tft-mobile-drawer__link--active .tft-mobile-drawer__chevron {
  color: var(--fur-primary) !important;
}

/* ── Sidebar: Active dropdown link ── */
.tft-nav-dropdown__link--active {
  color: var(--fur-primary) !important;
  font-weight: 600 !important;
  background-color: var(--fur-bg-secondary) !important;
  border-radius: var(--fur-radius-sm) !important;
  padding-inline: 8px !important;
}

/* ── Mega Menu: Active mega link ── */
.tft-mega__link--active {
  background-color: var(--fur-bg-secondary) !important;
  border-radius: var(--fur-radius-md) !important;
}

.tft-mega__link--active .tft-mega__link-title {
  color: var(--fur-primary) !important;
  font-weight: 600 !important;
}

.tft-mega__link--active .tft-mega__link-icon {
  color: var(--fur-primary) !important;
}

/* ── Scrolled Header Nav: Active link ── */
.fur-header__scrolled-nav-link--active {
  color: var(--fur-primary) !important;
  font-weight: 600 !important;
  position: relative !important;
}

.fur-header__scrolled-nav-link--active::after {
  content: '' !important;
  position: absolute !important;
  inset-block-end: -4px !important;
  inset-inline-start: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background-color: var(--fur-primary) !important;
  border-radius: 1px !important;
}

/* ── Mobile drawer z-index override at all breakpoints ── */
@media (max-width: 991px) {
  .tft-redesign-layout .tft-mobile-drawer {
    z-index: 10100 !important;
  }
}

@media (max-width: 767px) {
  .tft-redesign-layout .tft-mobile-drawer {
    z-index: 10100 !important;
  }
}

/* ==========================================================================
   TFT MOBILE DRAWER & RESPONSIVE HEADER POLISH
   ========================================================================== */

/* 1. Global high specificity z-index override for mobile drawer and overlay interaction */
.tft-redesign-layout .tft-mobile-drawer {
  z-index: 110000 !important;
}

@media (max-width: 1024px) {
  .tft-redesign-layout .tft-mobile-drawer {
    z-index: 110000 !important;
  }
}

@media (max-width: 991px) {
  .tft-redesign-layout .tft-mobile-drawer {
    z-index: 110000 !important;
  }
}

@media (max-width: 767px) {
  .tft-redesign-layout .tft-mobile-drawer {
    z-index: 110000 !important;
  }
}

/* 2. Responsive mobile header clean-up & alignment optimization */
@media (max-width: 1023px) {
  /* Hide the text labels under icons (like "Cart") for modern minimalist look */
  .tft-header__action-label {
    display: none !important;
  }
  
  /* Reset bottom margins and center the icon wrap */
  .tft-header__action-icon-wrap {
    margin-block-end: 0 !important;
  }
  
  /* Space out header items nicely on responsive viewports */
  .tft-header__quick-actions {
    gap: 20px !important;
    align-items: center !important;
  }

  /* Force vertical alignment harmony with the hamburger button */
  .tft-header__action-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    width: 40px !important;
  }
  
  /* Keep mobile hamburger sized and centered consistently */
  .tft-header__hamburger-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* ==========================================================================
   TFT MOBILE DRAWER VISUAL POLISH & HOVER INTERACTIONS
   ========================================================================== */

/* 1. Solid White Mobile Drawer Background & Component Styling */
.tft-redesign-layout .tft-mobile-drawer {
  background: var(--fur-ref-white) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer {
  background: var(--fur-ref-forest-900) !important;
}

.tft-redesign-layout .tft-mobile-drawer__header {
  background: var(--fur-ref-white) !important;
  border-block-end: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
}

body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__header {
  background: var(--fur-ref-forest-900) !important;
  border-block-end: 1px solid color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
}

/* Quick grid actions card visual polish and hover elevate */
.tft-redesign-layout .tft-mobile-drawer__quick-card {
  background: var(--fur-ref-white) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--fur-ref-charcoal) 3%, transparent) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__quick-card {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.tft-redesign-layout .tft-mobile-drawer__quick-card:hover {
  transform: translateY(-4px) scale(1.02) !important;
  border-color: var(--fur-primary, #3d5a1e) !important;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--fur-ref-charcoal) 10%, transparent) !important;
}

.tft-redesign-layout .tft-mobile-drawer__quick-card:hover .tft-mobile-drawer__quick-title {
  color: var(--fur-primary, #3d5a1e) !important;
}

/* Accordion toggles visual polish and hover slide-in */
.tft-redesign-layout .tft-mobile-drawer__link {
  background: var(--fur-ref-white) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
  color: var(--fur-ref-charcoal) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--fur-ref-charcoal) 2%, transparent) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__link {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--fur-ref-white) !important;
}

.tft-redesign-layout .tft-mobile-drawer__link:hover,
.tft-redesign-layout .tft-mobile-drawer__link--active {
  border-color: var(--fur-primary, #3d5a1e) !important;
  color: var(--fur-primary, #3d5a1e) !important;
  padding-inline-start: 22px !important;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--fur-ref-charcoal) 6%, transparent) !important;
}

.tft-redesign-layout .tft-mobile-drawer__link:hover .tft-mobile-drawer__chevron,
.tft-redesign-layout .tft-mobile-drawer__link--active .tft-mobile-drawer__chevron {
  color: var(--fur-primary, #3d5a1e) !important;
  transform: translateX(4px) !important;
}

/* 2. Searchbar layout double capsule fix */
.tft-redesign-layout .tft-mobile-drawer__search-form {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}

.tft-redesign-layout .tft-mobile-drawer__search-input {
  width: 100% !important;
  height: 48px !important;
  border-radius: var(--fur-radius-full, 9999px) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-charcoal) 12%, transparent) !important;
  background: var(--fur-ref-white) !important;
  padding-inline: 20px 48px !important;
  font-family: var(--fur-font-sans, sans-serif) !important;
  font-size: 0.9rem !important;
  color: var(--fur-ref-charcoal) !important;
  outline: none !important;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--fur-ref-charcoal) 3%, transparent) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__search-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--fur-ref-white) !important;
  box-shadow: none !important;
}

.tft-redesign-layout .tft-mobile-drawer__search-input:focus {
  border-color: var(--fur-primary, #3d5a1e) !important;
  background: var(--fur-ref-white) !important;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
}

body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__search-input:focus {
  background: var(--fur-ref-forest-900) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

/* 3. Custom Sidebar Widgets & Element Interaction Harmony */
.tft-widget {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--fur-ref-charcoal) 6%, transparent) !important;
}

.tft-widget-author__btn {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget-author__btn:hover {
  transform: scale(1.06) !important;
  background: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--fur-primary) 30%, transparent) !important;
}

.tft-widget-related__item {
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget-related__img {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget-related__item:hover .tft-widget-related__img {
  transform: scale(1.08) !important;
}

.tft-widget-related__item:hover {
  transform: translateX(4px) !important;
}

.tft-widget-cats__item {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget-cats__item:hover {
  padding-inline-start: 16px !important;
  background: var(--fur-sidebar-active) !important;
  color: var(--fur-primary) !important;
}

.tft-widget-cats__count {
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.tft-widget-cats__item:hover .tft-widget-cats__count {
  transform: scale(1.15) !important;
}

.tft-widget-tag {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget-tag:hover {
  transform: scale(1.08) translateY(-2px) !important;
  background: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--fur-primary) 25%, transparent) !important;
}

.tft-widget-newsletter__input {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget-newsletter__input:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fur-primary) 15%, transparent) !important;
}

.tft-widget-newsletter__btn {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget-newsletter__btn:hover {
  background: var(--fur-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--fur-primary) 25%, transparent) !important;
}

.tft-widget-product__btn {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-widget-product__btn:hover {
  background: var(--fur-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--fur-primary) 25%, transparent) !important;
}

/* 4. Desktop subnavigation triggers & mega menu hover transitions */
.tft-header__subnav-link {
  position: relative !important;
  transition: color var(--fur-transition-normal) !important;
}

.tft-header__subnav-title {
  position: relative !important;
  display: inline-block !important;
}

.tft-header__subnav-title::after {
  content: '' !important;
  position: absolute !important;
  inset-block-end: -4px !important;
  inset-inline-start: 0 !important;
  width: 0 !important;
  height: 2px !important;
  background-color: var(--fur-primary) !important;
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border-radius: 1px !important;
}

.tft-header__subnav-link:hover .tft-header__subnav-title::after {
  width: 100% !important;
}

.tft-header__subnav-icon-wrap {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-header__subnav-link:hover .tft-header__subnav-icon-wrap {
  transform: translateY(-3px) scale(1.08) !important;
}

.tft-mega__link {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-mega__link:hover {
  transform: translateY(-2px) !important;
  border-color: var(--fur-primary) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--fur-ref-charcoal) 6%, transparent) !important;
}

.tft-mega__link--active {
  box-shadow: inset 4px 0 0 0 var(--fur-primary) !important;
  background-color: color-mix(in srgb, var(--fur-primary) 4%, transparent) !important;
  padding-inline-start: 20px !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 5. Active indicator improvements for mobile drawer sublinks */
.tft-mobile-drawer__sublink--active {
  color: var(--fur-primary) !important;
  font-weight: 600 !important;
  background-color: color-mix(in srgb, var(--fur-primary) 5%, transparent) !important;
  border-radius: 8px !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-mobile-drawer__sublink--active::before {
  content: none !important;
}

/* 6. Blog Category Tabs Interaction Upgrades */
.tft-blg-cats__tab {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-blg-cats__tab:hover:not(.tft-blg-cats__tab--active) {
  background-color: color-mix(in srgb, var(--fur-primary) 6%, transparent) !important;
  border-color: var(--fur-primary) !important;
  color: var(--fur-primary) !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--fur-ref-charcoal) 5%, transparent) !important;
}

body[data-theme='dark'] .tft-blg-cats__tab:hover:not(.tft-blg-cats__tab--active) {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: var(--fur-ref-white) !important;
  box-shadow: none !important;
}

.tft-blg-cats__tab:hover:not(.tft-blg-cats__tab--active) .tft-blg-cats__tab-icon {
  color: var(--fur-primary) !important;
  transform: scale(1.1) !important;
}

body[data-theme='dark'] .tft-blg-cats__tab:hover:not(.tft-blg-cats__tab--active) .tft-blg-cats__tab-icon {
  color: var(--fur-ref-white) !important;
}

.tft-blg-cats__tab-icon {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.35s ease !important;
}

.tft-blg-cats__tab--active {
  box-shadow: 0 6px 16px color-mix(in srgb, var(--fur-primary) 20%, transparent) !important;
  transform: translateY(-1px) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body[data-theme='dark'] .tft-blg-cats__tab--active {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}

/* ==========================================================================
   TFT FOOTER SUBMIT BUTTON ALIGNMENT & RESPONSIVE MENU BACKGROUND FIXES
   ========================================================================== */

/* 1. Footer newsletter button alignment fix */
body.tft-redesign-layout .tft-footer__form {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

body.tft-redesign-layout .tft-footer__submit-btn {
  position: absolute !important;
  top: 50% !important;
  inset-inline-end: 6px !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.tft-redesign-layout .tft-footer__submit-btn:hover {
  transform: translateY(-50%) scale(1.05) !important;
}

/* 2. Responsive mobile drawer & journal menu solid white background overrides */
.tft-redesign-layout .tft-mobile-drawer,
.tft-redesign-layout .tft-jnl-menu,
.tft-redesign-layout #tft-journal-mobile-menu,
.tft-redesign-layout #tft-jnl-mobile-menu,
#tft-mobile-drawer {
  background: var(--fur-ref-white) !important;
  background-color: var(--fur-ref-white) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}

.tft-redesign-layout .tft-mobile-drawer__header,
.tft-redesign-layout .tft-drawer__header,
.tft-redesign-layout .tft-mobile-drawer__nav,
.tft-redesign-layout .tft-mobile-drawer__submenu,
.tft-redesign-layout .tft-mobile-drawer__footer,
.tft-redesign-layout .tft-jnl-menu__header,
.tft-redesign-layout .tft-jnl-menu__nav,
.tft-redesign-layout .tft-jnl-menu__footer {
  background: var(--fur-ref-white) !important;
  background-color: var(--fur-ref-white) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Ensure no background overlays or translucent sheets bleed into the drawer container */
.tft-redesign-layout .tft-mobile-drawer::before,
.tft-redesign-layout .tft-mobile-drawer::after,
.tft-redesign-layout .tft-jnl-menu::before,
.tft-redesign-layout .tft-jnl-menu::after {
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: none !important;
}

/* Dark mode support logic */
body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer,
body[data-theme='dark'] .tft-redesign-layout .tft-jnl-menu,
body[data-theme='dark'] .tft-redesign-layout #tft-journal-mobile-menu,
body[data-theme='dark'] .tft-redesign-layout #tft-jnl-mobile-menu,
body[data-theme='dark'] #tft-mobile-drawer {
  background: var(--fur-ref-forest-900) !important;
  background-color: var(--fur-ref-forest-900) !important;
}

body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__header,
body[data-theme='dark'] .tft-redesign-layout .tft-drawer__header,
body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__nav,
body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__submenu,
body[data-theme='dark'] .tft-redesign-layout .tft-mobile-drawer__footer {
  background: var(--fur-ref-forest-900) !important;
  background-color: var(--fur-ref-forest-900) !important;
}

/* ==========================================================================
   TFT NAVIGATION MENU HOVER, ACTIVE AND TRANSITION RESETS (OVERRIDE STYLES)
   ========================================================================== */

/* 1. Reset trigger hover underlines and translateY translations to clean states */
.tft-header__subnav-title::after {
  display: none !important; /* Remove the buggy underline */
  content: none !important;
}

.tft-header__subnav-link:hover .tft-header__subnav-title::after {
  width: 0 !important;
}

.tft-header__subnav-icon-wrap {
  transform: none !important;
  transition: color 0.2s ease !important;
}

.tft-header__subnav-link:hover .tft-header__subnav-icon-wrap {
  transform: none !important;
}

.tft-header__subnav-link {
  transition: color 0.2s ease !important;
}

/* Highlight the entire trigger link in green when hovered or when its dropdown is open */
.tft-header__subnav-link:hover,
.tft-mega--has-dropdown[data-open="true"] .tft-header__subnav-link {
  color: var(--fur-primary) !important;
}

/* 2. Reset dropdown link hover card background and shadow to the original clean text highlight */
.tft-mega__link {
  transform: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: transparent !important;
  transition: padding-inline-start 0.2s ease, color 0.2s ease !important;
}

.tft-mega__link:hover {
  transform: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.tft-mega__link--active {
  box-shadow: none !important;
  background-color: transparent !important;
  padding-inline-start: 0 !important;
  border-radius: 0 !important;
}

/* 3. Dropdown reveal transition optimization: clean fade-only (no TranslateY slide jitter) */
body.tft-redesign-layout .tft-mega__panel {
  transform: none !important;
  transition: opacity 0.2s ease, visibility 0.2s !important;
}

body.tft-redesign-layout .tft-mega--has-dropdown[data-open="true"] .tft-mega__panel,
body.tft-redesign-layout .tft-mega--has-dropdown[data-open="true"]:hover .tft-mega__panel {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 4. Reset active and hover menu item backgrounds inside mega menu panels */
body.tft-redesign-layout .tft-mega__link,
body.tft-redesign-layout .tft-mega__link:hover,
body.tft-redesign-layout .tft-mega__link--active,
body.fur-body .tft-mega__link,
body.fur-body .tft-mega__link:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 0 !important;
}

/* 5. Force all prices across the site to use the sans-serif font family */
[class*="price"],
.tft-ps-det__price,
.tft-ps-det__price-orig,
.tft-related-card__price,
.tft-widget-product__price,
.fur-product-card__price,
.tft-product-card__price,
.fur-cart-item__price,
.tft-rc-cart-item__price,
.tft-rc-prod-card__price,
.tft-rc-detail__price,
.tft-rc-hcard__price,
.tft-shop-card__price,
.tft-shop-modal__price,
.fur-modal-detail-price,
.fur-hotspot__price,
.fur-configurator__price-tag .price,
.fur-configurator__price-tag,
.fur-marquee__price,
.fur-trending__product-price,
.fur-lookbook-slider__tooltip-price,
.fur-hotspot-grid__tooltip-price,
.tft-lookbook__card-price,
.tft-fnd-card__price,
.tft-fnd-drawer__price,
.tft-chk-summary-item__price {
  font-family: var(--fur-font-sans) !important;
}

/* 6. Disable hover scaling and green background highlight on the active (current) menu item's icon wrapper */
body.tft-redesign-layout .tft-mega__link--active:hover .tft-mega__link-icon-wrap,
body.fur-body .tft-mega__link--active:hover .tft-mega__link-icon-wrap {
  background-color: var(--fur-bg-secondary, #f0ede6) !important;
  color: var(--fur-primary, #3d5a1e) !important;
  transform: none !important;
}

/* 7. Remove double arrow indicator from mobile navigation drawer links */
.tft-redesign-layout .tft-mobile-drawer__link::after {
  content: none !important;
  display: none !important;
}

/* 8. Increase search input size and center search icon in mobile navigation drawer */
.tft-redesign-layout .tft-mobile-drawer__search-input {
  height: 54px !important;
  font-size: 16px !important; /* Prevents auto-zoom on iOS */
  padding-inline: 24px 54px !important;
}

.tft-redesign-layout .tft-mobile-drawer__search-form {
  position: relative !important;
}

.tft-redesign-layout .tft-mobile-drawer__search-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  inset-inline-end: 14px !important;
  height: 48px !important;
  width: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 9. Product single page trust strip layout responsive optimization (1 item per row) */
@media (max-width: 860px) {
  .tft-ps-trust {
    grid-template-columns: 1fr !important;
    border-block-end: none !important;
  }
  .tft-ps-trust__item {
    border-inline-end: none !important;
    border-block-end: 1.5px solid var(--fur-border) !important;
    padding-block: 20px !important;
    padding-inline: 16px !important;
  }
  .tft-ps-trust__item:last-child {
    border-block-end: none !important;
  }
}

/* 10. Fix footer grid stacking in responsive modes by overriding desktop rules */
@media (max-width: 1024px) {
  .tft-footer__main-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px 24px !important;
  }
  .tft-footer__col-brand {
    grid-column: span 3 !important;
  }
  .tft-footer__col-newsletter {
    grid-column: span 3 !important;
    margin-block-start: 16px !important;
  }
  .tft-footer__col-arch {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .tft-footer__main-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .tft-footer__col-brand,
  .tft-footer__col-newsletter,
  .tft-footer__col-links {
    grid-column: span 1 !important;
  }
  .tft-footer__col-newsletter {
    margin-block-start: 0 !important;
  }
  .tft-footer__seen-logos {
    flex-wrap: wrap !important;
    gap: 16px 20px !important;
  }
  .tft-footer__gallery-cities {
    white-space: normal !important;
    word-break: break-word !important;
  }
}

/* 11. Stack and center lower footer elements on tablet and mobile */
@media (max-width: 1100px) {
  .tft-footer__lower-container {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 40px !important;
  }
  .tft-footer__quote-block {
    max-width: 480px !important;
    margin-inline: auto !important;
    text-align: left !important;
  }
  .tft-footer__seen-in {
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .tft-footer__seen-logos {
    justify-content: center !important;
    flex-wrap: wrap !important;
    height: auto !important;
    padding-block: 14px !important;
    padding-inline: 20px !important;
  }
  .tft-footer__meta-info {
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .tft-footer__meta-galleries {
    justify-content: center !important;
    height: auto !important;
    padding-block: 14px !important;
    flex-wrap: wrap !important;
  }
}

/* =========================================================
   PROVENANCE PAGE — HOTSPOT POPOVER FIX
   Ensures the open popover always renders above its trigger
   button, preventing + icon overlap over the popover content.
   ========================================================= */

/* 12. Raise active hotspot wrapper above all siblings */
.tft-hotspot[style*="z-index: 50"],
.tft-hotspot--active {
  z-index: 50 !important;
}

/* 13. The popover must sit above the trigger button (which is z-index 10 default) */
.tft-hotspot__popover[aria-hidden="false"] {
  z-index: 60 !important;
}

/* 14. When trigger is active (popover open), show × and ensure it sits below popover */
.tft-hotspot__trigger--active {
  z-index: 5 !important;
}

/* 15. Provenance hotspot: extend popover with action CTA buttons */
.tft-hotspot__actions {
  display: flex !important;
  gap: 8px !important;
  margin-block-start: 12px !important;
  padding-block-start: 10px !important;
  border-block-start: 1px solid var(--fur-border) !important;
}

.tft-hotspot__btn {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding-block: 7px !important;
  padding-inline: 12px !important;
  border-radius: var(--fur-radius-full) !important;
  cursor: pointer !important;
  transition: all var(--fur-transition-fast) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

.tft-hotspot__btn--primary {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border: 1px solid var(--fur-primary) !important;
}

.tft-hotspot__btn--primary:hover {
  background-color: var(--fur-primary-hover) !important;
  border-color: var(--fur-primary-hover) !important;
}

.tft-hotspot__btn--secondary {
  background-color: transparent !important;
  color: var(--fur-text) !important;
  border: 1px solid var(--fur-border) !important;
}

.tft-hotspot__btn--secondary:hover {
  border-color: var(--fur-primary) !important;
  color: var(--fur-primary) !important;
}

/* 16. Samples drawer: ensure inner drawer panel slides in from right */
#tft-swatch-modal[aria-hidden="false"] .tft-mobile-drawer {
  transform: translateX(0) !important;
}

/* 17. Fix tft-tray-marker so the + button on the samples tray image is visible */
.tft-tray-marker {
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
}

.tft-tray-marker__btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: var(--fur-radius-full) !important;
  background-color: var(--fur-surface) !important;
  border: 2px solid var(--fur-primary) !important;
  color: var(--fur-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  animation: tftPulse 2.5s infinite !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-tray-marker__btn:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  transform: scale(1.12) !important;
}

.tft-tray-marker__plus {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Ensure the swatch modal drawer is visible and positioned on desktop and responsive layouts */
.tft-swatch-drawer {
  display: flex !important;
  flex-direction: column !important;
  position: fixed !important;
  inset-block-start: 0 !important;
  inset-inline-end: 0 !important;
  width: 100% !important;
  max-width: 480px !important;
  height: 100% !important;
  z-index: 101 !important;
  background-color: var(--fur-surface) !important;
  box-shadow: -4px 0 32px var(--fur-shadow-lg) !important;
  transform: translateX(100%) !important;
  transition: transform var(--fur-transition-normal) !important;
}

#tft-swatch-modal[aria-hidden="false"] .tft-swatch-drawer {
  transform: translateX(0) !important;
}

#tft-swatch-modal[aria-hidden="true"] .tft-swatch-drawer {
  transform: translateX(100%) !important;
}

/* Responsive Overrides for Editorial Shop Page (shop-editorial.html) */
@media (max-width: 768px) {
  /* Let the lifestyle image container fill the parent container to align with text layout */
  .tft-eds-section__media {
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }

  /* Retain the high-end portrait aspect-ratio of the lifestyle image without cropping */
  .tft-eds-section__img {
    aspect-ratio: 550 / 700 !important;
    height: auto !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* Stack product cards vertically instead of a horizontal scrolling track */
  .tft-eds-carousel__track {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    overflow-x: visible !important;
    padding-inline: 0px !important;
  }

  /* Let the cards expand to fill the container width for a clean look with no extra gaps */
  .tft-eds-product-card {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
  }

  /* Hide horizontal slider navigation buttons on mobile as it is now a clean stacked list */
  .tft-eds-carousel__nav-btns {
    display: none !important;
  }
}



/* ==========================================================================
   PREMIUM IMPROVEMENTS FOR COMPLETE ROOM PAGE (shop-complete-room.html)
   ========================================================================== */

/* Spacing adjustments on desktop layout */
.tft-cpt-hero__layout {
  gap: clamp(40px, 5vw, 80px) !important;
  align-items: center !important;
}

/* Luxury gallery frame and interactive scale on hover */
.tft-cpt-hero__visual {
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: 0 20px 48px var(--fur-shadow) !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

.tft-cpt-hero__img {
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.tft-cpt-hero__visual:hover .tft-cpt-hero__img {
  transform: scale(1.04) !important;
}

/* Beautiful pill badge styling for price set label */
.tft-cpt-hero__price-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-block-end: 28px !important;
}

.tft-cpt-hero__price-val {
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
}

.tft-cpt-hero__price-label {
  font-size: 13px !important;
  color: var(--fur-text-muted) !important;
  background-color: var(--fur-bg-secondary) !important;
  padding: 6px 14px !important;
  border-radius: var(--fur-radius-full) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  border: 1px solid var(--fur-border) !important;
  display: inline-block !important;
}

/* Spec sheet includes card styling with left highlight indicator */
.tft-cpt-hero__includes {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-inline-start: 4px solid var(--fur-primary) !important;
  padding: 28px 32px !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 8px 30px var(--fur-shadow) !important;
  margin-block-end: 36px !important;
}

.tft-cpt-hero__includes-title {
  color: var(--fur-primary) !important;
  font-size: var(--fur-fs-xs) !important;
  letter-spacing: 0.12em !important;
  margin-block-end: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Checklist items vertical and horizontal separation gaps */
.tft-cpt-hero__includes-list {
  row-gap: 12px !important;
  column-gap: 28px !important;
}

.tft-cpt-hero__includes-list li {
  font-size: 14px !important;
  color: var(--fur-text-muted) !important;
  padding-inline-start: 22px !important;
  line-height: 1.5 !important;
}

.tft-cpt-hero__includes-list li strong {
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin-inline-end: 4px !important;
}

/* CSS checkmark icon replacing basic bullet points */
.tft-cpt-hero__includes-list li::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 2px !important;
  top: 5px !important;
  width: 4px !important;
  height: 8px !important;
  border-right: 2px solid var(--fur-primary) !important;
  border-bottom: 2px solid var(--fur-primary) !important;
  transform: rotate(45deg) !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}

/* Interactive CTA shadow and transformation effects */
.tft-cpt-hero__add-btn {
  box-shadow: 0 4px 14px rgba(61, 90, 30, 0.15) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-cpt-hero__add-btn:hover {
  background-color: var(--fur-primary-hover) !important;
  border-color: var(--fur-primary-hover) !important;
  transform: translateY(-3px) scale(1.01) !important;
  box-shadow: 0 12px 28px rgba(61, 90, 30, 0.25) !important;
}

.tft-cpt-hero__add-btn:active {
  transform: translateY(-1px) !important;
}

/* Responsive responsive adjustments */
@media (max-width: 991px) {
  .tft-cpt-hero__layout {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  
  /* Place lifestyle image at the top of the stack on mobile screens */
  .tft-cpt-hero__visual {
    order: -1 !important;
    max-width: 100% !important;
  }
  
  .tft-cpt-hero__includes-list {
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
  }
  
  .tft-cpt-hero__add-btn {
    max-width: 100% !important;
  }
}



/* ==========================================================================
   TFT - RESPONSIVE ACTIONS & LEGIBILITY ENHANCEMENT (MOBILE & HOVER SMOOTHING)
   ========================================================================== */

/* 1. Mobile Buttons Stacking & Full-width Actions */
@media (max-width: 768px) {
  .tft-shop-modal__actions {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .tft-shop-modal__add-btn,
  .tft-shop-modal__composer-btn {
    width: 100% !important;
    flex-grow: unset !important;
    box-sizing: border-box !important;
  }
}

/* 2. Specs Grid 2x2 Layout under 480px */
@media (max-width: 480px) {
  .tft-ps-det__specs {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .tft-ps-det__spec {
    border: none !important;
    border-bottom: 1.5px solid var(--fur-border) !important;
  }
  .tft-ps-det__spec + .tft-ps-det__spec {
    border-inline-start: none !important;
  }
  .tft-ps-det__spec:nth-child(odd) {
    border-inline-end: 1.5px solid var(--fur-border) !important;
  }
  .tft-ps-det__spec:nth-child(3),
  .tft-ps-det__spec:nth-child(4) {
    border-bottom: none !important;
  }
}

/* 3. Page Title Contrast & Overlay Legibility on Mobile */
@media (max-width: 768px) {
  .tft-post-hero__overlay {
    background: linear-gradient(
      to top, 
      color-mix(in srgb, var(--fur-ref-forest-900) 96%, transparent) 0%, 
      color-mix(in srgb, var(--fur-ref-forest-900) 65%, transparent) 60%, 
      color-mix(in srgb, var(--fur-ref-forest-900) 30%, transparent) 100%
    ) !important;
  }
  .tft-post-hero__title {
    text-shadow: 0 2px 10px color-mix(in srgb, var(--fur-ref-charcoal) 50%, transparent) !important;
  }
  .tft-post-hero__desc {
    text-shadow: 0 1px 8px color-mix(in srgb, var(--fur-ref-charcoal) 50%, transparent) !important;
    color: var(--fur-ref-white) !important;
  }
}

/* 4. Smooth out "The Edit: Autumn Objects" Trending List Hover Interactions */
body.fur-layout-classic .fur-trending__product-item {
  transition: background-color var(--fur-transition-slow),
              box-shadow var(--fur-transition-slow),
              transform var(--fur-transition-slow) !important;
}

body.fur-layout-classic .fur-trending__product-item::before {
  transition: transform var(--fur-transition-slow) !important;
}

body.fur-layout-classic .fur-trending__product-item::after {
  transition: opacity var(--fur-transition-slow),
              transform var(--fur-transition-slow) !important;
}

body.fur-layout-classic .fur-trending__product-item .fur-trending__product-details {
  transition: transform var(--fur-transition-slow) !important;
}

body.fur-layout-classic .fur-trending__product-link {
  transition: width var(--fur-transition-slow),
              padding-inline var(--fur-transition-slow),
              gap var(--fur-transition-slow),
              background-color var(--fur-transition-slow),
              color var(--fur-transition-slow),
              transform var(--fur-transition-slow) !important;
}

body.fur-layout-classic .fur-trending__product-link::before {
  transition: opacity var(--fur-transition-normal),
              max-width var(--fur-transition-slow) !important;
}

body.fur-layout-classic .fur-trending__product-link svg {
  transition: transform var(--fur-transition-slow) !important;
}

body.fur-layout-classic .fur-trending__product-item .fur-trending__num {
  transition: color var(--fur-transition-slow),
              transform var(--fur-transition-slow),
              opacity var(--fur-transition-slow) !important;
}

/* ==========================================================================
   FIX: REMOVE TOP GAP ON HERO SECTIONS (index-4 & contact)
   The global "margin-block-start" rule adds an unwanted gap above first
   sections. Override it to zero for the specific elements that sit flush
   against the header row (the journal hero v2 and the tft-post-hero).
   ========================================================================== */

/* Index-4: journal hero sits flush — remove injected top gap */
body.tft-page-journal .fur-journal-container > section.tft-stillness-hero-v2 {
  margin-block-start: 0 !important;
}

/* Contact, blog-post, about, provenance: post-hero sits flush under header */
.tft-post-hero {
  margin-block-start: 0 !important;
}

/* ==========================================================================
   FIX: CONTACT PAGE — BOXED CONTENT (not full-width stretch)
   Constrain the 3-column contact grid + page wrapper to a max-width
   so it reads like all other inner pages.
   ========================================================================== */

.tft-cnt-page {
  padding-inline: clamp(1.5rem, 4vw, 4rem) !important;
}

.tft-cnt-page > * {
  max-width: 1400px;
  margin-inline: auto;
  width: 100%;
}

/* Newsletter & FAQ sections inside the contact page also get capped */
.tft-cnt-newsletter,
.tft-cnt-faq-section {
  max-width: 1400px;
  margin-inline: auto;
  width: 100%;
}

/* ==========================================================================
   INDEX-3 ENHANCEMENT: PREMIUM SPLIT-SECTION STYLING
   Upgrade all .fur-split-section cards, stat tiles, timelines,
   progress bars and interactive cards to a richer visual standard.
   ========================================================================== */

/* ── Section wrapper: add subtle left-border accent on entry ── */
.fur-split-section {
  position: relative;
  transition: background-color 0.3s ease;
}

/* ── Eyebrow tag — bolder, greener, with uppercase tracking ── */
.fur-split-section .fur-split-hero__tag {
  font-size: clamp(0.65rem, 1vw, 0.72rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  color: var(--fur-primary) !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-block-end: 2px !important;
  border-block-end: 1.5px solid var(--fur-primary-muted) !important;
  margin-block-end: 14px !important;
}

/* ── Section H2 — slightly larger, more editorial ── */
.fur-split-section .fur-split-hero__title {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  margin-block-end: 16px !important;
}

/* ── Section description — better line height ── */
.fur-split-section .fur-split-hero__desc {
  line-height: 1.7 !important;
  font-size: clamp(0.85rem, 1.2vw, 0.95rem) !important;
  max-width: 52ch !important;
}

/* ── Interactive cards: richer border, soft lift on hover ── */
.fur-split-section .fur-interactive-card {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.25s ease !important;
}
.fur-split-section .fur-interactive-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 36px var(--fur-shadow) !important;
  border-color: var(--fur-primary-muted) !important;
}

/* ── Stat / metric cards (Lux, Clearances, Humidity) ── */
/* Give them a larger numeral and a green tinted top-border accent */
.fur-split-section [style*="text-align: center"][style*="flex-direction: column"] {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  border-block-start: 2px solid transparent !important;
}
.fur-split-section [style*="text-align: center"][style*="flex-direction: column"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 28px var(--fur-shadow) !important;
  border-block-start-color: var(--fur-primary) !important;
}

/* ── Lux numeric value — make it bigger and serif-italic ── */
.fur-split-section [style*="font-family: var(--fur-font-serif)"][style*="1.25rem"] {
  font-size: clamp(1.4rem, 2.5vw, 1.75rem) !important;
  font-style: italic !important;
  color: var(--fur-text) !important;
}

/* ── Acoustic / Textile progress bars: taller, animated fill ── */
.fur-split-section [style*="height: 6px"] {
  height: 8px !important;
  border-radius: 4px !important;
}
.fur-split-section [style*="height: 6px"] > div {
  transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  height: 8px !important;
  border-radius: 4px !important;
}

/* ── Timeline (Timber Lifecycle): larger thumbnails, bolder dots ── */
.fur-split-section [style*="padding-inline-start: 24px"][style*="border-inline-start"] img {
  width: 76px !important;
  height: 76px !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 4px 14px var(--fur-shadow) !important;
}

/* ── Step label text size bump ── */
.fur-split-section [style*="padding-inline-start: 24px"] span[style*="0.7rem"][style*="font-weight: 700"] {
  font-size: 0.72rem !important;
  letter-spacing: 0.1em !important;
}

/* ── Blueprint/joinery dashed container: add soft glow on hover ── */
.fur-split-section [style*="border: 1px dashed"] {
  transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.fur-split-section [style*="border: 1px dashed"]:hover {
  box-shadow: 0 0 0 3px var(--fur-primary-muted), 0 12px 32px var(--fur-shadow) !important;
  border-color: var(--fur-primary) !important;
}

/* ── Press reviews / blockquotes: add left accent bar ── */
.fur-split-section blockquote {
  padding-inline-start: 20px !important;
  border-inline-start: 3px solid var(--fur-primary-muted) !important;
  transition: border-color 0.25s ease !important;
}
.fur-split-section blockquote:hover {
  border-inline-start-color: var(--fur-primary) !important;
}

/* ── Color bar segment: make it taller and rounder ── */
.fur-split-section [style*="height: 28px"][style*="display: flex"][style*="overflow: hidden"] {
  height: 36px !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 2px 12px var(--fur-shadow) !important;
}

/* ── Material matrix cards: image height bump ── */
.fur-split-section [style*="height: 120px"] {
  height: 150px !important;
}

/* ── Restoration / Repairability cards: large serif number lift ── */
.fur-split-section [style*="font-size: 1.8rem"][style*="font-family: var(--fur-font-serif)"] {
  font-size: clamp(2rem, 3.5vw, 2.5rem) !important;
  opacity: 0.9 !important;
}

/* ── Section-level separator line — premium thin divider ── */
.fur-split-section + .fur-split-section {
  border-block-start: 1px solid var(--fur-border);
}

/* ── Pillar trust items: icon sizing bump ── */
#wp-block-fur-pillars [style*="color: var(--fur-primary)"] {
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0;
}
#wp-block-fur-pillars h4 {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
}
#wp-block-fur-pillars p {
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
}

/* ── Dialogue section Q&A: richer Q block ── */
#wp-block-fur-dialogue [style*="border-inline-start: 3px solid var(--fur-primary)"] {
  padding: 16px 20px !important;
  background: color-mix(in srgb, var(--fur-primary) 4%, transparent) !important;
  border-radius: 0 var(--fur-radius-sm) var(--fur-radius-sm) 0 !important;
}

/* Responsive: stack stat tiles on small screens */
@media (max-width: 480px) {
  .fur-split-section [style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
  .fur-split-section [style*="grid-template-columns: repeat(2, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
}

/* ── Material Matrix Filtration (Lookbook index-3) ── */
.tft-matrix__filter:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border-color: var(--fur-primary) !important;
}
.tft-matrix__filter--active {
  background-color: var(--fur-primary) !important;
  color: var(--fur-button-text) !important;
  border-color: var(--fur-primary) !important;
}
.tft-matrix__card--hidden {
  display: none !important;
}
@media (max-width: 768px) {
  .tft-matrix__grid {
    grid-template-columns: 1fr !important;
  }
  .tft-matrix__filters {
    justify-content: flex-start;
    gap: 8px !important;
  }
}

/* Hide left layout overlay text content on mobile/tablet viewports to prevent image clutter */
@media (max-width: 1024px) {
  .fur-split-layout__cover-content {
    display: none !important;
  }
}

/* Fix newsletter subscription input and absolute button alignment using logical properties */
.tft-footer__form {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

.tft-footer__input {
  width: 100% !important;
  box-sizing: border-box !important;
  padding-inline-end: 52px !important;
  border-radius: var(--fur-radius-md) !important;
}

.tft-footer__submit-btn {
  position: absolute !important;
  inset-block-start: 50% !important;
  inset-inline-end: 6px !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  padding-inline: 0 !important;
  padding-block: 0 !important;
  margin-inline: 0 !important;
  margin-block: 0 !important;
  box-sizing: border-box !important;
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color var(--fur-transition-normal), transform var(--fur-transition-normal) !important;
}

.tft-footer__submit-btn:hover {
  background-color: var(--fur-primary) !important;
  transform: translateY(-50%) scale(1.05) !important;
}

/* Ensure proper inline padding on the trust strip in the split-layout catalog footer to prevent clipping */
.fur-split-layout__right .tft-footer__trust-strip {
  padding-inline: clamp(16px, 2vw, 24px) !important;
}

/* Ensure the swatch sample modal overlay renders above the sticky site header navigation */
.tft-shop-modal-overlay {
  z-index: 100000 !important;
}

/* Swatch drawer header flex alignment and layout improvements on provenance.html */
.tft-swatch-drawer .tft-swatch-drawer__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.tft-swatch-drawer .tft-drawer__brand-mark {
  color: var(--fur-text) !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
}

.tft-swatch-drawer .tft-drawer__brand-tagline {
  color: var(--fur-primary) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.tft-swatch-drawer__close {
  background: none !important;
  border: none !important;
  color: var(--fur-text) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  font-size: 28px !important;
  line-height: 1 !important;
  transition: background-color var(--fur-transition-fast), color var(--fur-transition-fast) !important;
}

.tft-swatch-drawer__close:hover {
  background-color: var(--fur-ref-beige-100) !important;
  color: var(--fur-primary) !important;
}

/* ------------------------------------------------------------------------
   TFT - NEW ARRIVALS CAROUSEL LAYOUT & RESPONSIVE FIXES (v160)
   ------------------------------------------------------------------------ */
body.tft-redesign-layout .tft-new-arrivals__grid {
  width: 100% !important;
  flex-wrap: nowrap !important;
}

@media (max-width: 768px) {
  body.tft-redesign-layout .tft-new-arrivals__slider-next {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  body.tft-redesign-layout .tft-new-arrivals__slider-next {
    inset-inline-end: 16px !important;
    background-color: var(--fur-surface) !important;
    box-shadow: 0 4px 12px var(--fur-shadow-lg) !important;
  }
}

/* ------------------------------------------------------------------------
   TFT - PRESS SHOWCASE WATERMARK READABILITY & THEME ADAPTATION (v160)
   ------------------------------------------------------------------------ */
body.tft-redesign-layout .tft-press-showcase {
  position: relative !important;
}

body.tft-redesign-layout .tft-press-showcase::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-color: var(--fur-bg-secondary) !important;
  opacity: 0.92 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

body.tft-redesign-layout .tft-press-showcase__content {
  position: relative !important;
  z-index: 2 !important;
}

body.tft-redesign-layout .tft-press-showcase__deco {
  z-index: 2 !important;
}

@media (max-width: 768px) {
  body.tft-redesign-layout .tft-press-showcase__features {
    align-items: stretch !important;
    max-width: 100% !important;
    padding-inline: 20px !important;
    gap: 16px !important;
  }
  body.tft-redesign-layout .tft-press-showcase__feat-box {
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 12px 16px !important;
    background-color: var(--fur-surface) !important;
    border: 1px solid var(--fur-border-light) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px var(--fur-shadow) !important;
  }
}

/* ------------------------------------------------------------------------
   TFT - PRESS SHOWCASE DARK THEME ADAPTATION (v160)
   ------------------------------------------------------------------------ */
body[data-theme="dark"] .tft-press-showcase__subtitle,
body[data-theme="dark"] .tft-press-showcase__title,
body[data-theme="dark"] .tft-press-showcase__desc,
body[data-theme="dark"] .tft-press-showcase__feat-title {
  color: var(--fur-text) !important;
}

body[data-theme="dark"] .tft-press-showcase__feat-desc {
  color: var(--fur-text-muted) !important;
}

body[data-theme="dark"] .tft-press-showcase__feat-icon-wrap {
  background-color: var(--fur-bg-secondary) !important;
  color: var(--fur-text) !important;
}

body[data-theme="dark"] .tft-press-showcase__feat-divider {
  background-color: var(--fur-border) !important;
}

body[data-theme="dark"] .tft-press-showcase__capsule {
  background-color: var(--fur-surface) !important;
  border-color: var(--fur-border) !important;
}

body[data-theme="dark"] .tft-press-showcase__logo-item {
  color: var(--fur-text) !important;
}

body[data-theme="dark"] .tft-press-showcase__divider {
  background-color: var(--fur-border) !important;
}

/* ------------------------------------------------------------------------
   TFT - RESPONSIVE SLIDER & PRESS SHOWCASE GAP/PADDING ADJUSTMENTS (v161)
   ------------------------------------------------------------------------ */
body.tft-redesign-layout .tft-new-arrivals__slider-col {
  min-width: 0 !important;
}

@media (max-width: 768px) {
  body.tft-redesign-layout .tft-press-showcase {
    padding-inline: 20px !important;
  }
  body.tft-redesign-layout .tft-press-showcase__capsule {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ------------------------------------------------------------------------
   TFT - RESPONSIVE OVERRIDES, MOBILE MENUS & LAYOUT CORRECTIONS (v162)
   ------------------------------------------------------------------------ */

/* Zero out .fur-main horizontal double padding on mobile redesign views */
@media (max-width: 1024px) {
  body.tft-redesign-layout .fur-main {
    padding-inline: 0 !important;
  }
}

/* Collapse Philosophy Grid on about.html */
.tft-philosophy-layout {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
}

@media (max-width: 991px) {
  .tft-philosophy-layout {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* Reposition Curved Hero Vertical Dots to Horizontal Bottom on mobile */
@media (max-width: 768px) {
  .tft-hero-curved__dots-vertical {
    position: relative !important;
    inset-inline-start: auto !important;
    top: auto !important;
    transform: none !important;
    flex-direction: row !important;
    justify-content: center !important;
    margin-block-start: 24px !important;
    width: 100% !important;
  }
}

/* TFT Journal Product Inset Card styling */
.tft-journal-card {
  display: flex !important;
  gap: 24px !important;
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-md) !important;
  padding: 20px !important;
  max-width: 580px !important;
  margin-block: 24px !important;
  box-shadow: 0 4px 20px var(--fur-shadow) !important;
  align-items: center !important;
}

.tft-journal-card__thumb {
  flex-shrink: 0 !important;
  width: 120px !important;
  height: 120px !important;
  border-radius: var(--fur-radius-sm) !important;
  overflow: hidden !important;
  background-color: var(--fur-bg-secondary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tft-journal-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.tft-journal-card__info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.tft-journal-card__info-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin-block-end: 4px !important;
}

.tft-journal-card__tag {
  font-family: var(--fur-font-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--fur-primary) !important;
}

.tft-journal-card__price {
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
  font-size: 0.95rem !important;
}

.tft-journal-card__title {
  font-family: var(--fur-font-serif, serif) !important;
  font-size: 1.1rem !important;
  margin: 0 0 6px 0 !important;
  color: var(--fur-text) !important;
}

.tft-journal-card__rating {
  font-size: 0.7rem !important;
  color: var(--fur-text-muted) !important;
  margin-block-end: 8px !important;
}

.tft-journal-card__stars {
  color: var(--fur-primary) !important;
}

.tft-journal-card__desc {
  font-size: 0.72rem !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.4 !important;
  margin: 0 0 16px 0 !important;
}

.tft-journal-card__actions {
  display: flex !important;
  gap: 12px !important;
}

.tft-journal-card__btn-quick {
  background: none !important;
  border: 1px solid var(--fur-border) !important;
  padding: 6px 14px !important;
  border-radius: var(--fur-radius-sm) !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  color: var(--fur-text) !important;
  transition: all var(--fur-transition-fast) !important;
}

.tft-journal-card__btn-quick:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-primary) !important;
}

.tft-journal-card__btn-add {
  background-color: var(--fur-primary) !important;
  border: none !important;
  color: var(--fur-ref-white) !important;
  padding: 6px 14px !important;
  border-radius: var(--fur-radius-sm) !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color var(--fur-transition-fast) !important;
}

.tft-journal-card__btn-add:hover {
  background-color: var(--fur-primary-hover) !important;
}

@media (max-width: 576px) {
  .tft-journal-card {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }
  .tft-journal-card__thumb {
    width: 100% !important;
    height: 200px !important;
  }
}

/* Registry email input styling for index-4 */
body.tft-page-journal .tft-jnl-subscribe-form__input {
  border: none !important;
  border-bottom: 1.5px solid var(--fur-border) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  padding-inline: 0 !important;
}

body.tft-page-journal .tft-jnl-subscribe-form__input:focus {
  border-bottom-color: var(--fur-primary) !important;
  box-shadow: none !important;
}

/* Standardize mobile side paddings for classic layout sections to 16px */
@media (max-width: 1024px) {
  body.fur-layout-classic .fur-trending__container,
  body.fur-layout-classic .fur-swatches__container,
  body.fur-layout-classic .fur-designers__container,
  body.fur-layout-classic .fur-ugc__grid,
  body.fur-layout-classic .fur-ugc .fur-section-header,
  body.fur-layout-classic .fur-lookbook-slider__container,
  body.fur-layout-classic .fur-materials-showcase__container,
  body.fur-layout-classic .fur-stories__container,
  body.fur-layout-classic .fur-inline-booking__container {
    padding-inline: 16px !important;
  }
}

/* Themed Mobile Drawer: Japandi Curved design for classic layout */
body.fur-layout-classic .tft-mobile-drawer {
  border-top-left-radius: var(--fur-radius-xl) !important;
  border-bottom-left-radius: var(--fur-radius-xl) !important;
  background: var(--fur-bg) !important;
  border-inline-start: 1px solid var(--fur-border) !important;
  padding: 40px 32px !important;
  box-shadow: -15px 0 50px var(--fur-shadow-lg) !important;
}

body.fur-layout-classic .tft-mobile-drawer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(circle at 100% 0%, var(--fur-bg-secondary) 0%, transparent 60%) !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.fur-layout-classic .tft-mobile-drawer__header {
  position: relative !important;
  z-index: 1 !important;
  border-bottom: 1px solid var(--fur-border) !important;
  padding-block-end: 20px !important;
}

body.fur-layout-classic .tft-mobile-drawer__nav {
  position: relative !important;
  z-index: 1 !important;
  margin-block-start: 20px !important;
}

body.fur-layout-classic .tft-mobile-drawer__link {
  font-family: var(--fur-font-serif, serif) !important;
  font-size: 20px !important;
  font-style: italic !important;
  color: var(--fur-text) !important;
  transition: all var(--fur-transition-fast) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-block: 8px !important;
}

body.fur-layout-classic .tft-mobile-drawer__link:hover {
  color: var(--fur-primary) !important;
  padding-inline-start: 8px !important;
}

/* Themed Mobile Drawer: High-Contrast Typewriter design for journal layout */
body.tft-page-journal .tft-mobile-drawer {
  background-color: var(--fur-surface) !important;
  border-inline-start: 2px solid var(--fur-text) !important;
  padding: 48px 36px !important;
  box-shadow: -8px 0 0 var(--fur-text) !important;
}

body.tft-page-journal .tft-mobile-drawer__header {
  border-bottom: 2px solid var(--fur-text) !important;
  padding-block-end: 24px !important;
}

body.tft-page-journal .tft-mobile-drawer__close {
  border: 2px solid var(--fur-text) !important;
  border-radius: 0 !important;
}

body.tft-page-journal .tft-mobile-drawer__link {
  font-family: var(--fur-font-sans) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 16px !important;
  color: var(--fur-text) !important;
  border-bottom: 1px dashed var(--fur-border) !important;
  padding-block: 12px !important;
}

body.tft-page-journal .tft-mobile-drawer__link:hover {
  border-bottom-style: solid !important;
  border-bottom-color: var(--fur-text) !important;
  color: var(--fur-primary) !important;
}

/* ------------------------------------------------------------------------
   TFT - RESPONSIVE SLIDER, CURVED HERO & DOUBLE PADDING ADJUSTMENTS (v163)
   ------------------------------------------------------------------------ */

/* 1. New Arrivals Slider Full-Bleed Mobile */
@media (max-width: 991px) {
  body.tft-redesign-layout .tft-new-arrivals__slider-col {
    margin-inline: -24px !important;
    width: calc(100% + 48px) !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__grid {
    padding-inline-start: 24px !important;
    padding-inline-end: 24px !important;
  }
}

@media (max-width: 480px) {
  body.tft-redesign-layout .tft-new-arrivals__slider-col {
    margin-inline: -16px !important;
    width: calc(100% + 32px) !important;
  }
  body.tft-redesign-layout .tft-new-arrivals__grid {
    padding-inline-start: 16px !important;
    padding-inline-end: 16px !important;
  }
}

/* 2. Curved Hero Slider Responsive Improvements */
@media (max-width: 992px) {
  .tft-hero-curved__left {
    padding: 48px 24px 60px 24px !important;
  }
  .tft-hero-curved__dots-vertical {
    position: absolute !important;
    inset-inline-start: 50% !important;
    inset-block-end: 20px !important;
    transform: translateX(-50%) !important;
    top: auto !important;
    flex-direction: row !important;
    gap: 12px !important;
    z-index: 10 !important;
  }
  .tft-hero-curved__vertical-dot--active::before {
    width: 20px !important;
    height: 6px !important;
  }
}

@media (max-width: 576px) {
  .tft-hero-curved__left {
    padding: 40px 16px 52px 16px !important;
  }
  .tft-hero-curved__overlay-card {
    inset-inline-start: 16px !important;
    inset-inline-end: 16px !important;
    padding: 10px 14px !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  .tft-hero-curved__card-image-wrap,
  .tft-hero-curved__card-image-wrap img {
    width: 48px !important;
    height: 48px !important;
  }
  .tft-hero-curved__card-title {
    font-size: 13px !important;
    margin-bottom: 2px !important;
  }
  .tft-hero-curved__card-tag {
    font-size: 10px !important;
  }
  .tft-hero-curved__card-cta {
    font-size: 11px !important;
  }
}

/* 3. Double Padding Elimination on about.html */
@media (max-width: 1024px) {
  body.tft-redesign-layout .tft-shop-catalog > .tft-sustainability-stats,
  body.tft-redesign-layout .tft-shop-catalog > .tft-artisans-sec,
  body.tft-redesign-layout .tft-shop-catalog > .tft-slow-craft {
    padding-inline: 0 !important;
  }
  body.tft-redesign-layout .tft-sustainability-stats__container,
  body.tft-redesign-layout .tft-artisans-sec__container,
  body.tft-redesign-layout .tft-slow-craft__container {
    padding-inline: 16px !important;
  }
}

/* ==========================================================================
   TFT - RESPONSIVE TOP RADIUS REMOVAL, SIDE GAPS & HERO CORNER FIXES (v164)
   ========================================================================== */

/* 1. Remove border-radius on index.html split hero panels */
.tft-hero-split__left,
.tft-hero-split__right {
  border-radius: 0 !important;
}

/* 2. Responsive adjustments (max-width: 992px) */
@media (max-width: 992px) {
  /* Disable top side radiuses on responsive layouts for cards/containers that touch edges */
  .fur-main,
  .tft-blog-hero,
  .tft-post-hero,
  .fur-hero,
  .fur-hero-slider,
  .tft-hero-curved__wrapper,
  .fur-inline-booking__container {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  /* Add side gaps for major content containers under 992px */
  .tft-hero-curved {
    padding-inline: 16px !important;
  }

  body.fur-layout-classic .fur-inline-booking__container {
    width: calc(100% - 32px) !important;
    margin-inline: auto !important;
  }
}

/* 3. Add side gaps for Sustainability Stats card on responsive (about.html) */
@media (max-width: 1024px) {
  body.tft-redesign-layout .tft-shop-catalog > .tft-sustainability-stats {
    margin-inline: 16px !important;
    width: calc(100% - 32px) !important;
  }
}

/* ==========================================================================
   TFT - ADDITIONAL RESPONSIVE POLISH & BESPOKE MOBILE NAVIGATION (v165)
   ========================================================================== */

/* 1. Restore border-radius on index.html split hero panels */
.tft-hero-split__left,
.tft-hero-split__right {
  border-radius: var(--fur-radius-lg) !important;
}

/* 2. Zero out top side radiuses of .fur-main on redesign layout */
body.tft-redesign-layout .fur-main {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* 3. Add side gaps to .fur-main on mobile redesign views (override zero-padding) */
@media (max-width: 1024px) {
  body.tft-redesign-layout .fur-main {
    padding-inline: 16px !important;
  }
}

/* 4. Bespoke Premium Dark Green Mobile Drawer for Redesign Layout */
body.tft-redesign-layout .tft-mobile-drawer {
  background-color: var(--fur-ref-green-900) !important;
  background-image: linear-gradient(180deg, var(--fur-ref-green-900) 0%, hsl(88, 38%, 15%) 100%) !important;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: -15px 0 45px rgba(0, 0, 0, 0.4) !important;
  color: var(--fur-ref-beige-100) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__close {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--fur-ref-beige-100) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__close:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--fur-ref-lime-400) !important;
  transform: rotate(90deg) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__search-input {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--fur-ref-white) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__search-input::placeholder {
  color: var(--fur-ref-beige-dark-muted) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__search-btn {
  color: var(--fur-ref-lime-400) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__quick-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--fur-ref-beige-100) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__quick-card:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--fur-ref-lime-400) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__quick-icon {
  color: var(--fur-ref-lime-400) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__quick-title {
  color: var(--fur-ref-beige-100) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__link {
  color: var(--fur-ref-beige-dark) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__link--active,
body.tft-redesign-layout .tft-mobile-drawer__link:hover {
  color: var(--fur-ref-lime-400) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__chevron {
  color: var(--fur-ref-beige-dark-muted) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__link:hover .tft-mobile-drawer__chevron,
body.tft-redesign-layout .tft-mobile-drawer__link--active .tft-mobile-drawer__chevron {
  color: var(--fur-ref-lime-400) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__submenu {
  background-color: rgba(0, 0, 0, 0.15) !important;
  border-radius: var(--fur-radius-sm) !important;
  padding: 8px 12px !important;
  margin-block: 4px 12px !important;
}

body.tft-redesign-layout .tft-mobile-drawer__sublink {
  color: var(--fur-ref-beige-dark-muted) !important;
  font-size: 14px !important;
  padding-block: 8px !important;
}

body.tft-redesign-layout .tft-mobile-drawer__sublink:hover,
body.tft-redesign-layout .tft-mobile-drawer__sublink--active {
  color: var(--fur-ref-lime-400) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__link-icon svg {
  stroke: var(--fur-ref-beige-dark-muted) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__link:hover .tft-mobile-drawer__link-icon svg,
body.tft-redesign-layout .tft-mobile-drawer__link--active .tft-mobile-drawer__link-icon svg {
  stroke: var(--fur-ref-lime-400) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__footer {
  border-block-start: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-block-start: auto !important;
  padding-block-start: 20px !important;
}

body.tft-redesign-layout .tft-mobile-drawer__social-link {
  color: var(--fur-ref-beige-dark-muted) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
}

body.tft-redesign-layout .tft-mobile-drawer__social-link:hover {
  color: var(--fur-ref-lime-400) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--fur-ref-lime-400) !important;
}

body.tft-redesign-layout .tft-drawer__footer-tagline {
  color: var(--fur-ref-beige-dark-muted) !important;
}

body.tft-redesign-layout .tft-drawer__footer-link {
  color: var(--fur-ref-beige-dark-muted) !important;
}

body.tft-redesign-layout .tft-drawer__footer-link:hover {
  color: var(--fur-ref-lime-400) !important;
}

/* 5. Force Side Margins and Rounded Corners on Responsive viewports for Content Cards in about.html */
@media (max-width: 1024px) {
  body.tft-redesign-layout #wp-block-sustainability-stats,
  body.tft-redesign-layout #wp-block-artisans,
  body.tft-redesign-layout #wp-block-slow-craft-timeline {
    margin-inline: 16px !important;
    width: calc(100% - 32px) !important;
    border-radius: var(--fur-radius-lg) !important;
  }
}

/* =========================================================================
   6. About Page — Layout Normalisation (v118 — COMPLETE SPACING FIX)
   
   Root causes of excessive gaps:
   a) Inline style="margin-top: 100px" on values header (#wp-block-about-hero .tft-shop-catalog__header)
   b) Inline style="margin-block-start: 100px" on #wp-block-material-swatch-explorer
   c) Inline style="margin-block-start:100px; margin-block-end:100px" on #wp-block-slow-craft-timeline
   d) Inline style="margin-block: 60px" on .tft-philosophy-layout
   e) Sections having padding-block: 100px — doubled by adjacent section padding
   
   Strategy: ID-based selectors (specificity 1,0,0) + !important beat inline
   styles (no !important). We use BOTH physical AND logical property overrides
   to guarantee the kill regardless of which property the inline style uses.
   ========================================================================= */

/* ── 6a. Inline Side-Padding Normalization (Desktop) ───────────────────── */
@media (min-width: 1025px) {
  /* Full-bleed bands: stats and artisans stretch edge-to-edge */
  #wp-block-about-hero > .tft-sustainability-stats,
  #wp-block-about-hero > .tft-artisans-sec {
    max-width: none !important;
    width: 100% !important;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
  }

  /* All other direct children: 1400px centred, zero side padding */
  #wp-block-about-hero > .tft-slow-craft,
  #wp-block-about-hero > .tft-material-explorer,
  #wp-block-about-hero > .tft-philosophy-layout,
  #wp-block-about-hero > .tft-values-grid,
  #wp-block-about-hero > .tft-shop-catalog__header,
  #wp-block-about-hero > div {
    max-width: 1400px !important;
    width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ── 6b. Kill ALL inline vertical margin gaps ───────────────────────────── */

/* Values section header: inline style="margin-top: 100px" */
#wp-block-about-hero > .tft-shop-catalog__header {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: clamp(36px, 4.5vw, 52px) !important;
  padding-block-end: clamp(16px, 2vw, 24px) !important;
}

/* Philosophy layout: inline style="margin-block: 60px" */
#wp-block-about-hero > .tft-philosophy-layout {
  margin-block: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-block: clamp(36px, 4.5vw, 52px) !important;
}

/* Values grid: inline style="margin-block-end: 60px" */
#wp-block-about-hero > .tft-values-grid {
  margin-block-end: 0 !important;
  margin-bottom: 0 !important;
  padding-block-end: clamp(36px, 4.5vw, 52px) !important;
}

/* Material explorer: inline style="margin-block-start: 100px" */
#wp-block-material-swatch-explorer {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

/* Slow craft: inline style="margin-block-start:100px; margin-block-end:100px" */
#wp-block-slow-craft-timeline {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}

/* ── 6c. Section vertical rhythm — tight, consistent, editorial ─────────── */
/* Stats band: compact height */
.tft-sustainability-stats {
  padding-block: clamp(36px, 4vw, 52px) !important;
}
/* Artisans section */
.tft-artisans-sec {
  padding-block: clamp(36px, 4vw, 52px) !important;
}
/* Material explorer */
.tft-material-explorer {
  padding-block: clamp(36px, 4vw, 52px) !important;
}
/* Slow craft */
.tft-slow-craft {
  padding-block: clamp(36px, 4vw, 52px) !important;
}

/* =========================================================================
   7. About Page — Slow Craft Timeline (Premium 2×2 Card Grid)
   ========================================================================= */

.tft-slow-craft__container {
  max-width: 1400px;
  width: 100%;
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}

/* 2-column card grid with CSS counter decorative numbers */
.tft-slow-craft__timeline {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12px, 1.6vw, 20px);
  counter-reset: tft-craft-step;
}

.tft-slow-craft__line {
  display: none;
}

/* Each step — premium card */
.tft-slow-craft__step {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: 16px;
  padding: clamp(24px, 2.5vw, 36px);
  position: relative;
  overflow: hidden;
  counter-increment: tft-craft-step;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

.tft-slow-craft__step:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--fur-text-primary) 7%, transparent);
}

/* Large faded step number — decorative, bottom-right */
.tft-slow-craft__step::after {
  content: "0" counter(tft-craft-step);
  position: absolute;
  inset-block-end: -12px;
  inset-inline-end: 16px;
  font-family: var(--fur-font-serif);
  font-size: clamp(5rem, 8vw, 7rem);
  font-weight: 800;
  color: var(--fur-border);
  line-height: 1;
  letter-spacing: -0.04em;
  pointer-events: none;
  user-select: none;
}

.tft-slow-craft__node {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background-color: var(--fur-bg);
  border: 1.5px solid var(--fur-border);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--fur-text-primary);
  transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.tft-slow-craft__step:hover .tft-slow-craft__node {
  border-color: var(--fur-accent);
  background-color: var(--fur-accent);
  color: var(--fur-bg);
}

.tft-slow-craft__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.tft-slow-craft__phase {
  display: block;
  font-family: var(--fur-font-sans);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fur-accent);
}

.tft-slow-craft__step-title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  font-weight: 600;
  color: var(--fur-text-primary);
  line-height: 1.3;
}

.tft-slow-craft__step-desc {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.83rem, 1.1vw, 0.9rem);
  color: var(--fur-text-secondary);
  line-height: 1.7;
}

/* =========================================================================
   8. About Page — Sustainability Stats
   ========================================================================= */

.tft-sustainability-stats {
  background-color: var(--fur-ref-green-900, #2a3d2f);
  width: 100%;
}

.tft-sustainability-stats__container {
  max-width: 1400px;
  width: 100%;
  margin-inline: auto;
  padding-inline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(40px, 8vw, 120px);
  flex-wrap: wrap;
  box-sizing: border-box;
}

.tft-sustainability-stats__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.tft-sustainability-stats__icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--fur-cream, #f5f0e8) 25%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fur-cream, #f5f0e8);
}

.tft-sustainability-stats__val {
  font-family: var(--fur-font-serif);
  font-size: clamp(2.2rem, 4.5vw, 3.5rem);
  font-weight: 700;
  color: var(--fur-cream, #f5f0e8);
  line-height: 1;
}

.tft-sustainability-stats__label {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--fur-cream, #f5f0e8) 65%, transparent);
}

/* =========================================================================
   9. About Page — Artisans Grid
   ========================================================================= */

.tft-artisans-sec {
  background-color: var(--fur-bg);
  width: 100%;
}

.tft-artisans-sec__container {
  max-width: 1400px;
  width: 100%;
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}

.tft-artisans-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(20px, 2.5vw, 32px);
}

.tft-artisans-card {
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-lg);
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

.tft-artisans-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--fur-shadow-lg);
}

.tft-artisans-card__img-wrap {
  aspect-ratio: 1;
  overflow: hidden;
}

.tft-artisans-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.tft-artisans-card:hover .tft-artisans-card__img {
  transform: scale(1.04);
}

.tft-artisans-card__body {
  padding: clamp(18px, 2.5vw, 28px);
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.tft-artisans-card__name {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  font-weight: 600;
  color: var(--fur-text-primary);
}

.tft-artisans-card__role {
  font-family: var(--fur-font-sans);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fur-accent);
}

.tft-artisans-card__bio {
  font-family: var(--fur-font-sans);
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--fur-text-secondary);
  margin-block-start: 2px;
}

/* ── Mobile responsive adjustments ─────────────────────────────────────── */
@media (max-width: 768px) {
  .tft-slow-craft__timeline {
    grid-template-columns: 1fr;
  }
  .tft-sustainability-stats__container {
    gap: 32px;
    padding-inline: 20px;
  }
  .tft-artisans-grid {
    grid-template-columns: 1fr;
  }
  /* Tighter mobile section padding */
  .tft-sustainability-stats,
  .tft-artisans-sec,
  .tft-material-explorer,
  .tft-slow-craft {
    padding-block: clamp(28px, 5vw, 40px) !important;
  }
}


/* ── End of About Page Normalisation and Redesign overrides ── */

/* ── About Page Sustainability Stats Premium Redesign ──────────────────── */
body.tft-redesign-layout .tft-sustainability-stats {
  display: block !important;
  background-color: var(--fur-ref-green-900) !important;
  padding-block: clamp(60px, 8vw, 100px) !important;
  border-radius: 0 !important;
}

body.tft-redesign-layout .tft-sustainability-stats__container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: clamp(20px, 2.5vw, 32px) !important;
}

body.tft-redesign-layout .tft-sustainability-stats__item {
  flex: 1 1 300px !important;
  max-width: 400px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 20px !important;
  padding: clamp(32px, 4vw, 48px) clamp(24px, 3vw, 36px) !important;
  background-color: color-mix(in srgb, var(--fur-ref-white) 3%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 8%, transparent) !important;
  border-radius: var(--fur-radius-lg) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-sustainability-stats__item:hover {
  transform: translateY(-6px) !important;
  background-color: color-mix(in srgb, var(--fur-ref-white) 6%, transparent) !important;
  border-color: color-mix(in srgb, var(--fur-ref-white) 15%, transparent) !important;
  box-shadow: 0 20px 40px color-mix(in srgb, var(--fur-ref-charcoal) 25%, transparent) !important;
}

body.tft-redesign-layout .tft-sustainability-stats__icon {
  margin-block-end: 0 !important;
  background-color: color-mix(in srgb, var(--fur-ref-white) 5%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--fur-ref-white) 10%, transparent) !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: var(--fur-radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fur-ref-beige-50) !important;
}

body.tft-redesign-layout .tft-sustainability-stats__val {
  font-size: clamp(2.2rem, 3.5vw, 3rem) !important;
  font-family: var(--fur-font-serif) !important;
  font-weight: 700 !important;
  color: var(--fur-ref-beige-50) !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body.tft-redesign-layout .tft-sustainability-stats__label {
  font-size: 0.72rem !important;
  font-family: var(--fur-font-sans) !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--fur-ref-beige-50) 75%, transparent) !important;
  margin: 0 !important;
}

/* ==========================================================================
   TFT REDESIGN - HERO OVERLAYS READABILITY ADJUSTMENTS (APPEND-ONLY)
   ========================================================================== */

:root {
  --fur-ref-overlay-dark: color-mix(in srgb, var(--fur-ref-charcoal) 60%, transparent);
}

body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-page-header__overlay,
.tft-blog-hero__overlay {
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--fur-ref-forest-900) 93%, transparent) 0%,
    color-mix(in srgb, var(--fur-ref-forest-900) 45%, transparent) 55%,
    color-mix(in srgb, var(--fur-ref-forest-900) 15%, transparent) 100%
  ) !important;
}

.tft-post-hero__overlay {
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--fur-ref-forest-900) 93%, transparent) 0%,
    color-mix(in srgb, var(--fur-ref-forest-900) 45%, transparent) 55%,
    color-mix(in srgb, var(--fur-ref-forest-900) 15%, transparent) 100%
  ) !important;
}

.tft-chk-hero__overlay {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--fur-ref-charcoal) 55%, transparent) 0%,
    color-mix(in srgb, var(--fur-ref-charcoal) 75%, transparent) 100%
  ) !important;
}

.tft-consult-hero__overlay {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--fur-ref-charcoal) 55%, transparent) 0%,
    color-mix(in srgb, var(--fur-ref-charcoal) 75%, transparent) 100%
  ) !important;
}

.tft-prov-hero__overlay {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--fur-ref-charcoal) 70%, transparent) 0%,
    color-mix(in srgb, var(--fur-ref-charcoal) 35%, transparent) 100%
  ) !important;
}







/* ==========================================================================
   TFT REDESIGN - CURATOR'S NOTEBOARD SECTION (APPEND-ONLY)
   ========================================================================== */

.tft-nb {
  background-color: var(--fur-bg) !important;
  padding-block: clamp(48px, 6vw, 96px) !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.tft-nb__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 48px) !important;
  box-sizing: border-box !important;
}

.tft-nb__header {
  text-align: center !important;
  margin-block-end: clamp(32px, 4.5vw, 64px) !important;
  max-width: 720px !important;
  margin-inline: auto !important;
}

.tft-nb__eyebrow {
  display: block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--fur-accent) !important;
  margin-block-end: 12px !important;
}

.tft-nb__title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(2rem, 3.5vw, 3rem) !important;
  font-weight: 700 !important;
  color: var(--fur-text) !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.15 !important;
}

.tft-nb__title-italic {
  font-style: italic !important;
  font-weight: 400 !important;
}

.tft-nb__subtitle {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.9rem, 1.1vw, 1.05rem) !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.tft-nb__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: clamp(20px, 2.5vw, 36px) !important;
}

.tft-nb__card {
  background-color: var(--fur-surface) !important;
  border: 1px solid var(--fur-border) !important;
  border-radius: var(--fur-radius-lg) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease !important;
}

.tft-nb__card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 40px var(--fur-shadow-lg) !important;
}

.tft-nb__card-media {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  position: relative !important;
}

.tft-nb__card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-nb__card:hover .tft-nb__card-img {
  transform: scale(1.05) !important;
}

.tft-nb__card-body {
  padding: clamp(20px, 2.5vw, 32px) !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.tft-nb__card-tag {
  display: inline-block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--fur-accent) !important;
  margin-block-end: 8px !important;
}

.tft-nb__card-title {
  font-family: var(--fur-font-serif) !important;
  font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  margin: 0 0 12px 0 !important;
}

.tft-nb__card-desc {
  font-family: var(--fur-font-sans) !important;
  font-size: clamp(0.82rem, 1vw, 0.92rem) !important;
  color: var(--fur-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 0 24px 0 !important;
  flex-grow: 1 !important;
}

.tft-nb__palette {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  border-block-start: 1px dashed var(--fur-border) !important;
  padding-block-start: 16px !important;
}

.tft-nb__palette-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.tft-nb__dot {
  width: 14px !important;
  height: 14px !important;
  border-radius: var(--fur-radius-full) !important;
  display: inline-block !important;
}

.tft-nb__swatch-name {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: var(--fur-text) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Responsive Overrides */
@media (max-width: 991px) {
  .tft-nb__grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

body.tft-page-index.tft-redesign-layout .tft-category-deck {
  margin-block-end: 0 !important;
}



/* ==========================================================================
   TFT FURNITURE FINDER - CSS 3D SPATIAL OVERRIDES (INDEX 5)
   ========================================================================== */
/* ==========================================================================
   TFT FURNITURE FINDER - CSS 3D SPATIAL OVERRIDES (INDEX 5)
   ========================================================================== */

/* ------------------------------------------------------------------------
   TABLE OF CONTENTS
   ------------------------------------------------------------------------
   1.  FULLSCREEN VIEWPORT & RESETS ................................ Line 17
   2.  3D SPATIAL CANVAS CONTAINER & SCENE ......................... Line 30
   3.  SPATIAL PRODUCT CARD GRID ITEM & COMPONENTS ................. Line 56
   4.  FLOATING HEADER BAR ......................................... Line 208
   5.  DYNAMIC ISLAND BOTTOM NAVIGATION ............................ Line 290
   6.  SLIDE-IN DETAIL DRAWER ...................................... Line 357
   7.  LOADING OVERLAY SCREEN & ACTION TOASTS ...................... Line 522
   8.  3D TYPOGRAPHY PARALLAX WATERMARK BACKDROP ................... Line 594
   9.  SPATIAL SECTION PLACARDS .................................... Line 633
   ------------------------------------------------------------------------ */

/* Fullscreen Viewport and resets */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: var(--fur-font-sans);
  background-color: var(--fur-bg);
  color: var(--fur-text);
  transition: background-color var(--fur-transition-normal) ease, color var(--fur-transition-normal) ease;
}

/* 3D Spatial Canvas Container */
.tft-fnd-viewport {
  position: fixed;
  inset: 0;
  overflow: hidden;
  perspective: 1200px;
  perspective-origin: 50% 50%;
  z-index: 2;
  cursor: grab;
}

.tft-fnd-viewport:active {
  cursor: grabbing;
}

/* 3D Spatial Scene Pivot Node */
.tft-fnd-scene {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  will-change: transform;
}

/* Spatial Product Card Grid Item */
.tft-fnd-card {
  position: absolute;
  width: 300px;
  height: 400px;
  left: -150px;
  top: -200px;
  transform-style: preserve-3d;
  background-color: var(--fur-surface);
  border: 1px solid var(--fur-border);
  border-radius: var(--fur-radius-md);
  box-shadow: 0 10px 40px var(--fur-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 28px;
  box-sizing: border-box;
  /* NO transform transition here - transform is smoothed programmatically in JS to prevent initial snapping jitter! */
  transition: opacity 0.4s ease, background-color var(--fur-transition-normal) ease, border-color var(--fur-transition-normal) ease, box-shadow 0.4s ease;
  will-change: transform, opacity;
}

.tft-fnd-card:hover {
  box-shadow: 0 20px 50px var(--fur-shadow-lg);
  border-color: var(--fur-primary);
}

/* Corner Specimen Category Badge (Floats above image in Z space, aligned with perfect breathing margins) */
.tft-fnd-card__badge {
  position: absolute;
  top: 24px;
  left: 24px;
  font-size: 0.58rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-text-muted);
  border: 1px solid var(--fur-border-light);
  padding: 4px 10px;
  border-radius: var(--fur-radius-full);
  transform: translateZ(55px);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
  z-index: 5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  transition: background-color var(--fur-transition-normal) ease, border-color var(--fur-transition-normal) ease;
}

body[data-theme="dark"] .tft-fnd-card__badge {
  background: rgba(30, 35, 30, 0.82);
  border-color: rgba(255, 255, 255, 0.08);
}

/* Layer 1: Floating Image Block (Flys lower in spatial coordinate to avoid badge overlap) */
.tft-fnd-card__img-wrap {
  width: 100%;
  height: 52%;
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateZ(30px);
  transform-style: preserve-3d;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.tft-fnd-card__img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-fnd-card:hover .tft-fnd-card__img {
  transform: scale(1.06);
}

/* Layer 2: Card Labels (Flys at mid height in spatial coordinate) */
.tft-fnd-card__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  transform: translateZ(20px);
  pointer-events: none;
  width: 100%;
  position: relative;
  min-height: 60px;
  justify-content: center;
}

.tft-fnd-card__title {
  font-family: var(--fur-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
  margin: 0;
  transition: color 0.3s ease;
}

.tft-fnd-card:hover .tft-fnd-card__title {
  color: var(--fur-primary);
}

/* High-Contrast Bold Pricing Tag - Softer grey by default, transitions on hover */
.tft-fnd-card__price {
  font-family: var(--fur-font-sans);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--fur-text-muted);
  margin: 2px 0 0 0;
  transition: color 0.3s ease;
}

.tft-fnd-card:hover .tft-fnd-card__price {
  color: var(--fur-text);
}

/* Layer 3: Interactive Floating Spec Hint (Smoothly slides in below the price on hover) */
.tft-fnd-card__action-link {
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
  margin-top: 6px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}

.tft-fnd-card:hover .tft-fnd-card__action-link {
  opacity: 1;
  transform: translateY(0);
}

/* Filtering state modifiers */
.tft-fnd-card--dimmed {
  opacity: 0.12;
  pointer-events: none;
}

/* Floating Header Bar (Moved forward in 3D coordinate space to float in front of cards) */
.tft-fnd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px clamp(20px, 4vw, 40px);
  z-index: 15;
  box-sizing: border-box;
  pointer-events: none;
  transform: translateZ(500px);
  transform-style: preserve-3d;
}

.tft-fnd-header__left,
.tft-fnd-header__title,
.fur-theme-switcher {
  pointer-events: auto;
}

.tft-fnd-header__left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tft-fnd-header__logo {
  font-family: var(--fur-font-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--fur-text);
  text-decoration: none;
  line-height: 1;
}

.tft-fnd-header__logo span {
  color: var(--fur-primary);
}

.tft-fnd-header__back-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  font-family: var(--fur-font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-text-muted);
  border: 1px solid var(--fur-border-light);
  padding: 6px 12px;
  border-radius: var(--fur-radius-full);
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: color var(--fur-transition-fast) ease, border-color var(--fur-transition-fast) ease, background-color var(--fur-transition-fast) ease, transform var(--fur-transition-fast) ease;
}

body[data-theme="dark"] .tft-fnd-header__back-btn {
  background: rgba(20, 25, 20, 0.45);
}

.tft-fnd-header__back-btn:hover {
  color: var(--fur-primary);
  border-color: var(--fur-primary);
  background-color: var(--fur-surface);
  transform: translateY(-1px);
}

.tft-fnd-header__title {
  font-family: var(--fur-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-text-muted);
}

/* Dynamic Island Bottom Navigation (Floating above 3D layers) */
.tft-fnd-island-wrap {
  position: fixed;
  bottom: clamp(20px, 4vh, 40px);
  left: 50%;
  transform: translateX(-50%) translateZ(500px);
  transform-style: preserve-3d;
  z-index: 15;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: auto;
  max-width: 95vw;
}

.tft-fnd-island {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--fur-border);
  padding: 6px;
  border-radius: var(--fur-radius-full);
  box-shadow: 0 10px 40px var(--fur-shadow-lg);
  box-sizing: border-box;
  overflow-x: auto;
  max-width: 100%;
}

body[data-theme="dark"] .tft-fnd-island {
  background: rgba(20, 25, 20, 0.6);
}

.tft-fnd-island__btn {
  background: transparent;
  border: none;
  font-family: var(--fur-font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--fur-text);
  padding: 10px clamp(12px, 2vw, 20px);
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: background-color var(--fur-transition-fast) ease, color var(--fur-transition-fast) ease, transform var(--fur-transition-fast) ease;
  white-space: nowrap;
}

.tft-fnd-island__btn:hover {
  transform: scale(1.03);
}

.tft-fnd-island__btn--active {
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
}

.tft-fnd-island__instructions {
  font-size: 0.65rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text-muted);
}

/* Slide-in Detail Drawer */
.tft-fnd-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: clamp(320px, 35vw, 460px);
  background-color: var(--fur-surface);
  border-left: 1px solid var(--fur-border);
  z-index: 20;
  transform: translateX(100%);
  transition: transform var(--fur-transition-slow) cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.tft-fnd-drawer--open {
  transform: translateX(0);
}

.tft-fnd-drawer__body {
  padding: 40px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 22px;
  overflow-y: auto;
  box-sizing: border-box;
}

.tft-fnd-drawer__close {
  align-self: flex-end;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--fur-text);
  padding: 8px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--fur-transition-fast) ease;
}

.tft-fnd-drawer__close:hover {
  background-color: var(--fur-border-light);
}

.tft-fnd-drawer__cat {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-primary);
}

.tft-fnd-drawer__title {
  font-family: var(--fur-font-serif);
  font-size: clamp(1.8rem, 3.5vw, 2.2rem);
  font-weight: 400;
  color: var(--fur-text);
  margin: 0;
}

.tft-fnd-drawer__price {
  font-family: var(--fur-font-serif);
  font-size: 1.5rem;
  color: var(--fur-text);
}

.tft-fnd-drawer__desc {
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
  margin: 0;
}

/* Swatches selector layout */
.tft-fnd-drawer__section {
  border-top: 1px solid var(--fur-border);
  padding-top: 20px;
}

.tft-fnd-drawer__section-title {
  font-family: var(--fur-font-sans);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-text-muted);
  margin: 0 0 12px 0;
}

.tft-fnd-drawer__swatches {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.tft-fnd-drawer__swatch {
  width: 26px;
  height: 26px;
  border-radius: var(--fur-radius-full);
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform var(--fur-transition-fast) ease, border-color var(--fur-transition-fast) ease;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 0;
}

.tft-fnd-drawer__swatch:hover {
  transform: scale(1.1);
}

.tft-fnd-drawer__swatch--active {
  border-color: var(--fur-primary);
  transform: scale(1.1);
}

/* Specs table */
.tft-fnd-drawer__specs {
  border-top: 1px solid var(--fur-border);
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tft-fnd-drawer__spec {
  display: flex;
  justify-content: space-between;
  font-size: 0.78rem;
}

.tft-fnd-drawer__spec-label {
  color: var(--fur-text-muted);
}

.tft-fnd-drawer__spec-val {
  font-weight: 600;
  color: var(--fur-text);
}

.tft-fnd-drawer__btn {
  background-color: var(--fur-primary);
  border: 1px solid var(--fur-primary);
  color: var(--fur-button-text);
  padding: 18px;
  font-family: var(--fur-font-sans);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
  transition: background-color var(--fur-transition-fast) ease, border-color var(--fur-transition-fast) ease;
  margin-top: auto;
}

.tft-fnd-drawer__btn:hover {
  background-color: var(--fur-primary-hover);
  border-color: var(--fur-primary-hover);
}

/* Loading Overlay Screen */
.tft-fnd-loader {
  position: fixed;
  inset: 0;
  background-color: var(--fur-bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  z-index: 100;
  transition: opacity 0.5s ease;
}

.tft-fnd-loader__spinner {
  width: 40px;
  height: 40px;
  border: 2px solid var(--fur-border);
  border-top-color: var(--fur-primary);
  border-radius: var(--fur-radius-full);
  animation: tft-spin 0.8s linear infinite;
}

.tft-fnd-loader__text {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-text-muted);
}

@keyframes tft-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Action Feedback Toast */
.tft-fnd-toast {
  position: fixed;
  top: 30px;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  background-color: var(--fur-primary);
  color: var(--fur-button-text);
  padding: 12px 24px;
  border-radius: var(--fur-radius-full);
  font-size: 0.78rem;
  font-weight: 600;
  box-shadow: 0 10px 30px var(--fur-shadow-lg);
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-fnd-toast--visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Scrollbar styling for drawer */
.tft-fnd-drawer__body::-webkit-scrollbar {
  width: 4px;
}
.tft-fnd-drawer__body::-webkit-scrollbar-track {
  background: transparent;
}
.tft-fnd-drawer__body::-webkit-scrollbar-thumb {
  background: var(--fur-border-light);
  border-radius: var(--fur-radius-full);
}

/* 3D Typography Parallax Watermark Backdrop */
.tft-fnd-scene__backdrop {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, -600px);
  transform-style: preserve-3d;
  text-align: center;
  pointer-events: none;
  white-space: nowrap;
  user-select: none;
  opacity: 0.06;
  transition: opacity var(--fur-transition-normal) ease;
}

body[data-theme="dark"] .tft-fnd-scene__backdrop {
  opacity: 0.035;
}

.tft-fnd-scene__backdrop-main {
  font-family: var(--fur-font-serif);
  font-size: clamp(8rem, 24vw, 22rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.15em;
  color: var(--fur-text);
  text-transform: uppercase;
}

.tft-fnd-scene__backdrop-sub {
  font-family: var(--fur-font-sans);
  font-size: clamp(0.7rem, 2vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.35em;
  color: var(--fur-text);
  margin-top: 20px;
  text-transform: uppercase;
}

/* Spatial Section Placards */
.tft-fnd-placard {
  position: absolute;
  left: 0;
  top: 0;
  transform-style: preserve-3d;
  pointer-events: none;
  white-space: nowrap;
  user-select: none;
}

.tft-fnd-placard__label {
  font-family: var(--fur-font-sans);
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--fur-text-muted);
  opacity: 0.45;
  border-bottom: 1px solid var(--fur-border-light);
  padding-bottom: 6px;
}


/* ==========================================================================
   ROOM COMPOSER COMPONENT STYLES (INDEX 6)
   ========================================================================== */
/* ==========================================================================
   ROOM COMPOSER COMPONENT STYLES
   WP-CONVERSION READY & RTL COMPLIANT
   ========================================================================== */

/* ------------------------------------------------------------------------
   TABLE OF CONTENTS
   ------------------------------------------------------------------------
   1.  APP LAYOUT & CONTAINERS ..................................... Line 20
   2.  LOADER SCREEN ............................................... Line 39
   3.  THREE COLUMN LAYOUT GRID & PANELS ........................... Line 193
   4.  LEFT PANEL PRESETS & CATALOGS ............................... Line 235
   5.  CENTER CANVAS VIEWPORT & LAYER SPRITES ....................... Line 418
   6.  RIGHT PANEL SPEC Drawer & CART .............................. Line 587
   7.  AXONOMETRIC PERSPECTIVE 3D RENDER FIXES ..................... Line 1021
   8.  3D GLASSMORPHIC CUBE PEDESTALS .............................. Line 1362
   9.  RESPONSIVE MOBILE VIEWPORT OVERRIDES ........................ Line 1500
   ------------------------------------------------------------------------ */

/* App Layout & Containers */
.tft-rc-body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  background-color: var(--fur-bg);
  color: var(--fur-text);
  font-family: var(--fur-font-sans);
}

.tft-rc-app {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
}

/* Loader Screen */
.tft-rc-loader {
  position: fixed;
  inset: 0;
  background-color: var(--fur-bg-secondary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.tft-rc-loader--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.tft-rc-loader__blueprint {
  color: var(--fur-primary);
  margin-bottom: 20px;
  animation: tftBlueprintPulse 2s infinite ease-in-out;
}
.tft-rc-loader__text {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--fur-text);
  margin-bottom: 15px;
}
.tft-rc-loader__bar {
  width: 150px;
  height: 3px;
  background-color: var(--fur-border-light);
  border-radius: var(--fur-radius-full);
  overflow: hidden;
}
.tft-rc-loader__bar-fill {
  width: 30%;
  height: 100%;
  background-color: var(--fur-primary);
  border-radius: var(--fur-radius-full);
  animation: tftLoaderFill 1.5s infinite ease-in-out;
}

@keyframes tftBlueprintPulse {
  0%, 100% { opacity: 0.7; transform: scale(0.98); }
  50% { opacity: 1; transform: scale(1.02); }
}
@keyframes tftLoaderFill {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* Header styling */
.tft-rc-header {
  height: 65px;
  background-color: var(--fur-bg-secondary);
  border-bottom: 1px solid var(--fur-border-light);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 20px;
  box-sizing: border-box;
  z-index: 10;
}
.tft-rc-header__left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tft-rc-header__logo {
  font-family: var(--fur-font-serif);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--fur-text);
  text-decoration: none;
  line-height: 1;
}
.tft-rc-header__logo span {
  color: var(--fur-primary);
}
.tft-rc-header__back {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-text-muted);
  border: 1px solid var(--fur-border-light);
  padding: 5px 10px;
  border-radius: var(--fur-radius-full);
  transition: all var(--fur-transition-fast);
}
.tft-rc-header__back:hover {
  color: var(--fur-primary);
  border-color: var(--fur-primary);
}
.tft-rc-header__divider {
  width: 1px;
  height: 20px;
  background-color: var(--fur-border-light);
}
.tft-rc-header__title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-text);
}
.tft-rc-header__center {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--fur-text-muted);
  max-width: 400px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tft-rc-hbtn {
  background: none;
  border: 1px solid var(--fur-border-light);
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fur-text);
  padding: 8px 16px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all var(--fur-transition-fast);
}
.tft-rc-hbtn:hover {
  background-color: var(--fur-bg);
  border-color: var(--fur-text-muted);
}
.tft-rc-hbtn--primary {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}
.tft-rc-hbtn--primary:hover {
  background-color: var(--fur-ref-charcoal);
  border-color: var(--fur-ref-charcoal);
}

/* Three Column Layout Grid */
.tft-rc-main {
  flex: 1;
  display: grid;
  grid-template-columns: 280px 1fr 340px;
  height: calc(100vh - 65px);
  overflow: hidden;
  box-sizing: border-box;
}

/* Panels */
.tft-rc-panel {
  background-color: var(--fur-bg-secondary);
  overflow-y: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.tft-rc-panel--left {
  border-inline-end: 1px solid var(--fur-border-light);
}
.tft-rc-panel--right {
  border-inline-start: 1px solid var(--fur-border-light);
}
.tft-rc-panel__section {
  padding: 20px;
  border-bottom: 1px solid var(--fur-border-light);
}
.tft-rc-panel__section--controls {
  margin-top: auto;
  background-color: rgba(0, 0, 0, 0.02);
}
.tft-rc-panel__heading {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--fur-text-muted);
  margin-top: 0;
  margin-bottom: 15px;
}

/* Left panel presets & custom input */
.tft-rc-presets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.tft-rc-preset-btn {
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  padding: 12px 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  transition: all var(--fur-transition-fast);
}
.tft-rc-preset-btn svg {
  color: var(--fur-text-muted);
  transition: color var(--fur-transition-fast);
}
.tft-rc-preset-btn span {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fur-text);
}
.tft-rc-preset-btn:hover {
  border-color: var(--fur-primary);
  background-color: var(--fur-bg-secondary);
}
.tft-rc-preset-btn:hover svg {
  color: var(--fur-primary);
}
.tft-rc-preset-btn--active {
  border-color: var(--fur-primary);
  background-color: rgba(136, 170, 102, 0.08); /* faint green tint */
}
.tft-rc-preset-btn--active svg {
  color: var(--fur-primary);
}

.tft-rc-field {
  margin-bottom: 12px;
}
.tft-rc-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fur-text);
  margin-bottom: 6px;
}
.tft-rc-input-row {
  display: flex;
  position: relative;
  align-items: center;
}
.tft-rc-input {
  width: 100%;
  padding: 8px 30px 8px 12px;
  font-family: inherit;
  font-size: 0.82rem;
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  background-color: var(--fur-bg);
  color: var(--fur-text);
  box-sizing: border-box;
}
.tft-rc-input-unit {
  position: absolute;
  right: 12px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--fur-text-muted);
}
.tft-rc-btn {
  background: none;
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 10px 18px;
  border-radius: var(--fur-radius-sm);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
  text-align: center;
  border: 1px solid var(--fur-border-light);
}
.tft-rc-btn--full {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.tft-rc-btn--primary {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}
.tft-rc-btn--primary:hover {
  background-color: var(--fur-ref-charcoal);
  border-color: var(--fur-ref-charcoal);
}

.tft-rc-setting-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.tft-rc-setting-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--fur-text);
}
.tft-rc-seg {
  display: flex;
  background-color: var(--fur-bg);
  padding: 3px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border-light);
}
.tft-rc-seg__btn {
  background: none;
  border: none;
  font-family: inherit;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
}
.tft-rc-seg__btn--active {
  background-color: var(--fur-bg-secondary);
  color: var(--fur-text);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.tft-rc-toggle-btn {
  background: none;
  font-family: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  border: 1px solid var(--fur-border-light);
  padding: 4px 8px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}
.tft-rc-toggle-btn--on {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white);
}

.tft-rc-shortcuts {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tft-rc-shortcuts li {
  font-size: 0.68rem;
  color: var(--fur-text-muted);
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tft-rc-shortcuts kbd {
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border-light);
  border-radius: 3px;
  padding: 2px 5px;
  font-family: monospace;
  font-weight: bold;
}

/* Center Canvas Column */
.tft-rc-center {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--fur-bg);
  overflow: hidden;
  height: 100%;
}
.tft-rc-toolbar {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-full);
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
body[data-theme="dark"] .tft-rc-toolbar {
  background-color: rgba(20, 25, 20, 0.72);
}
.tft-rc-tool {
  background: none;
  border: none;
  color: var(--fur-text);
  width: 28px;
  height: 28px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}
.tft-rc-tool:hover {
  background-color: var(--fur-bg-secondary);
  color: var(--fur-primary);
}
.tft-rc-toolbar__sep {
  width: 1px;
  height: 16px;
  background-color: var(--fur-border-light);
  margin-horizontal: 4px;
}
.tft-rc-tool--view {
  width: auto;
  padding-inline: 10px;
  font-family: inherit;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  gap: 5px;
}
.tft-rc-tool--active {
  background-color: var(--fur-primary);
  color: var(--fur-ref-white) !important;
}

/* Canvas Viewport Wrap */
.tft-rc-canvas-wrap {
  flex: 1;
  position: relative;
  overflow: hidden;
  cursor: grab;
}
.tft-rc-canvas-wrap--grabbing {
  cursor: grabbing;
}
#tft-rc-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

/* Axo Layer Sprites */
.tft-rc-axo-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: none; /* Only visible in Axo Mode */
}
.tft-rc-sprite {
  position: absolute;
  transform-style: preserve-3d;
  width: 0;
  height: 0;
}
.tft-rc-sprite__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0) rotateZ(-45deg) rotateX(-90deg);
  transform-origin: bottom center;
  pointer-events: auto;
  cursor: pointer;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.22));
  transition: filter var(--fur-transition-fast), transform var(--fur-transition-fast);
}
.tft-rc-sprite__img:hover {
  filter: drop-shadow(0 16px 32px var(--fur-primary));
  transform: translate(-50%, 0) rotateZ(-45deg) rotateX(-90deg) scale(1.05);
}

/* Placement Hint */
.tft-rc-placement-hint {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 8px 16px;
  border-radius: var(--fur-radius-full);
  box-shadow: 0 4px 16px rgba(136, 170, 102, 0.25);
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.tft-rc-placement-hint--visible {
  opacity: 1;
}

/* Stats Footer */
.tft-rc-stats {
  height: 35px;
  background-color: var(--fur-bg-secondary);
  border-top: 1px solid var(--fur-border-light);
  display: flex;
  align-items: center;
  padding-inline: 15px;
  font-size: 0.68rem;
  color: var(--fur-text-muted);
  box-sizing: border-box;
}
.tft-rc-stats__sep {
  margin-inline: 10px;
  opacity: 0.5;
}
.tft-rc-stats__autosave {
  margin-inline-start: auto;
  font-weight: 600;
  color: var(--fur-primary);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.tft-rc-stats__autosave--visible {
  opacity: 1;
}

/* Right Panel: Cart Layout list */
.tft-rc-cart {
  display: flex;
  flex-direction: column;
  max-height: 250px;
  border-bottom: 1px solid var(--fur-border-light);
  background-color: rgba(0, 0, 0, 0.01);
}
.tft-rc-cart__head {
  padding: 15px 20px 8px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tft-rc-cart__badge {
  font-size: 0.62rem;
  font-weight: 700;
  color: var(--fur-ref-white);
  background-color: var(--fur-primary);
  width: 18px;
  height: 18px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tft-rc-cart__list {
  flex: 1;
  overflow-y: auto;
  padding-inline: 20px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tft-rc-cart__empty {
  font-size: 0.72rem;
  color: var(--fur-text-muted);
  text-align: center;
  margin-vertical: 20px;
  font-style: italic;
}
.tft-rc-cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  padding: 8px 12px;
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}
.tft-rc-cart-item:hover {
  border-color: var(--fur-primary);
}
.tft-rc-cart-item__left {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tft-rc-cart-item__name {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text);
  letter-spacing: 0.02em;
}
.tft-rc-cart-item__desc {
  font-size: 0.62rem;
  color: var(--fur-text-muted);
}
.tft-rc-cart-item__right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tft-rc-cart-item__price {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--fur-text);
}
.tft-rc-cart-item__delete {
  background: none;
  border: none;
  font-size: 1.1rem;
  cursor: pointer;
  color: var(--fur-ref-grey-500);
  line-height: 1;
}
.tft-rc-cart-item__delete:hover {
  color: var(--fur-primary);
}

.tft-rc-cart-item--hovered {
  border-color: var(--fur-primary);
  background-color: rgba(136, 170, 102, 0.04);
}

.tft-rc-cart__footer {
  padding: 12px 20px 15px 20px;
  border-top: 1px solid var(--fur-border-light);
  background-color: var(--fur-bg-secondary);
}
.tft-rc-cart__total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 0.75rem;
}
.tft-rc-cart__total-row span {
  font-weight: 600;
  color: var(--fur-text-muted);
}
.tft-rc-cart__total-row strong {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--fur-text);
}

/* Right Panel: Catalog List */
.tft-rc-catalog {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
  box-sizing: border-box;
}
.tft-rc-catalog__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.tft-rc-cat-btn {
  background: none;
  border: 1px solid var(--fur-border-light);
  font-family: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 4px 10px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  color: var(--fur-text-muted);
  transition: all var(--fur-transition-fast);
}
.tft-rc-cat-btn:hover {
  border-color: var(--fur-primary);
  color: var(--fur-text);
}
.tft-rc-cat-btn--active {
  background-color: var(--fur-primary);
  border-color: var(--fur-primary);
  color: var(--fur-ref-white) !important;
}
.tft-rc-catalog__list {
  flex: 1;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.tft-rc-prod-card {
  display: flex;
  background-color: var(--fur-bg);
  border: 1px solid var(--fur-border-light);
  border-radius: var(--fur-radius-sm);
  padding: 10px;
  gap: 12px;
  transition: border-color 0.3s ease;
  position: relative;
}
.tft-rc-prod-card:hover {
  border-color: var(--fur-primary);
}
.tft-rc-prod-card__img-wrap {
  width: 60px;
  height: 60px;
  background-color: var(--fur-bg-secondary);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tft-rc-prod-card__img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.tft-rc-prod-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tft-rc-prod-card__title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text);
  margin: 0 0 2px 0;
  letter-spacing: 0.02em;
}
.tft-rc-prod-card__spec {
  font-size: 0.62rem;
  color: var(--fur-text-muted);
  margin-bottom: 4px;
}
.tft-rc-prod-card__price {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fur-primary);
}
.tft-rc-prod-card__btn {
  align-self: center;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  border: none;
  font-family: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 6px 12px;
  border-radius: var(--fur-radius-full);
  cursor: pointer;
  transition: all var(--fur-transition-fast);
}
.tft-rc-prod-card__btn:hover {
  background-color: var(--fur-ref-charcoal);
}

.tft-rc-prod-card__check {
  position: absolute;
  top: 6px;
  right: 6px;
  background-color: var(--fur-primary);
  color: var(--fur-ref-white);
  width: 14px;
  height: 14px;
  border-radius: var(--fur-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: bold;
}

/* Hover Floating Item Toolbar */
.tft-rc-item-toolbar {
  position: absolute;
  z-index: 50;
  background-color: var(--fur-ref-charcoal);
  border-radius: 4px;
  padding: 4px;
  display: flex;
  gap: 2px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transform: translate(-50%, -100%);
  margin-top: -10px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0.2s;
  pointer-events: auto;
}
.tft-rc-item-toolbar--visible {
  visibility: visible;
  opacity: 1;
}
.tft-rc-item-toolbar__btn {
  background: none;
  border: none;
  color: var(--fur-ref-white);
  font-family: inherit;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 3px;
  transition: background-color 0.2s;
}
.tft-rc-item-toolbar__btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.tft-rc-item-toolbar__btn--danger:hover {
  background-color: hsl(0, 70%, 45%);
}

/* Detail Drawer Layout */
.tft-rc-overlay {
  position: fixed;
  inset: 0;
  background-color: var(--fur-ref-overlay-dark);
  z-index: 60;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s;
}
.tft-rc-overlay--visible {
  opacity: 1;
  visibility: visible;
}
.tft-rc-drawer {
  position: fixed;
  top: 0;
  right: -450px;
  width: 400px;
  height: 100vh;
  background-color: var(--fur-bg-secondary);
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.08);
  z-index: 70;
  transition: transform var(--fur-transition-normal);
  box-sizing: border-box;
}
.tft-rc-drawer--visible {
  transform: translateX(-450px);
}
.tft-rc-drawer__body {
  height: 100%;
  overflow-y: auto;
  padding: 40px 30px;
  box-sizing: border-box;
  position: relative;
}
.tft-rc-drawer__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 1.8rem;
  cursor: pointer;
  color: var(--fur-text-muted);
  line-height: 1;
}
.tft-rc-drawer__close:hover {
  color: var(--fur-primary);
}

.tft-rc-detail {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tft-rc-detail__img-wrap {
  width: 100%;
  height: 250px;
  background-color: var(--fur-bg);
  border-radius: var(--fur-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.tft-rc-detail__img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.tft-rc-detail__title {
  font-family: var(--fur-font-serif);
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  color: var(--fur-text);
}
.tft-rc-detail__price {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--fur-primary);
}
.tft-rc-detail__spec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  background-color: var(--fur-bg);
  padding: 15px;
  border-radius: var(--fur-radius-sm);
  border: 1px solid var(--fur-border-light);
}
.tft-rc-detail__spec-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tft-rc-detail__spec-label {
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--fur-text-muted);
}
.tft-rc-detail__spec-val {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--fur-text);
}
.tft-rc-detail__desc {
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--fur-text-muted);
}

/* Toast styling */
.tft-rc-toast {
  position: fixed;
  bottom: 25px;
  left: 25px;
  background-color: var(--fur-ref-charcoal);
  color: var(--fur-ref-white);
  padding: 12px 24px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  z-index: 90;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
}
.tft-rc-toast--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Axonometric Perspective Mode Override */
.tft-rc-canvas-wrap--axo {
  perspective: 1500px;
}
.tft-rc-canvas-wrap--axo #tft-rc-canvas {
  transform: rotateX(var(--axo-rx, 55deg)) rotateZ(var(--axo-rz, 45deg)) !important;
  transform-origin: center center;
  box-shadow: -15px 15px 35px rgba(0, 0, 0, 0.15);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.tft-rc-canvas-wrap--axo .tft-rc-axo-layer {
  display: block;
  transform: rotateX(var(--axo-rx, 55deg)) rotateZ(var(--axo-rz, 45deg)) translateZ(2px) !important;
  transform-origin: center center;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   PRINT STYLES (PDF Spec Sheet Mode)
   ========================================================================== */
.tft-rc-print-view {
  display: none;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 1.5cm;
  }
  
  body * {
    visibility: hidden;
  }
  
  .tft-rc-print-view,
  .tft-rc-print-view * {
    visibility: visible;
  }
  
  .tft-rc-print-view {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #1a1a1a !important;
    background-color: #ffffff !important;
    font-family: Arial, sans-serif;
  }
  
  .tft-rc-print-view__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #1a1a1a;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  
  .tft-rc-print-view__logo {
    font-size: 2.2rem;
    font-weight: 700;
    font-family: Georgia, serif;
    color: #1a1a1a;
  }
  .tft-rc-print-view__logo span {
    color: #88aa66;
  }
  
  .tft-rc-print-view__title {
    font-size: 1.4rem;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  
  .tft-rc-print-view__meta {
    font-size: 0.75rem;
    color: #666;
    margin: 3px 0 0 0;
  }
  
  .tft-rc-print-view__diagram {
    width: 100%;
    height: 320px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  
  .tft-rc-print-view__diagram img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .tft-rc-print-view__room-info {
    font-size: 0.85rem;
    line-height: 1.5;
    margin-bottom: 25px;
    padding: 12px;
    background-color: #f5f5f5;
    border-radius: 4px;
  }
  
  .tft-rc-print-view__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
  }
  
  .tft-rc-print-view__table th,
  .tft-rc-print-view__table td {
    padding: 10px;
    font-size: 0.8rem;
    text-align: left;
    border-bottom: 1px solid #eee;
  }
  
  .tft-rc-print-view__table th {
    font-weight: 700;
    background-color: #f9f9f9;
    border-bottom: 2px solid #ccc;
    text-transform: uppercase;
  }
  
  .tft-rc-print-view__total-row td {
    font-weight: 700;
    font-size: 0.95rem;
    border-top: 2px solid #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
  }
  
  .tft-rc-print-view__footer {
    font-size: 0.7rem;
    color: #888;
    text-align: center;
    margin-top: 50px;
    border-top: 1px solid #eee;
    padding-top: 15px;
  }
}

/* Responsive Overrides */
@media (max-width: 1024px) {
  .tft-rc-main {
    grid-template-columns: 240px 1fr 280px;
  }
}

@media (max-width: 768px) {
  .tft-rc-main {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
  .tft-rc-panel {
    height: auto;
    max-height: none;
    overflow-y: visible;
  }
  .tft-rc-panel--left {
    border-inline-end: none;
    border-bottom: 1px solid var(--fur-border-light);
  }
  .tft-rc-panel--right {
    border-inline-start: none;
    border-top: 1px solid var(--fur-border-light);
  }
  .tft-rc-center {
    height: 400px;
  }
  .tft-rc-drawer {
    width: 100%;
    right: -100%;
  }
  .tft-rc-drawer--visible {
    transform: translateX(-100%);
  }
}

/* Interactive Sprite Active Selection Glow */
.tft-rc-sprite__img--selected {
  filter: drop-shadow(0 16px 32px var(--fur-primary)) brightness(1.05) !important;
}

/* Right Panel Separation: Elegant Card Layouts */
.tft-rc-panel--right {
  padding: 16px !important;
  gap: 16px !important;
  display: flex !important;
  flex-direction: column !important;
}

.tft-rc-cart {
  max-height: 280px !important;
  background-color: var(--fur-bg) !important;
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
  overflow: hidden !important;
  border-bottom: none !important;
}

.tft-rc-cart__head {
  padding: 14px 16px 8px 16px !important;
  background-color: var(--fur-bg-secondary) !important;
  border-bottom: 1px solid var(--fur-border-light) !important;
}

.tft-rc-cart__list {
  padding: 12px 16px !important;
}

.tft-rc-cart__footer {
  padding: 12px 16px !important;
  background-color: var(--fur-bg-secondary) !important;
}

.tft-rc-catalog {
  background-color: var(--fur-bg) !important;
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-md) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

/* Drag and Drop Canvas Visual Feedback */
.tft-rc-canvas-wrap--dragover {
  box-shadow: inset 0 0 0 2px var(--fur-primary) !important;
  background-color: rgba(136, 170, 102, 0.03) !important;
  transition: all 0.2s ease;
}

/* Axonometric Perspective 3D Rendering Fixes */
.tft-rc-canvas-wrap--axo {
  transform-style: preserve-3d !important;
  overflow: visible !important;
}

.tft-rc-canvas-wrap--axo #tft-rc-canvas {
  z-index: 1 !important;
}

/* Avoid Blink/WebKit 3D display:none flattening bug by keeping it display:block always */
.tft-rc-axo-layer {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  transform-style: preserve-3d !important;
}

.tft-rc-canvas-wrap--axo .tft-rc-axo-layer {
  visibility: visible !important;
  opacity: 1 !important;
  transform: rotateX(var(--axo-rx, 55deg)) rotateZ(var(--axo-rz, 45deg)) translateZ(2px) !important;
  transform-style: preserve-3d !important;
  z-index: 2 !important;
}

.tft-rc-sprite {
  width: auto !important;
  height: auto !important;
}

.tft-rc-sprite__img {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: rotateZ(-45deg) rotateX(-55deg) translateY(-35%) scale(1.3) !important;
  transform-origin: bottom center !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}

.tft-rc-sprite__img:hover {
  transform: rotateZ(-45deg) rotateX(-55deg) translateY(-35%) scale(1.38) !important;
}

/* Left Panel Slide & Workspace Resize Transitions */
.tft-rc-main {
  transition: grid-template-columns 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.tft-rc-main--collapsed-left {
  grid-template-columns: 0px 1fr 340px !important;
}
.tft-rc-panel--left {
  position: relative !important;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s !important;
  transform-origin: left center !important;
}
.tft-rc-main--collapsed-left .tft-rc-panel--left {
  transform: translateX(-100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Collapse Handle Tab positioning & styling */
.tft-rc-panel-collapse {
  position: absolute !important;
  top: 50% !important;
  right: -16px !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 50px !important;
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border-light) !important;
  border-left: none !important;
  border-radius: 0 var(--fur-radius-md) var(--fur-radius-md) 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 100 !important;
  padding: 0 !important;
  color: var(--fur-text-muted) !important;
  transition: background-color var(--fur-transition-fast), color var(--fur-transition-fast) !important;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.03) !important;
}
.tft-rc-panel-collapse:hover {
  background-color: var(--fur-primary) !important;
  color: var(--fur-ref-white) !important;
}
.tft-rc-panel-collapse svg {
  transition: transform 0.4s ease !important;
}
.tft-rc-panel-collapse--collapsed svg {
  transform: rotate(180deg) !important;
}

/* 3D Glassmorphic Cube Pedestals */
.tft-rc-cube {
  transform-style: preserve-3d !important;
  position: absolute !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.tft-cube-face {
  position: absolute !important;
  top: 0;
  left: 0;
  box-sizing: border-box !important;
  transform-style: preserve-3d !important;
  transform-origin: top left !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  pointer-events: none !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}

body[data-theme="dark"] .tft-cube-face {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.tft-cube-face--top {
  border: 1.5px solid rgba(0, 0, 0, 0.25) !important;
}

body[data-theme="dark"] .tft-cube-face--top {
  border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
}

.tft-cube-face--front {
  border-top: none !important;
}

.tft-cube-face--back {
  border-top: none !important;
}

.tft-cube-face--left {
  border-top: none !important;
}

.tft-cube-face--right {
  border-top: none !important;
}

/* Active 3D Cube Selection Styling */
.tft-rc-cube--selected .tft-cube-face {
  border-color: var(--fur-primary) !important;
  box-shadow: 0 0 16px rgba(88, 102, 74, 0.25) !important;
}

.tft-rc-cube--selected .tft-cube-face--top {
  border-color: var(--fur-primary) !important;
}

/* Background Blending and Drop Shadows */
.tft-rc-sprite__img {
  mix-blend-mode: multiply !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15)) !important;
  transition: filter var(--fur-transition-fast), transform var(--fur-transition-fast) !important;
}

/* Selection and Hover Glowing Outlines */
.tft-rc-sprite__img--selected {
  filter: drop-shadow(0 8px 16px rgba(136, 170, 102, 0.4)) brightness(1.05) !important;
}

.tft-rc-sprite__img:hover {
  filter: drop-shadow(0 8px 16px rgba(136, 170, 102, 0.3)) brightness(1.02) !important;
}

/* 2D Detail Hover Card Popup */
.tft-rc-hover-card {
  position: absolute !important;
  z-index: 1000 !important;
  background-color: var(--fur-bg-secondary) !important;
  border: 1px solid var(--fur-border-light) !important;
  border-radius: var(--fur-radius-lg) !important;
  padding: 10px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translate(-50%, -85%) scale(0.92) !important;
  transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  width: 250px !important;
}

.tft-rc-hover-card--visible {
  opacity: 1 !important;
  transform: translate(-50%, -100%) scale(1) !important;
}

.tft-rc-hcard__img-wrap {
  width: 60px !important;
  height: 60px !important;
  background-color: var(--fur-bg-tertiary) !important;
  border-radius: var(--fur-radius-md) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--fur-border-light) !important;
}

.tft-rc-hcard__img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.tft-rc-hcard__info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.tft-rc-hcard__title {
  font-family: var(--fur-font-primary) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--fur-text-primary) !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

.tft-rc-hcard__specs {
  font-size: 0.72rem !important;
  color: var(--fur-text-muted) !important;
}

.tft-rc-hcard__price {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--fur-primary) !important;
}

/* TFT Custom Shape & Item Resizer input overrides */
#tft-rc-item-customization-sec input[type="number"],
#tft-rc-item-customization-sec input[type="text"] {
  background-color: var(--fur-bg-paper, hsl(0, 0%, 100%));
  color: var(--fur-text, hsl(0, 0%, 11%));
  border: 1px solid var(--fur-border-light, hsl(0, 0%, 88%));
  transition: border-color var(--fur-transition-fast), box-shadow var(--fur-transition-fast);
}
#tft-rc-item-customization-sec input[type="number"]:focus,
#tft-rc-item-customization-sec input[type="text"]:focus {
  border-color: var(--fur-primary);
  outline: none;
  box-shadow: 0 0 0 2px rgba(88, 102, 74, 0.15);
}
body[data-theme="dark"] #tft-rc-item-customization-sec input[type="number"],
body[data-theme="dark"] #tft-rc-item-customization-sec input[type="text"] {
  background-color: hsl(200, 10%, 12%);
  color: hsl(0, 0%, 95%);
  border-color: hsl(200, 8%, 24%);
}


/* ==========================================================================
   5. Full-Screen Layout Fix for Site Header integration
   ========================================================================== */
body.tft-rc-body,
html:has(body.tft-rc-body) {
  overflow: hidden !important;
  height: 100vh !important;
  max-height: 100vh !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

body.tft-rc-body .tft-rc-app {
  height: calc(100vh - var(--tft-header-total-height, 220px)) !important;
  max-height: calc(100vh - var(--tft-header-total-height, 220px)) !important;
  overflow: hidden !important;
}

body.tft-rc-body .tft-rc-main {
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

/* ==========================================================================
   6. Mobile Desktop-Only Overlay Resets
   ========================================================================== */
.tft-rc-desktop-overlay {
  display: none;
}

@media (max-width: 1024px) {
  body.tft-rc-body,
  html:has(body.tft-rc-body) {
    overflow: hidden !important;
    height: 100vh !important;
    max-height: 100vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  body.tft-rc-body .tft-rc-main {
    display: none !important;
  }

  body.tft-rc-body .tft-rc-app {
    height: calc(100vh - var(--tft-header-total-height, 120px)) !important;
    max-height: calc(100vh - var(--tft-header-total-height, 120px)) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--fur-ref-beige-50) !important;
    padding-inline: 16px !important;
    box-sizing: border-box !important;
  }

  .tft-rc-desktop-overlay {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
  }

  .tft-rc-desktop-overlay__card {
    background-color: var(--fur-ref-white) !important;
    border: 1px solid var(--fur-ref-beige-200) !important;
    border-radius: var(--fur-radius-md, 12px) !important;
    padding-inline: clamp(20px, 4vw, 32px) !important;
    padding-block: clamp(32px, 6vw, 48px) !important;
    text-align: center !important;
    box-shadow: 0 10px 30px hsla(0, 0%, 0%, 0.04) !important;
    max-width: 400px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
    box-sizing: border-box !important;
  }

  .tft-rc-desktop-overlay__icon {
    color: var(--fur-ref-green-900) !important;
    background-color: var(--fur-ref-beige-100) !important;
    width: clamp(72px, 15vw, 88px) !important;
    height: clamp(72px, 15vw, 88px) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tft-rc-desktop-overlay__title {
    font-family: var(--fur-font-serif, "Playfair Display", serif) !important;
    font-size: clamp(20px, 4.5vw, 24px) !important;
    font-weight: 600 !important;
    color: var(--fur-ref-charcoal) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  .tft-rc-desktop-overlay__desc {
    font-family: var(--fur-font-sans, sans-serif) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--fur-ref-grey-500) !important;
    margin: 0 !important;
  }

  .tft-rc-desktop-overlay__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--fur-ref-green-900) !important;
    color: var(--fur-ref-white) !important;
    font-family: var(--fur-font-sans, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    padding-inline: 24px !important;
    padding-block: 14px !important;
    border-radius: var(--fur-radius-sm, 6px) !important;
    transition: background-color 0.2s ease !important;
  }

  .tft-rc-desktop-overlay__btn:hover {
    background-color: var(--fur-ref-green-800) !important;
  }
}

/* ==========================================================================
   TFT - 2026 HORIZONTAL MEGA MENU DRIFT & SCROLL LOCK CORRECTIONS
   ========================================================================== */

/* 1. Force absolute positioning relative to the sticky header container to prevent scrolling drift */
body.tft-redesign-layout .tft-mega__panel {
  position: absolute !important;
  top: 100% !important; /* Starts exactly at the bottom of the header */
  transform: translateY(0) !important; /* Reset translateY transition to prevent pixel drift */
}

/* 2. Scroll locking corrections for all layout modes when mega menu is open */
body.tft-mega-open,
body.tft-mega-open .fur-main,
body.tft-mega-open .fur-app-layout {
  overflow: hidden !important;
  height: 100vh !important;
}

/* 3. Smooth transition override for collapsible mobile submenus */
.tft-mobile-drawer__submenu {
  transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), padding-block 0.35s ease, margin-block 0.35s ease, opacity 0.35s ease !important;
}

/* 4. Closed state of responsive submenus: collapse height, padding, margins, borders, and hide completely */
.tft-mobile-drawer__link[aria-expanded="false"] + .tft-mobile-drawer__submenu {
  max-height: 0 !important;
  padding-block: 0 !important;
  margin-block: 0 !important;
  border-block-width: 0 !important;
  border-inline-start-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background-color: transparent !important;
}

/* 5. Open state of responsive submenus: restore opacity */
.tft-mobile-drawer__link[aria-expanded="true"] + .tft-mobile-drawer__submenu {
  opacity: 1 !important;
}

/* ==========================================================================
   TFT - RESPONSIVE MENU READABILITY & CONTRAST OVERRIDES
   ========================================================================== */

/* --- A. LIGHT THEME CONTRAST OVERRIDES --- */
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__link {
  color: var(--fur-ref-charcoal) !important;
  background-color: color-mix(in srgb, var(--fur-ref-charcoal) 3%, transparent) !important;
  border-color: color-mix(in srgb, var(--fur-ref-charcoal) 10%, transparent) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__link:hover,
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__link--active,
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__link[aria-expanded="true"] {
  color: var(--fur-ref-green-900) !important;
  border-color: var(--fur-ref-green-900) !important;
  background-color: color-mix(in srgb, var(--fur-ref-green-900) 5%, transparent) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__chevron {
  color: var(--fur-ref-grey-500) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__link:hover .tft-mobile-drawer__chevron,
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__link--active .tft-mobile-drawer__chevron,
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__link[aria-expanded="true"] .tft-mobile-drawer__chevron {
  color: var(--fur-ref-green-900) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__submenu {
  background-color: var(--fur-ref-beige-100) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__sublink {
  color: var(--fur-ref-grey-500) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__sublink:hover,
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__sublink--active {
  color: var(--fur-ref-green-900) !important;
  background-color: color-mix(in srgb, var(--fur-ref-green-900) 6%, transparent) !important;
}

/* --- B. DARK THEME CONTRAST OVERRIDES --- */
body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__link {
  color: var(--fur-ref-white) !important;
  background-color: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__link:hover,
body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__link--active,
body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__link[aria-expanded="true"] {
  color: var(--fur-ref-lime-400) !important;
  border-color: var(--fur-ref-lime-400) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__chevron {
  color: var(--fur-ref-beige-dark-muted) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__link:hover .tft-mobile-drawer__chevron,
body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__link--active .tft-mobile-drawer__chevron,
body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__link[aria-expanded="true"] .tft-mobile-drawer__chevron {
  color: var(--fur-ref-lime-400) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__submenu {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__sublink {
  color: var(--fur-ref-beige-dark-muted) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__sublink:hover,
body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__sublink--active {
  color: var(--fur-ref-lime-400) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
}

/* --- C. SEARCH BAR CONTRAST OVERRIDES --- */
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__search-input {
  background: color-mix(in srgb, var(--fur-ref-charcoal) 4%, transparent) !important;
  border-color: color-mix(in srgb, var(--fur-ref-charcoal) 12%, transparent) !important;
  color: var(--fur-ref-charcoal) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__search-input::placeholder {
  color: var(--fur-ref-grey-500) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__search-btn {
  color: var(--fur-ref-green-900) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__search-input {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--fur-ref-white) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__search-input::placeholder {
  color: var(--fur-ref-beige-dark-muted) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__search-btn {
  color: var(--fur-ref-lime-400) !important;
}

/* --- D. QUICK CARDS CONTRAST OVERRIDES --- */
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__quick-card {
  background: color-mix(in srgb, var(--fur-ref-charcoal) 3%, transparent) !important;
  border-color: color-mix(in srgb, var(--fur-ref-charcoal) 8%, transparent) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__quick-card:hover {
  background: color-mix(in srgb, var(--fur-ref-green-900) 4%, transparent) !important;
  border-color: var(--fur-ref-green-900) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__quick-title {
  color: var(--fur-ref-charcoal) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__quick-icon {
  color: var(--fur-ref-green-900) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__quick-card {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__quick-card:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--fur-ref-lime-400) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__quick-title {
  color: var(--fur-ref-white) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__quick-icon {
  color: var(--fur-ref-lime-400) !important;
}

/* --- E. CLOSE BUTTON CONTRAST OVERRIDES --- */
body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__close {
  color: var(--fur-ref-charcoal) !important;
  border-color: color-mix(in srgb, var(--fur-ref-charcoal) 15%, transparent) !important;
  background-color: color-mix(in srgb, var(--fur-ref-charcoal) 4%, transparent) !important;
}

body.tft-redesign-layout:not([data-theme='dark']) .tft-mobile-drawer__close:hover {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-green-900) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__close {
  color: var(--fur-ref-white) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

body[data-theme='dark'].tft-redesign-layout .tft-mobile-drawer__close:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--fur-ref-lime-400) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* --- F. COMPACT LAYOUT Polish FOR MOBILE NAVIGATION --- */
body.tft-redesign-layout .tft-mobile-drawer__nav {
  gap: 8px !important; /* Reduce gap between cards from 20px to 8px */
}

body.tft-redesign-layout .tft-mobile-drawer__link {
  padding: 10px 14px !important; /* Reduce card vertical padding from 14px to 10px */
}

body.tft-redesign-layout .tft-mobile-drawer__submenu {
  margin-block: 2px 6px !important; /* Reduce spacing around submenus */
  padding: 6px 10px !important; /* Slightly tighter submenu padding */
}

body.tft-redesign-layout .tft-mobile-drawer__sublink {
  padding-block: 6px !important; /* Reduce padding between submenu items */
  font-size: 13px !important;
}

/* --- G. NORMAL FLOW (NON-STICKY) HEADER OVERRIDE --- */
body.tft-redesign-layout .tft-header,
body.fur-body .tft-header {
  position: relative !important; /* Flow naturally with the page, not sticky/fixed */
}

/* --- H. EXPANDED SHOP LAYOUT CONTRAST & SPACING --- */
body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-post-hero),
body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-post-hero) {
  max-width: 1400px !important; /* Revert wrapper width to match normal 1400px width on other pages */
  padding-inline: 0 !important; /* Remove the squeezing 80px side-padding gaps to align with header */
}

@media (max-width: 1440px) {
  body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-post-hero),
  body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-post-hero) {
    padding-inline: 24px !important; /* Match responsive header margins on smaller screens */
  }
}

@media (max-width: 1023px) {
  body.fur-body:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-post-hero),
  body.tft-page-journal:not(.tft-fnd-body):not(.tft-rc-body) .tft-shop-catalog > *:not(.tft-post-hero) {
    padding-inline: 16px !important; /* Match responsive header mobile padding */
  }
}

/* --- I. HEADING STYLING PRESERVATION OVERRIDES FOR HTML CHECKER COMPLIANCE --- */
h3.tft-testimonial-card__author {
  margin: 0 !important;
}

.fur-configurator__control-group h3 {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  margin-block-end: 12px !important;
  color: var(--fur-text) !important;
  margin-top: 0 !important;
}

.fur-hotspot__card h3 {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  margin-block-end: 4px !important;
  color: var(--fur-text) !important;
  margin-top: 0 !important;
}

/* --- J. UNIFIED CONTENT WRAPPER ALIGNMENT OVERRIDE --- */
body.tft-redesign-layout .tft-shop-catalog > *:not(.tft-post-hero),
body.tft-redesign-layout .tft-sustainability-stats,
body.tft-redesign-layout .tft-artisans-sec,
body.tft-redesign-layout .tft-material-explorer,
body.tft-redesign-layout .tft-slow-craft,
body.tft-redesign-layout .tft-faq-sec,
body.tft-redesign-layout .tft-post-layout,
body.tft-redesign-layout .tft-blog-filters,
body.tft-redesign-layout .tft-blog-page,
body.tft-redesign-layout .tft-new-arrivals,
body.tft-redesign-layout .fur-materials,
body.tft-redesign-layout .tft-philosophy,
body.tft-redesign-layout .fur-transform,
body.tft-redesign-layout .fur-rooms-grid,
body.tft-redesign-layout .fur-styles,
body.tft-redesign-layout .fur-products,
body.tft-redesign-layout .fur-configurator,
body.tft-redesign-layout .tft-planner-cta,
body.tft-redesign-layout .fur-lookbooks,
body.tft-redesign-layout .fur-cta-banner,
body.tft-redesign-layout .fur-services,
body.tft-redesign-layout .fur-journal,
body.tft-redesign-layout .tft-newsletter,
body.tft-redesign-layout .fur-swatches__container,
body.tft-redesign-layout .tft-cnt-page,
body.tft-redesign-layout .tft-ps-section,
body.tft-redesign-layout .tft-rms-grid-sec,
body.tft-redesign-layout .tft-cpt-grid-sec,
body.tft-redesign-layout .tft-mat-swatches-sec,
body.tft-redesign-layout .tft-mat-grid-sec,
body.tft-redesign-layout .tft-mat-care,
body.tft-redesign-layout .tft-mat-sampler,
body.tft-redesign-layout .tft-prov-materials,
body.tft-redesign-layout .tft-prov-pairings,
body.tft-redesign-layout .tft-prov-process,
body.tft-redesign-layout .tft-prov-space,
body.tft-redesign-layout .tft-prov-samples,
body.tft-redesign-layout .tft-booking-journey,
body.tft-redesign-layout .tft-designers-sec,
body.tft-redesign-layout .tft-process-sec,
body.tft-redesign-layout .tft-transformations-sec,
body.tft-redesign-layout .tft-promo-banner {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: 0 !important;
}

@media (max-width: 1440px) {
  body.tft-redesign-layout .tft-shop-catalog > *:not(.tft-post-hero),
  body.tft-redesign-layout .tft-sustainability-stats,
  body.tft-redesign-layout .tft-artisans-sec,
  body.tft-redesign-layout .tft-material-explorer,
  body.tft-redesign-layout .tft-slow-craft,
  body.tft-redesign-layout .tft-faq-sec,
  body.tft-redesign-layout .tft-post-layout,
  body.tft-redesign-layout .tft-blog-filters,
  body.tft-redesign-layout .tft-blog-page,
  body.tft-redesign-layout .tft-new-arrivals,
  body.tft-redesign-layout .fur-materials,
  body.tft-redesign-layout .tft-philosophy,
  body.tft-redesign-layout .fur-transform,
  body.tft-redesign-layout .fur-rooms-grid,
  body.tft-redesign-layout .fur-styles,
  body.tft-redesign-layout .fur-products,
  body.tft-redesign-layout .fur-configurator,
  body.tft-redesign-layout .tft-planner-cta,
  body.tft-redesign-layout .fur-lookbooks,
  body.tft-redesign-layout .fur-cta-banner,
  body.tft-redesign-layout .fur-services,
  body.tft-redesign-layout .fur-journal,
  body.tft-redesign-layout .tft-newsletter,
  body.tft-redesign-layout .fur-swatches__container,
  body.tft-redesign-layout .tft-cnt-page,
  body.tft-redesign-layout .tft-ps-section,
  body.tft-redesign-layout .tft-rms-grid-sec,
  body.tft-redesign-layout .tft-cpt-grid-sec,
  body.tft-redesign-layout .tft-mat-swatches-sec,
  body.tft-redesign-layout .tft-mat-grid-sec,
  body.tft-redesign-layout .tft-mat-care,
  body.tft-redesign-layout .tft-mat-sampler,
  body.tft-redesign-layout .tft-prov-materials,
  body.tft-redesign-layout .tft-prov-pairings,
  body.tft-redesign-layout .tft-prov-process,
  body.tft-redesign-layout .tft-prov-space,
  body.tft-redesign-layout .tft-prov-samples,
  body.tft-redesign-layout .tft-booking-journey,
  body.tft-redesign-layout .tft-designers-sec,
  body.tft-redesign-layout .tft-process-sec,
  body.tft-redesign-layout .tft-transformations-sec,
  body.tft-redesign-layout .tft-promo-banner {
    padding-inline: 24px !important;
  }
}

@media (max-width: 1023px) {
  body.tft-redesign-layout .tft-shop-catalog > *:not(.tft-post-hero),
  body.tft-redesign-layout .tft-sustainability-stats,
  body.tft-redesign-layout .tft-artisans-sec,
  body.tft-redesign-layout .tft-material-explorer,
  body.tft-redesign-layout .tft-slow-craft,
  body.tft-redesign-layout .tft-faq-sec,
  body.tft-redesign-layout .tft-post-layout,
  body.tft-redesign-layout .tft-blog-filters,
  body.tft-redesign-layout .tft-blog-page,
  body.tft-redesign-layout .tft-new-arrivals,
  body.tft-redesign-layout .fur-materials,
  body.tft-redesign-layout .tft-philosophy,
  body.tft-redesign-layout .fur-transform,
  body.tft-redesign-layout .fur-rooms-grid,
  body.tft-redesign-layout .fur-styles,
  body.tft-redesign-layout .fur-products,
  body.tft-redesign-layout .fur-configurator,
  body.tft-redesign-layout .tft-planner-cta,
  body.tft-redesign-layout .fur-lookbooks,
  body.tft-redesign-layout .fur-cta-banner,
  body.tft-redesign-layout .fur-services,
  body.tft-redesign-layout .fur-journal,
  body.tft-redesign-layout .tft-newsletter,
  body.tft-redesign-layout .fur-swatches__container,
  body.tft-redesign-layout .tft-cnt-page,
  body.tft-redesign-layout .tft-ps-section,
  body.tft-redesign-layout .tft-rms-grid-sec,
  body.tft-redesign-layout .tft-cpt-grid-sec,
  body.tft-redesign-layout .tft-mat-swatches-sec,
  body.tft-redesign-layout .tft-mat-grid-sec,
  body.tft-redesign-layout .tft-mat-care,
  body.tft-redesign-layout .tft-mat-sampler,
  body.tft-redesign-layout .tft-prov-materials,
  body.tft-redesign-layout .tft-prov-pairings,
  body.tft-redesign-layout .tft-prov-process,
  body.tft-redesign-layout .tft-prov-space,
  body.tft-redesign-layout .tft-prov-samples,
  body.tft-redesign-layout .tft-booking-journey,
  body.tft-redesign-layout .tft-designers-sec,
  body.tft-redesign-layout .tft-process-sec,
  body.tft-redesign-layout .tft-transformations-sec,
  body.tft-redesign-layout .tft-promo-banner {
    padding-inline: 16px !important;
  }
}

/* --- K. CORRECTED CONTENT WRAPPER ALIGNMENT & PADDING REDISTRIBUTION (1400px Content Grid) --- */
/* Reset outer section layouts to behave as full-width wrappers with side paddings */
body.tft-redesign-layout .tft-shop-catalog,
body.tft-redesign-layout .tft-sustainability-stats,
body.tft-redesign-layout .tft-artisans-sec,
body.tft-redesign-layout .tft-material-explorer,
body.tft-redesign-layout .tft-slow-craft,
body.tft-redesign-layout .tft-faq-sec,
body.tft-redesign-layout .tft-blog-filters,
body.tft-redesign-layout .tft-blog-page,
body.tft-redesign-layout .tft-new-arrivals,
body.tft-redesign-layout .fur-materials,
body.tft-redesign-layout .tft-philosophy,
body.tft-redesign-layout .fur-transform,
body.tft-redesign-layout .fur-rooms-grid,
body.tft-redesign-layout .fur-styles,
body.tft-redesign-layout .fur-products,
body.tft-redesign-layout .fur-configurator,
body.tft-redesign-layout .tft-planner-cta,
body.tft-redesign-layout .fur-lookbooks,
body.tft-redesign-layout .fur-cta-banner,
body.tft-redesign-layout .fur-services,
body.tft-redesign-layout .fur-journal,
body.tft-redesign-layout .tft-newsletter,
body.tft-redesign-layout .tft-rms-grid-sec,
body.tft-redesign-layout .tft-cpt-grid-sec,
body.tft-redesign-layout .tft-mat-swatches-sec,
body.tft-redesign-layout .tft-mat-grid-sec,
body.tft-redesign-layout .tft-mat-care,
body.tft-redesign-layout .tft-mat-sampler,
body.tft-redesign-layout .tft-prov-materials,
body.tft-redesign-layout .tft-prov-pairings,
body.tft-redesign-layout .tft-prov-process,
body.tft-redesign-layout .tft-prov-space,
body.tft-redesign-layout .tft-prov-samples,
body.tft-redesign-layout .tft-booking-journey,
body.tft-redesign-layout .tft-designers-sec,
body.tft-redesign-layout .tft-process-sec,
body.tft-redesign-layout .tft-transformations-sec,
body.tft-redesign-layout .tft-promo-banner,
body.tft-redesign-layout .tft-testimonials,
body.tft-redesign-layout .tft-journal,
body.tft-redesign-layout .tft-category-deck {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-inline: 40px !important;
}

/* Ensure inner container grids have 1400px width with 0 padding to align perfectly with the header main container */
body.tft-redesign-layout .tft-shop-catalog > *:not(.tft-post-hero),
body.tft-redesign-layout [class*="__container"]:not(.tft-header__main-container):not(.tft-header__topbar-container):not(.tft-header__nav-bar-container),
body.tft-redesign-layout [class*="-sec__container"],
body.tft-redesign-layout [class*="-sec__inner"],
body.tft-redesign-layout [class*="-hero__container"],
body.tft-redesign-layout [class*="-banner__container"],
body.tft-redesign-layout .tft-post-layout,
body.tft-redesign-layout .tft-cnt-page,
body.tft-redesign-layout .tft-blog-filters,
body.tft-redesign-layout .tft-blog-page,
body.tft-redesign-layout .fur-rooms-grid__layout,
body.tft-redesign-layout .fur-styles__layout,
body.tft-redesign-layout .fur-products__grid,
body.tft-redesign-layout .fur-lookbooks__tabs,
body.tft-redesign-layout .fur-services__grid,
body.tft-redesign-layout .fur-journal__grid {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 1440px) {
  body.tft-redesign-layout .tft-shop-catalog,
  body.tft-redesign-layout .tft-sustainability-stats,
  body.tft-redesign-layout .tft-artisans-sec,
  body.tft-redesign-layout .tft-material-explorer,
  body.tft-redesign-layout .tft-slow-craft,
  body.tft-redesign-layout .tft-faq-sec,
  body.tft-redesign-layout .tft-blog-filters,
  body.tft-redesign-layout .tft-blog-page,
  body.tft-redesign-layout .tft-new-arrivals,
  body.tft-redesign-layout .fur-materials,
  body.tft-redesign-layout .tft-philosophy,
  body.tft-redesign-layout .fur-transform,
  body.tft-redesign-layout .fur-rooms-grid,
  body.tft-redesign-layout .fur-styles,
  body.tft-redesign-layout .fur-products,
  body.tft-redesign-layout .fur-configurator,
  body.tft-redesign-layout .tft-planner-cta,
  body.tft-redesign-layout .fur-lookbooks,
  body.tft-redesign-layout .fur-cta-banner,
  body.tft-redesign-layout .fur-services,
  body.tft-redesign-layout .fur-journal,
  body.tft-redesign-layout .tft-newsletter,
  body.tft-redesign-layout .tft-rms-grid-sec,
  body.tft-redesign-layout .tft-cpt-grid-sec,
  body.tft-redesign-layout .tft-mat-swatches-sec,
  body.tft-redesign-layout .tft-mat-grid-sec,
  body.tft-redesign-layout .tft-mat-care,
  body.tft-redesign-layout .tft-mat-sampler,
  body.tft-redesign-layout .tft-prov-materials,
  body.tft-redesign-layout .tft-prov-pairings,
  body.tft-redesign-layout .tft-prov-process,
  body.tft-redesign-layout .tft-prov-space,
  body.tft-redesign-layout .tft-prov-samples,
  body.tft-redesign-layout .tft-booking-journey,
  body.tft-redesign-layout .tft-designers-sec,
  body.tft-redesign-layout .tft-process-sec,
  body.tft-redesign-layout .tft-transformations-sec,
  body.tft-redesign-layout .tft-promo-banner,
  body.tft-redesign-layout .tft-testimonials,
  body.tft-redesign-layout .tft-journal,
  body.tft-redesign-layout .tft-category-deck {
    padding-inline: 24px !important;
  }
}

@media (max-width: 1023px) {
  body.tft-redesign-layout .tft-shop-catalog,
  body.tft-redesign-layout .tft-sustainability-stats,
  body.tft-redesign-layout .tft-artisans-sec,
  body.tft-redesign-layout .tft-material-explorer,
  body.tft-redesign-layout .tft-slow-craft,
  body.tft-redesign-layout .tft-faq-sec,
  body.tft-redesign-layout .tft-blog-filters,
  body.tft-redesign-layout .tft-blog-page,
  body.tft-redesign-layout .tft-new-arrivals,
  body.tft-redesign-layout .fur-materials,
  body.tft-redesign-layout .tft-philosophy,
  body.tft-redesign-layout .fur-transform,
  body.tft-redesign-layout .fur-rooms-grid,
  body.tft-redesign-layout .fur-styles,
  body.tft-redesign-layout .fur-products,
  body.tft-redesign-layout .fur-configurator,
  body.tft-redesign-layout .tft-planner-cta,
  body.tft-redesign-layout .fur-lookbooks,
  body.tft-redesign-layout .fur-cta-banner,
  body.tft-redesign-layout .fur-services,
  body.tft-redesign-layout .fur-journal,
  body.tft-redesign-layout .tft-newsletter,
  body.tft-redesign-layout .tft-rms-grid-sec,
  body.tft-redesign-layout .tft-cpt-grid-sec,
  body.tft-redesign-layout .tft-mat-swatches-sec,
  body.tft-redesign-layout .tft-mat-grid-sec,
  body.tft-redesign-layout .tft-mat-care,
  body.tft-redesign-layout .tft-mat-sampler,
  body.tft-redesign-layout .tft-prov-materials,
  body.tft-redesign-layout .tft-prov-pairings,
  body.tft-redesign-layout .tft-prov-process,
  body.tft-redesign-layout .tft-prov-space,
  body.tft-redesign-layout .tft-prov-samples,
  body.tft-redesign-layout .tft-booking-journey,
  body.tft-redesign-layout .tft-designers-sec,
  body.tft-redesign-layout .tft-process-sec,
  body.tft-redesign-layout .tft-transformations-sec,
  body.tft-redesign-layout .tft-promo-banner,
  body.tft-redesign-layout .tft-testimonials,
  body.tft-redesign-layout .tft-journal,
  body.tft-redesign-layout .tft-category-deck {
    padding-inline: 16px !important;
  }
}

/* Override the timeline max-width constraint to align with the 1400px layout width */
body.tft-redesign-layout .tft-slow-craft__timeline {
  max-width: 1400px !important;
}

/* High-specificity overrides for the journal/blog layouts to align with 1400px content width and header */
body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blg-cats,
body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-layout,
body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blg-strip,
body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-filters,
body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-page {
  max-width: 1400px !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 1440px) {
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blg-cats,
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-layout,
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blg-strip,
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-filters,
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-page {
    padding-inline: 24px !important;
  }
}

@media (max-width: 1023px) {
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blg-cats,
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-post-layout,
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blg-strip,
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-filters,
  body.fur-body.tft-redesign-layout:not(.tft-fnd-body):not(.tft-rc-body) .tft-blog-page {
    padding-inline: 16px !important;
  }
}

/* Ensure all page-level headers/heroes remain full-bleed without side boxing or padding */
body.tft-redesign-layout .tft-post-hero,
body.tft-redesign-layout .tft-chk-hero,
body.tft-redesign-layout .tft-cpt-hero,
body.tft-redesign-layout .tft-prov-hero,
body.tft-redesign-layout .tft-consult-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}


/* =============================================================
   M. FOOTER — DEFINITIVE FULL-WIDTH REFERENCE DESIGN OVERRIDE
   Single authoritative block. All previous M-FIX blocks removed.
   Lower section (.tft-footer__lower) visual style: NOT touched.
   ============================================================= */

/* 1. Footer wrapper — full width, no margin */
body.tft-redesign-layout .tft-footer {
  width: 100% !important;
  margin-inline: 0 !important;
  padding: 0 !important;
}

/* 2. Upper: full-width, clean white-beige, no card/radius/border */
body.tft-redesign-layout .tft-footer__upper {
  margin-inline: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  border-top: 1px solid rgba(0, 0, 0, 0.09) !important;
  padding-inline: 0 !important;
  padding-block: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  background-color: var(--fur-ref-beige-50) !important;
  color: var(--fur-ref-charcoal) !important;
  position: relative !important;
}

body.tft-redesign-layout .tft-footer__upper::before {
  display: none !important;
  content: none !important;
}

/* 3. Grid — full-width, inner padding on grid not on wrapper */
body.tft-redesign-layout .tft-footer__main-grid {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.8fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1.6fr)
    minmax(0, 0.85fr) !important;
  gap: clamp(16px, 2.2vw, 36px) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: clamp(24px, 5vw, 80px) !important;
  padding-block-start: clamp(36px, 5vw, 56px) !important;
  padding-block-end: clamp(28px, 4vw, 44px) !important;
  box-sizing: border-box !important;
  align-items: start !important;
}

/* 4. Brand column */
body.tft-redesign-layout .tft-footer__col-brand {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

body.tft-redesign-layout .tft-footer__logo-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  margin-block-end: 14px !important;
}

body.tft-redesign-layout .tft-footer__logo-arch img {
  width: 50px !important;
  height: auto !important;
  display: block !important;
  flex-shrink: 0 !important;
}

body.tft-redesign-layout .tft-footer__tagline {
  display: block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.84rem !important;
  color: rgba(0, 0, 0, 0.55) !important;
  line-height: 1.65 !important;
  margin-block-end: 18px !important;
  max-width: 210px !important;
  text-decoration: none !important;
}

body.tft-redesign-layout .tft-footer__contact-list {
  display: none !important;
}

/* 5. Social icons */
body.tft-redesign-layout .tft-footer__social-section {
  margin-block-start: 2px !important;
}

body.tft-redesign-layout .tft-footer__social-title {
  display: none !important;
}

body.tft-redesign-layout .tft-footer__social-links {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body.tft-redesign-layout .tft-footer__social-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  color: rgba(0, 0, 0, 0.6) !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: background-color 0.18s, color 0.18s, border-color 0.18s !important;
}

body.tft-redesign-layout .tft-footer__social-btn:hover {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-green-900) !important;
  transform: none !important;
}

body.tft-redesign-layout .tft-footer__social-btn svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}

/* 6. Nav columns + all inner cols — never overflow */
body.tft-redesign-layout .tft-footer__col-links,
body.tft-redesign-layout .tft-footer__col-newsletter {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

/* 7. Column headings — clean uppercase underline style */
body.tft-redesign-layout .tft-footer__heading {
  display: block !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: var(--fur-ref-charcoal) !important;
  margin-block-end: 16px !important;
  padding-block-end: 10px !important;
  padding-inline-start: 0 !important;
  border-block-end: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-inline-start: none !important;
  line-height: 1 !important;
  position: relative !important;
}

body.tft-redesign-layout .tft-footer__heading::before,
body.tft-redesign-layout .tft-footer__heading::after {
  display: none !important;
  content: none !important;
}

/* 8. Nav links — chevron right, row separator */
body.tft-redesign-layout .tft-footer__links-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

body.tft-redesign-layout .tft-footer__links-list li {
  border-block-end: 1px solid rgba(0, 0, 0, 0.06) !important;
}

body.tft-redesign-layout .tft-footer__links-list li:last-child {
  border-block-end: none !important;
}

body.tft-redesign-layout .tft-footer__links-list a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-block: 8px !important;
  font-family: var(--fur-font-sans) !important;
  font-size: 0.86rem !important;
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.62) !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  transition: color 0.15s !important;
  transform: none !important;
}

body.tft-redesign-layout .tft-footer__links-list a::after {
  content: '\203A' !important;
  font-size: 1.05rem !important;
  color: rgba(0, 0, 0, 0.25) !important;
  flex-shrink: 0 !important;
  margin-inline-start: 6px !important;
  transition: color 0.15s !important;
}

body.tft-redesign-layout .tft-footer__links-list a:hover {
  color: var(--fur-ref-charcoal) !important;
  padding-inline-start: 0 !important;
}

body.tft-redesign-layout .tft-footer__links-list a:hover::after {
  color: var(--fur-ref-green-900) !important;
}

/* 9. Newsletter column */
body.tft-redesign-layout .tft-footer__newsletter-text {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.84rem !important;
  color: rgba(0, 0, 0, 0.56) !important;
  line-height: 1.6 !important;
  margin-block-end: 14px !important;
}

body.tft-redesign-layout .tft-footer__newsletter-text a,
body.tft-redesign-layout .tft-footer__col-newsletter a:not(.tft-footer__social-btn) {
  color: rgba(0, 0, 0, 0.56) !important;
  text-decoration: underline !important;
}

/* Email pill — absolutely positioned button, never clips */
body.tft-redesign-layout .tft-footer__form {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 48px !important;
  background-color: var(--fur-ref-white) !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  border-radius: 100px !important;
  overflow: visible !important;
  margin-block-end: 12px !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s !important;
}

body.tft-redesign-layout .tft-footer__form:focus-within {
  border-color: var(--fur-ref-green-900) !important;
  box-shadow: 0 0 0 3px rgba(60, 90, 40, 0.08) !important;
}

body.tft-redesign-layout .tft-footer__input {
  flex: 1 !important;
  height: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding-block: 0 !important;
  padding-inline-start: 18px !important;
  padding-inline-end: 52px !important;
  font-size: 0.84rem !important;
  color: var(--fur-ref-charcoal) !important;
  font-family: var(--fur-font-sans) !important;
  border-radius: 100px !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
}

body.tft-redesign-layout .tft-footer__input::placeholder {
  color: rgba(0, 0, 0, 0.36) !important;
  font-size: 0.82rem !important;
}

body.tft-redesign-layout .tft-footer__submit-btn {
  position: absolute !important;
  inset-inline-end: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  background-color: var(--fur-ref-charcoal) !important;
  color: var(--fur-ref-white) !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  z-index: 2 !important;
  transition: background-color 0.18s !important;
  margin: 0 !important;
}

body.tft-redesign-layout .tft-footer__submit-btn:hover {
  background-color: var(--fur-ref-green-900) !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
}

body.tft-redesign-layout .tft-footer__submit-btn svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

/* Checkbox */
body.tft-redesign-layout .tft-footer__checkbox-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin-block-start: 0 !important;
}

body.tft-redesign-layout .tft-footer__checkbox-icon {
  flex-shrink: 0 !important;
  width: 14px !important;
  height: 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 3px !important;
  background-color: var(--fur-ref-white) !important;
  margin-block-start: 2px !important;
}

body.tft-redesign-layout .tft-footer__checkbox-label {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.72rem !important;
  color: rgba(0, 0, 0, 0.46) !important;
  line-height: 1.5 !important;
}

/* 10. Arch image — decorative right column, natural arc */
body.tft-redesign-layout .tft-footer__col-arch {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  overflow: hidden !important;
  align-self: stretch !important;
}

body.tft-redesign-layout .tft-footer__arch-frame {
  width: 100% !important;
  max-width: 110px !important;
  height: clamp(130px, 15vw, 190px) !important;
  border-radius: 999px 999px 0 0 !important;
  overflow: hidden !important;
  border: none !important;
}

body.tft-redesign-layout .tft-footer__arch-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* 11. Trust strip — full-width flat row, no card, no radius */
body.tft-redesign-layout .tft-footer__trust-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-block: 18px !important;
  padding-inline: clamp(24px, 5vw, 80px) !important;
  background-color: var(--fur-ref-white) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-bottom: none !important;
  border-inline: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  gap: 0 !important;
}

body.tft-redesign-layout .tft-footer__trust-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 !important;
  padding-inline: clamp(12px, 2vw, 28px) !important;
  border-inline-end: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-footer__trust-card:first-child {
  padding-inline-start: 0 !important;
}

body.tft-redesign-layout .tft-footer__trust-card:last-child {
  border-inline-end: none !important;
  padding-inline-end: 0 !important;
}

body.tft-redesign-layout .tft-footer__trust-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.65) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.tft-redesign-layout .tft-footer__trust-icon svg {
  width: 15px !important;
  height: 15px !important;
}

body.tft-redesign-layout .tft-footer__trust-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

body.tft-redesign-layout .tft-footer__trust-content strong {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.71rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--fur-ref-charcoal) !important;
  line-height: 1.2 !important;
}

body.tft-redesign-layout .tft-footer__trust-content span {
  font-family: var(--fur-font-sans) !important;
  font-size: 0.77rem !important;
  color: rgba(0, 0, 0, 0.5) !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

/* 12. CRITICAL — kill lower bar negative margin that overlaps trust strip */
body.tft-redesign-layout .tft-footer__lower {
  margin-block-start: 0 !important;
  margin-inline: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
  padding-inline: clamp(24px, 5vw, 80px) !important;
}

/* ---- Responsive breakpoints ---- */
@media (max-width: 1199px) {
  body.tft-redesign-layout .tft-footer__main-grid {
    grid-template-columns:
      minmax(0, 1.6fr)
      minmax(0, 1fr)
      minmax(0, 1fr)
      minmax(0, 1fr)
      minmax(0, 1.5fr) !important;
  }
  body.tft-redesign-layout .tft-footer__col-arch {
    display: none !important;
  }
}

@media (max-width: 959px) {
  body.tft-redesign-layout .tft-footer__main-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 22px !important;
  }
  body.tft-redesign-layout .tft-footer__col-brand {
    grid-column: 1 / -1 !important;
  }
  body.tft-redesign-layout .tft-footer__tagline {
    max-width: 100% !important;
  }
  body.tft-redesign-layout .tft-footer__col-newsletter {
    grid-column: 1 / -1 !important;
    max-width: 400px !important;
  }
}

@media (max-width: 599px) {
  body.tft-redesign-layout .tft-footer__main-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
  }
  body.tft-redesign-layout .tft-footer__col-brand,
  body.tft-redesign-layout .tft-footer__col-newsletter {
    grid-column: 1 / -1 !important;
  }
  body.tft-redesign-layout .tft-footer__trust-strip {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-inline: 20px !important;
  }
  body.tft-redesign-layout .tft-footer__trust-card {
    flex: 1 1 50% !important;
    border-inline-end: none !important;
    padding-inline: 0 !important;
    padding-block: 10px !important;
    border-block-end: 1px solid rgba(0, 0, 0, 0.07) !important;
  }
  body.tft-redesign-layout .tft-footer__trust-card:nth-last-child(-n+2) {
    border-block-end: none !important;
  }
}

@media (max-width: 399px) {
  body.tft-redesign-layout .tft-footer__main-grid {
    grid-template-columns: 1fr !important;
  }
  body.tft-redesign-layout .tft-footer__trust-card {
    flex: 1 1 100% !important;
  }
}

/* =============================================================
   M-FIX-6. Remove arch image col entirely + refined hovers
   ============================================================= */

/* 1. HIDE arch column at ALL viewport sizes — permanently gone */
body.tft-redesign-layout .tft-footer__col-arch {
  display: none !important;
}

/* 2. Grid rebalanced — now 5 cols, no arch slot */
body.tft-redesign-layout .tft-footer__main-grid {
  grid-template-columns:
    minmax(0, 1.9fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, 1.7fr) !important;
}

/* 3. Nav link hovers — smooth fade, no jumping */
body.tft-redesign-layout .tft-footer__links-list a {
  transition: color 0.22s ease, opacity 0.22s ease !important;
  transform: none !important;
}

body.tft-redesign-layout .tft-footer__links-list a:hover {
  color: var(--fur-ref-green-900) !important;
  opacity: 1 !important;
  transform: none !important;
  padding-inline-start: 0 !important;
}

body.tft-redesign-layout .tft-footer__links-list a::after {
  transition: color 0.22s ease !important;
}

body.tft-redesign-layout .tft-footer__links-list a:hover::after {
  color: var(--fur-ref-green-900) !important;
}

/* 4. Social btn hovers — smooth, no jump */
body.tft-redesign-layout .tft-footer__social-btn {
  transition: background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease !important;
  transform: none !important;
}

body.tft-redesign-layout .tft-footer__social-btn:hover {
  background-color: var(--fur-ref-green-900) !important;
  color: var(--fur-ref-white) !important;
  border-color: var(--fur-ref-green-900) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 5. Submit button hover — smooth, no scale jump */
body.tft-redesign-layout .tft-footer__submit-btn {
  transition: background-color 0.22s ease !important;
}

body.tft-redesign-layout .tft-footer__submit-btn:hover {
  background-color: var(--fur-ref-green-900) !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
}

/* 6. Responsive — re-override breakpoints without arch col */
@media (max-width: 1199px) {
  body.tft-redesign-layout .tft-footer__main-grid {
    grid-template-columns:
      minmax(0, 1.7fr)
      minmax(0, 1fr)
      minmax(0, 1fr)
      minmax(0, 1fr)
      minmax(0, 1.5fr) !important;
  }
}

@media (max-width: 959px) {
  body.tft-redesign-layout .tft-footer__main-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

@media (max-width: 599px) {
  body.tft-redesign-layout .tft-footer__main-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 399px) {
  body.tft-redesign-layout .tft-footer__main-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =============================================================
   UTILITY: .sr-only — Screen-reader only visually hidden class
   Required for W3C heading-in-section compliance fixes.
   ============================================================= */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ==========================================================================
   ARIELY SHOWCASE MODE — six layouts, one non-commerce presentation theme
   ========================================================================== */

body.ariely-showcase-mode [class*="__price"],
body.ariely-showcase-mode [class*="-price"],
body.ariely-showcase-mode [class*="price-"],
body.ariely-showcase-mode [id*="price"],
body.ariely-showcase-mode .price,
body.ariely-showcase-mode [class*="cart"],
body.ariely-showcase-mode [id*="cart"],
body.ariely-showcase-mode [class*="checkout"],
body.ariely-showcase-mode [id*="checkout"],
body.ariely-showcase-mode [class*="wishlist"],
body.ariely-showcase-mode [id*="wishlist"],
body.ariely-showcase-mode .fur-product-card__add-btn,
body.ariely-showcase-mode [class*="add-to-cart"],
body.ariely-showcase-mode [id*="addcart"],
body.ariely-showcase-mode [href*="/checkout"],
body.ariely-showcase-mode [href*="/cart"],
body.ariely-showcase-mode [aria-label*="cart" i],
body.ariely-showcase-mode [aria-label*="checkout" i] {
  display: none !important;
}

body.ariely-showcase-mode .fur-product-card__actions,
body.ariely-showcase-mode .tft-product-card__actions,
body.ariely-showcase-mode .tft-journal-card__actions {
  justify-content: flex-start !important;
}

body.ariely-showcase-mode .fur-product-card,
body.ariely-showcase-mode .tft-product-card,
body.ariely-showcase-mode .tft-shop-card,
body.ariely-showcase-mode .tft-eds-product-card,
body.ariely-showcase-mode .tft-cpt-product-card {
  cursor: default;
}

body.ariely-showcase-mode .fur-trending__product-link,
body.ariely-showcase-mode .tft-journal-card__btn-quick,
body.ariely-showcase-mode [class*="quick-view"] {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.ariely-showcase-mode .fur-sale-strip__tag,
body.ariely-showcase-mode .tft-header__subnav-link--sale {
  color: var(--fur-primary) !important;
}

@media (max-width: 991px) {
  body.ariely-showcase-mode .tft-new-arrivals__slider-col {
    margin-inline: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  body.ariely-showcase-mode .tft-hero-split__actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    width: 100%;
  }

  body.ariely-showcase-mode .tft-hero-split__btn-primary {
    width: 100%;
    min-height: 44px;
    justify-content: center;
  }

body.ariely-showcase-mode .tft-hero-split__link-explore {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
}

/* === ARIELY UNIFORM SPLIT-HERO CAROUSEL CARD: BEGIN ===
   The split hero has three data-driven slides.  Its floating editorial card
   keeps one measured geometry for every slide, independent of the title or
   thumbnail being shown. */
body.ariely-showcase-mode .tft-hero-split__overlay-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  align-items: center;
  box-sizing: border-box;
  inline-size: 276px;
  max-inline-size: calc(100% - 64px);
  block-size: 124px;
  min-block-size: 124px;
  max-block-size: 124px;
  padding: 18px;
  gap: 16px;
  overflow: hidden;
}

body.ariely-showcase-mode .tft-hero-split__card-info {
  flex: 1 1 auto;
  min-inline-size: 0;
  min-block-size: 0;
  gap: 4px;
}

body.ariely-showcase-mode .tft-hero-split__card-title {
  min-block-size: 44px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.ariely-showcase-mode .tft-hero-split__card-image-wrap {
  inline-size: 64px;
  block-size: 64px;
  flex: 0 0 64px;
}

@media (max-width: 640px) {
  body.ariely-showcase-mode .tft-hero-split__overlay-card {
    inline-size: calc(100% - 32px);
    block-size: auto;
    min-block-size: 112px;
    padding: 16px;
  }
}
/* === ARIELY UNIFORM SPLIT-HERO CAROUSEL CARD: END === */

/* === ARIELY SHOWCASE FULLSCREEN ENTRY: BEGIN ===
   SHOWCASE uses explicit route classes plus an entry class on the hero.  The
   geometry therefore does not depend on page-specific body classes supplied
   by a hosting environment.  This page intentionally uses no outer gutter. */
body.ariely-showcase-mode .ariely-showcase-entry-layout,
body.ariely-showcase-mode .ariely-showcase-entry-main {
  inline-size: 100% !important;
  max-inline-size: none !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.ariely-showcase-mode .ariely-showcase-entry-layout {
  display: block !important;
}

body.ariely-showcase-mode .ariely-showcase-entry-main {
  display: block !important;
  flex: none !important;
}

/* The complete chained selector deliberately outranks legacy page-hero rules.
   The visual starts flush below the fixed header and reaches every remaining
   viewport edge, without a 20px outer frame. */
body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main .tft-post-hero.ariely-showcase-fullscreen-entry {
  --ariely-showcase-frame-gap: 0px;
  --ariely-showcase-header-height: 56px;
  position: relative !important;
  box-sizing: border-box !important;
  inline-size: 100% !important;
  max-inline-size: none !important;
  block-size: calc(100svh - var(--ariely-showcase-header-height)) !important;
  min-block-size: calc(100svh - var(--ariely-showcase-header-height)) !important;
  max-block-size: calc(100svh - var(--ariely-showcase-header-height)) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main .tft-post-hero.ariely-showcase-fullscreen-entry .tft-post-hero__img {
  transform: none !important;
  inline-size: 100% !important;
  block-size: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 800px) {
  /* The general 130% display sheet compensates the legacy app wrapper with
     100vw / 1.3.  That must not carry into the unzoomed mobile layout. */
  body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout,
  body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main {
    /* dvw is intentionally used instead of vw: the desktop-scale generator
       only compensates vw/vh, while the mobile viewport remains unscaled. */
    inline-size: 100dvw !important;
    max-inline-size: 100dvw !important;
    width: 100dvw !important;
  }
}

@media (min-width: 801px) {
  body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main .tft-post-hero.ariely-showcase-fullscreen-entry {
    /* The compact desktop header renders at 54 logical pixels (70.2 physical
       pixels at the 130% baseline).  This value is kept here rather than
       inherited from the sibling header element. */
    --ariely-showcase-header-height: 54px;
    block-size: calc(
      (100svh)
      - var(--ariely-showcase-header-height)
    ) !important;
    min-block-size: calc(
      (100svh)
      - var(--ariely-showcase-header-height)
    ) !important;
    max-block-size: calc(
      (100svh)
      - var(--ariely-showcase-header-height)
    ) !important;
  }
}

@media (min-width: 801px) and (max-width: 1600px) {
  /* The compact navigation breakpoint uses a 56px logical header. */
  body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main .tft-post-hero.ariely-showcase-fullscreen-entry {
    --ariely-showcase-header-height: 56px;
  }
}


/* === ARIELY SHOWCASE FULLSCREEN ENTRY: END === */
/* === ARIELY MINIMAL UNDERLINED HEADER SEARCH: BEGIN ===
   Reference treatment: a search icon followed by an empty fine underline.
   The field carries no visible prompt text and stays one calm inline control. */
@media (min-width: 801px) {
  body.ariely-showcase-mode .ariely-site-header__search-form,
  body.ariely-showcase-mode .ariely-site-header__search-form.is-open {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 166px !important;
    inline-size: 166px !important;
    min-inline-size: 166px !important;
    block-size: 32px !important;
    min-block-size: 32px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.ariely-showcase-mode .ariely-site-header__search-toggle {
    flex: 0 0 28px !important;
    inline-size: 28px !important;
    block-size: 28px !important;
    min-inline-size: 28px !important;
    min-block-size: 28px !important;
    padding: 0 !important;
  }

  body.ariely-showcase-mode .ariely-site-header__search-input,
  body.ariely-showcase-mode .ariely-site-header__search-form.is-open .ariely-site-header__search-input {
    display: block !important;
    flex: 1 1 auto !important;
    inline-size: auto !important;
    min-inline-size: 0 !important;
    block-size: 24px !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    color: var(--fur-text, #242421) !important;
    border: 0 !important;
    border-block-end: 1px solid rgba(36, 36, 33, 0.52) !important;
    border-radius: 0 !important;
    background: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  body.ariely-showcase-mode .ariely-site-header__search-input::placeholder {
    color: transparent !important;
  }

  body.ariely-showcase-mode .ariely-site-header__search-form:focus-within .ariely-site-header__search-input {
    border-block-end-color: var(--fur-primary, #385323) !important;
  }
}
/* === ARIELY MINIMAL UNDERLINED HEADER SEARCH: END === */
/* === ARIELY SPLIT HERO GEOMETRY LOCK: BEGIN ===
   All three carousel slides use the same desktop canvas.  The first slide
   retains its intended two-line title, so it cannot push its editorial card
   below the geometry established by slides two and three. */
@media (min-width: 801px) {
  /* The split hero fills the remaining desktop viewport while preserving a
     true 20px visual gutter on every side. The header remains separate: cards
     begin 20px below it and finish 20px above the viewport edge. */
  body.ariely-showcase-mode .tft-hero-split {
    --ariely-hero-gutter: 20px;
    box-sizing: border-box !important;
    block-size: calc(100svh - var(--ariely-header-height, 54px)) !important;
    min-block-size: calc(100svh - var(--ariely-header-height, 54px)) !important;
    margin: 0 !important;
    padding: var(--ariely-hero-gutter) !important;
  }

  /* The legacy global `[class*="__container"]` rail contains multiple
     :not() clauses, so this deliberately scoped selector must be more
     specific. It prevents the homepage from being pulled back to the 1400px
     content rail and preserves the requested 20px frame. */
  body.ariely-showcase-mode.tft-redesign-layout.tft-page-index #wp-block-hero-split.tft-hero-split .tft-hero-split__container {
    inline-size: 100% !important;
    width: 100% !important;
    max-width: none !important;
    max-inline-size: none !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    margin-inline: 0 !important;
    padding: 0 !important;
  }

  body.ariely-showcase-mode .tft-hero-split__left,
  body.ariely-showcase-mode .tft-hero-split__right {
    min-block-size: 0 !important;
    block-size: 100% !important;
  }

  body.ariely-showcase-mode .tft-hero-split__left {
    padding-inline-end: 28px;
  }

  /* Keep the fixed-size editorial card on one shared baseline while slide
     content crossfades; only opacity changes during the transition. */
  body.ariely-showcase-mode .tft-hero-split__overlay-card {
    transform: translateY(0) !important;
  }
}
/* === ARIELY SPLIT HERO GEOMETRY LOCK: END === */

/* === ARIELY CURATED PAIRINGS 30PX TITLE SPACING: BEGIN ===
   Keep exactly 30px above and below the pairing title on the flagship page. */
body.ariely-showcase-mode.tft-page-index #wp-block-category-deck {
  padding-block-end: 30px !important;
}

body.ariely-showcase-mode #wp-block-curator-notebook {
  padding-block: 0 clamp(30px, 2.5vw, 44px) !important;
}

body.ariely-showcase-mode #wp-block-curator-notebook .tft-nb__header {
  margin-block-end: 30px !important;
}

body.ariely-showcase-mode #wp-block-curator-notebook .tft-nb__title {
  margin-block-end: 0 !important;
}
/* === ARIELY CURATED PAIRINGS 30PX TITLE SPACING: END === */

/* === ARIELY THREE-DEVICE RESPONSIVE SAFETY: BEGIN ===
   The desktop 130% presentation scale changes the meaning of viewport units.
   Full-bleed modules must therefore use the scaled layout width, not 100vw,
   which otherwise leaves an unpainted gutter at the right edge. */
body.ariely-showcase-mode,
body.ariely-showcase-mode .ariely-display-canvas,
body.ariely-showcase-mode main,
body.ariely-showcase-mode .fur-app-layout {
  max-inline-size: 100%;
  min-inline-size: 0;
}

body.ariely-showcase-mode .tft-press-showcase {
  inline-size: 100% !important;
  max-inline-size: none !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
  overflow: clip !important;
}

body.ariely-showcase-mode .tft-press-showcase__content {
  inline-size: min(100% - clamp(40px, 8vw, 120px), 980px) !important;
  min-inline-size: 0 !important;
  padding-inline: clamp(20px, 3vw, 40px) !important;
  box-sizing: border-box !important;
}

body.ariely-showcase-mode .tft-press-showcase__title,
body.ariely-showcase-mode .tft-press-showcase__desc,
body.ariely-showcase-mode .tft-press-showcase__capsule,
body.ariely-showcase-mode .tft-press-showcase__divider-accent {
  max-inline-size: 600px !important;
}

body.ariely-showcase-mode :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--fur-primary, #3d5a1e) !important;
  outline-offset: 3px !important;
}

@media (max-width: 1100px) {
  body.ariely-showcase-mode .tft-press-showcase {
    min-block-size: auto !important;
    padding-block: clamp(44px, 7vw, 64px) !important;
  }

  body.ariely-showcase-mode .tft-press-showcase__deco--right {
    inline-size: clamp(220px, 28vw, 300px) !important;
    opacity: 0.6;
  }

  body.ariely-showcase-mode .tft-press-showcase__features {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 28px !important;
    max-inline-size: 620px !important;
  }
}

@media (max-width: 760px) {
  body.ariely-showcase-mode .tft-press-showcase {
    padding-block: 44px !important;
  }

  body.ariely-showcase-mode .tft-press-showcase__deco {
    display: none !important;
  }

  body.ariely-showcase-mode .tft-press-showcase__content {
    inline-size: 100% !important;
    padding-inline: 20px !important;
  }

  body.ariely-showcase-mode .tft-press-showcase__title {
    font-size: clamp(30px, 9vw, 42px) !important;
  }

  body.ariely-showcase-mode .tft-press-showcase__capsule {
    inline-size: 100% !important;
    box-sizing: border-box !important;
  }

  body.ariely-showcase-mode .tft-press-showcase__features {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    max-inline-size: 360px !important;
  }

  body.ariely-showcase-mode .tft-press-showcase__feat-box {
    min-block-size: 44px;
  }

  body.ariely-showcase-mode .tft-press-showcase__cta-btn {
    inline-size: 44px !important;
    block-size: 44px !important;
    min-inline-size: 44px !important;
    min-block-size: 44px !important;
  }
}
/* === ARIELY THREE-DEVICE RESPONSIVE SAFETY: END === */

/* ARIELY_ROOM_PLANNER_PRODUCTION_CSS: stable compositor layers and responsive interaction boundaries. */
body.tft-rc-body .tft-rc-main,
body.tft-rc-body .tft-rc-center,
body.tft-rc-body .tft-rc-canvas-wrap {
  min-height: 0;
}

body.tft-rc-body .tft-rc-canvas-wrap {
  isolation: isolate;
  contain: layout paint;
  touch-action: none;
  overscroll-behavior: contain;
}

body.tft-rc-body #tft-rc-canvas {
  image-rendering: auto;
  -ms-interpolation-mode: bicubic;
}

body.tft-rc-body .tft-rc-canvas-wrap--axo {
  overflow: hidden !important;
}

body.tft-rc-body .tft-rc-axo-layer,
body.tft-rc-body .tft-rc-cube {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

body.tft-rc-body .tft-rc-axo-layer {
  contain: layout paint;
  will-change: transform;
}

body.tft-rc-body .tft-rc-cube {
  will-change: transform;
  pointer-events: auto;
}

body.tft-rc-body .tft-rc-panel {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  overflow-x: hidden;
}

body.tft-rc-body .tft-rc-panel-collapse {
  z-index: 20 !important;
  pointer-events: auto !important;
}

body.tft-rc-body .tft-rc-panel--left {
  position: relative;
  z-index: 30;
}

body.tft-fnd-body .tft-fnd-loader,
body.tft-fnd-body .tft-fnd-loader--hidden {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  body.tft-rc-body .tft-rc-loader,
  body.tft-rc-body .tft-rc-loader__blueprint,
  body.tft-rc-body .tft-rc-loader__bar-fill,
  body.tft-rc-body .tft-rc-cube {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 768px) {
  body.tft-rc-body {
    overflow: auto !important;
    height: auto !important;
    min-height: 100svh;
  }

  body.tft-rc-body .tft-rc-app,
  body.tft-rc-body .tft-rc-main {
    height: auto !important;
    min-height: 0;
  }

  body.tft-rc-body .tft-rc-canvas-wrap {
    min-height: 440px;
  }
}

/* === ARIELY SHOWCASE TRANSPARENT HEADER: BEGIN ===
   The Complete Spaces entry keeps the photo continuous through the first
   viewport. Its navigation is transparent and white until a desktop mega
   menu is opened; that interaction deliberately switches to a white, bordered
   navigation surface with dark readable copy. */
body.ariely-showcase-mode.tft-page-complete-spaces,
body.ariely-showcase-mode:has(.ariely-showcase-entry-layout) {
  padding-block-start: 0 !important;
}

body.ariely-showcase-mode .ariely-showcase-entry-layout .ariely-site-header.tft-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 11000 !important;
  margin: 0 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #fff !important;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

/* The hero occupies the viewport behind the transparent sticky header. The
   negative header margin above removes the former empty band without reducing
   the available image height. */
body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main .tft-post-hero.ariely-showcase-fullscreen-entry {
  block-size: 100svh !important;
  min-block-size: 100svh !important;
  max-block-size: 100svh !important;
}

@media (min-width: 801px) {
  body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main .tft-post-hero.ariely-showcase-fullscreen-entry {
    block-size: calc(100svh) !important;
    min-block-size: calc(100svh) !important;
    max-block-size: calc(100svh) !important;
  }
}

/* The 130% desktop canvas has legacy global max-width compensation rules.
   Neutralise those rules at the mobile breakpoint so the full-width entry
   image does not leave an unpainted strip along the right edge. */
@media (max-width: 800px) {
  html:has(body.ariely-showcase-mode .ariely-showcase-entry-layout),
  body.ariely-showcase-mode:has(.ariely-showcase-entry-layout),
  body.ariely-showcase-mode:has(.ariely-showcase-entry-layout) .ariely-display-canvas,
  body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout,
  body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main,
  body.ariely-showcase-mode .fur-app-layout.ariely-showcase-entry-layout .fur-main.ariely-showcase-entry-main .tft-post-hero.ariely-showcase-fullscreen-entry {
    inline-size: 100dvw !important;
    width: 100dvw !important;
    max-inline-size: 100dvw !important;
    max-width: 100dvw !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    zoom: 1 !important;
  }
}

/* Default: transparent navigation on top of the image, with white brand,
   links, controls and the fine search underline. */
body.ariely-showcase-mode:not(.tft-mega-open) .ariely-showcase-entry-layout .ariely-site-header.tft-header :is(
  .ariely-site-header__navigation,
  .tft-header__subnav-link,
  .tft-header__subnav-title,
  .tft-mega__chevron,
  .ariely-site-header__actions,
  .ariely-site-header__whatsapp,
  .ariely-site-header__search-toggle,
  .ariely-site-header__search-input,
  .ariely-site-header__menu-toggle
) {
  color: #fff !important;
  text-decoration: none !important;
}

body.ariely-showcase-mode:not(.tft-mega-open) .ariely-showcase-entry-layout .ariely-site-header__brand-image {
  filter: brightness(0) invert(1) !important;
}

body.ariely-showcase-mode:not(.tft-mega-open) .ariely-showcase-entry-layout .ariely-site-header__search-input {
  border-block-end-color: rgba(255, 255, 255, 0.82) !important;
  caret-color: #fff !important;
}

body.ariely-showcase-mode:not(.tft-mega-open) .ariely-showcase-entry-layout .ariely-site-header :is(
  .tft-header__subnav-link:hover,
  .tft-header__subnav-link:focus-visible,
  .ariely-site-header__whatsapp:hover,
  .ariely-site-header__whatsapp:focus-visible,
  .ariely-site-header__search-toggle:hover,
  .ariely-site-header__search-toggle:focus-visible,
  .ariely-site-header__menu-toggle:hover,
  .ariely-site-header__menu-toggle:focus-visible
) {
  color: #fff !important;
  text-decoration: none !important;
}

body.ariely-showcase-mode:not(.tft-mega-open) .ariely-showcase-entry-layout .ariely-site-header :is(
  .tft-header__subnav-link,
  .ariely-site-header__whatsapp,
  .ariely-site-header__search-toggle,
  .ariely-site-header__menu-toggle,
  .ariely-site-header__search-input
):focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px !important;
}

/* After the first screen, the fixed navigation becomes a clear white bar with
   a fine perimeter border and dark operational copy.  The open mega-menu
   deliberately keeps the exact same state so there is no colour flash. */
body.ariely-showcase-mode.tft-mega-open .ariely-showcase-entry-layout .ariely-site-header.tft-header {
  /* The backdrop is a root-level sibling. Raise the header stacking context
     while a panel is open so its links remain directly clickable. */
  z-index: 12010 !important;
}

body.ariely-showcase-mode.ariely-showcase-header-scrolled .ariely-showcase-entry-layout .ariely-site-header.tft-header,
body.ariely-showcase-mode.tft-mega-open .ariely-showcase-entry-layout .ariely-site-header.tft-header {
  background: #fff !important;
  border-block: 1px solid #d9d6cf !important;
  color: #242421 !important;
}

body.ariely-showcase-mode.ariely-showcase-header-scrolled .ariely-showcase-entry-layout .ariely-site-header.tft-header :is(
  .ariely-site-header__navigation,
  .tft-header__subnav-link,
  .tft-header__subnav-title,
  .tft-mega__chevron,
  .ariely-site-header__actions,
  .ariely-site-header__whatsapp,
  .ariely-site-header__search-toggle,
  .ariely-site-header__search-input,
  .ariely-site-header__menu-toggle
),
body.ariely-showcase-mode.tft-mega-open .ariely-showcase-entry-layout .ariely-site-header.tft-header :is(
  .ariely-site-header__navigation,
  .tft-header__subnav-link,
  .tft-header__subnav-title,
  .tft-mega__chevron,
  .ariely-site-header__actions,
  .ariely-site-header__whatsapp,
  .ariely-site-header__search-toggle,
  .ariely-site-header__search-input,
  .ariely-site-header__menu-toggle
) {
  color: #242421 !important;
  text-decoration: none !important;
}

body.ariely-showcase-mode.ariely-showcase-header-scrolled .ariely-showcase-entry-layout .ariely-site-header__brand-image,
body.ariely-showcase-mode.tft-mega-open .ariely-showcase-entry-layout .ariely-site-header__brand-image {
  filter: none !important;
}

body.ariely-showcase-mode.ariely-showcase-header-scrolled .ariely-showcase-entry-layout .ariely-site-header__search-input,
body.ariely-showcase-mode.tft-mega-open .ariely-showcase-entry-layout .ariely-site-header__search-input {
  border-block-end-color: rgba(36, 36, 33, 0.52) !important;
  caret-color: #242421 !important;
}

body.ariely-showcase-mode.ariely-showcase-header-scrolled .ariely-showcase-entry-layout .ariely-site-header :is(
  .tft-header__subnav-link:hover,
  .tft-header__subnav-link:focus-visible,
  .ariely-site-header__whatsapp:hover,
  .ariely-site-header__whatsapp:focus-visible,
  .ariely-site-header__search-toggle:hover,
  .ariely-site-header__search-toggle:focus-visible
),
body.ariely-showcase-mode.tft-mega-open .ariely-showcase-entry-layout .ariely-site-header :is(
  .tft-header__subnav-link:hover,
  .tft-header__subnav-link:focus-visible,
  .ariely-site-header__whatsapp:hover,
  .ariely-site-header__whatsapp:focus-visible,
  .ariely-site-header__search-toggle:hover,
  .ariely-site-header__search-toggle:focus-visible
) {
  color: #242421 !important;
  text-decoration: none !important;
}

body.ariely-showcase-mode.ariely-showcase-header-scrolled .ariely-showcase-entry-layout .ariely-site-header :is(
  .tft-header__subnav-link,
  .ariely-site-header__whatsapp,
  .ariely-site-header__search-toggle,
  .ariely-site-header__menu-toggle,
  .ariely-site-header__search-input
):focus-visible,
body.ariely-showcase-mode.tft-mega-open .ariely-showcase-entry-layout .ariely-site-header :is(
  .tft-header__subnav-link,
  .ariely-site-header__whatsapp,
  .ariely-site-header__search-toggle,
  .ariely-site-header__menu-toggle,
  .ariely-site-header__search-input
):focus-visible {
  outline: 2px solid #242421 !important;
  outline-offset: 3px !important;
}

/* The panel itself is intentionally opaque: it carries the requested white
   background, perimeter border and black typography after a dropdown opens. */
body.ariely-showcase-mode .ariely-showcase-entry-layout .tft-mega__panel {
  background: #fff !important;
  border: 1px solid #d9d6cf !important;
  box-shadow: 0 18px 44px rgba(24, 24, 21, 0.12) !important;
  color: #242421 !important;
}

body.ariely-showcase-mode .ariely-showcase-entry-layout .tft-mega__panel :is(
  a,
  button,
  h2,
  h3,
  h4,
  p,
  span,
  strong,
  svg
) {
  color: #242421 !important;
}

body.ariely-showcase-mode .ariely-showcase-entry-layout .tft-mega__panel :is(
  .tft-mega__link:hover,
  .tft-mega__link:focus-visible,
  .tft-mega__social-link:hover,
  .tft-mega__social-link:focus-visible
) {
  color: var(--fur-primary, #385323) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.ariely-showcase-mode .ariely-showcase-entry-layout .ariely-site-header.tft-header {
    transition-duration: 0.01ms !important;
  }
}
/* === ARIELY SHOWCASE TRANSPARENT HEADER: END === */

/* === ARIELY HOMEPAGE FULL 20PX CONTENT RAIL: BEGIN ===
   The flagship homepage is one continuous visual composition.  Its lower
   sections must not fall back to the legacy 1400px content rail after the
   first split-hero screen: every visual module shares the same 20px desktop
   frame while preserving its own internal card/grid proportions. */
@media (min-width: 801px) {
  body.ariely-showcase-mode.tft-redesign-layout.tft-page-index {
    --ariely-home-gutter: 20px;
  }

  body.ariely-showcase-mode.tft-redesign-layout.tft-page-index .fur-main > section:not(#wp-block-hero-split) {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: none !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: var(--ariely-home-gutter) !important;
  }

  /* The global legacy container selector has several :not() clauses and
     otherwise quietly recentres every lower module at 1400px.  Scope the
     override to direct homepage module canvases only; nested cards retain
     their designed aspect ratios and responsive breakpoints. */
  body.ariely-showcase-mode.tft-redesign-layout.tft-page-index .fur-main > section:not(#wp-block-hero-split):not(#wp-block-press-strip) > * {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: none !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  /* The services strip is nested under New Arrivals, so it needs the same
     outer-rail reset separately from the direct section children above. */
  body.ariely-showcase-mode.tft-redesign-layout.tft-page-index #wp-block-new-arrivals :is(
    .tft-services-strip__nested-wrapper,
    .tft-services-strip__container
  ) {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: none !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  /* On the former 1400px rail the next-arrow could sit 24px outside its
     viewport. With a real 20px outer rail that would create a horizontal
     document overflow, so keep the control inside the card canvas. */
  body.ariely-showcase-mode.tft-redesign-layout.tft-page-index #wp-block-new-arrivals .tft-new-arrivals__slider-next {
    inset-inline-end: 20px !important;
  }
}
/* === ARIELY HOMEPAGE FULL 20PX CONTENT RAIL: END === */