/* SÜTLÜ KAHVE / MOCHA LATTE LUXURY DESIGN SYSTEM FOR KAVE SECTIONS */
:root {
  --tft-rail-max: 1400px;
  --tft-rail-padding: clamp(16px, 3.5vw, 36px);
  --fur-ref-beige-50: #fcf9f5;
  --fur-ref-beige-100: #f5ede4;
  --fur-ref-beige-200: #e6dacd;
  --fur-ref-beige-300: #d4c2b0;
  
  --fur-primary: #8e623a;
  --fur-primary-hover: #6f4b2a;
  --fur-primary-light: #f5ede4;
  --fur-accent: #8e623a;
  --fur-secondary: #c59b6d;
  
  --fur-dark: #2c1d12;
  --fur-darker: #1a110a;
  --fur-text: #2c1d12;
  --fur-text-muted: #7c6d63;
  --fur-text-light: #fbf7f2;
  
  --fur-bg: #fbf7f2;
  --fur-bg-secondary: #f5ede4;
  --fur-surface: #ffffff;
  --fur-surface-secondary: #f5ede4;
  --fur-card-bg: #ffffff;
  --fur-card-hover-bg: #faf5f0;
  
  --fur-border: #e6dacd;
  --fur-border-light: #ece3db;
  
  --fur-shadow: rgba(44, 29, 18, 0.05);
  --fur-shadow-lg: rgba(44, 29, 18, 0.12);
  
  --fur-badge-bg: #8e623a;
  --fur-badge-text: #ffffff;
  
  --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;
  
  --fur-radius-sm: 8px;
  --fur-radius-md: 16px;
  --fur-radius-lg: 24px;
  --fur-radius-xl: 32px;
  --fur-radius-full: 9999px;
  
  --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);
}

/* ANTI-BLUE & ANTI-GREEN OVERRIDES */
.fur-badge, .badge-primary, .tft-btn--primary, .fur-btn--primary {
  background-color: #8e623a !important;
  color: #ffffff !important;
  border-color: #8e623a !important;
}
.text-primary {
  color: #8e623a !important;
}
.bg-primary {
  background-color: #8e623a !important;
}

/* 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: #a67c52;
  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);

}

/* ==========================================================================
   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;

}

.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);
  
}

.fur-sale-strip {

    grid-template-columns: 1fr;
  
}

.fur-sale-strip__graphic {

    min-height: 180px;
  
}

.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;
  
}

/* 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;
  
}


/* ==========================================================================
   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;
  }

}

/* ==========================================================================
   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-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);

}

/* 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;
  
}

@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;

}

.fur-philosophy__image-side {

    min-height: 300px;
  
}

.fur-stats__grid {

    grid-template-columns: 1fr 1fr;
    gap: 24px;
  
}

.fur-stats__divider {
 display: none; 
}

.fur-stats__grid {

    grid-template-columns: 1fr 1fr;
  
}

/* 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;

}

.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;

}

/* 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;

}

/* 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;

}

/* --- 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;
  
}

/* Materials track full bleed on mobile */
  .fur-materials__track-wrap {

    margin-inline: -20px !important;
    padding-inline: 20px !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;
  
}

/* 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;

}

/* Stats bar — full-bleed dark rounded pill */
.fur-stats {

  margin-inline: 0 !important;
  padding-inline: 0 !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;

}

.fur-materials__track-wrap {

    margin-inline: calc(-1 * var(--fur-gutter)) !important;
    padding-inline: var(--fur-gutter) !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. 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;

}

/* ==========================================================================
   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;

}

/* ==========================================================================
   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-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;

}

@keyframes fur-header-marquee {

  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }

}


/* 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;

}

.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;

}

/* 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;

}

.fur-product-card__add-btn:hover {

  background-color: var(--fur-primary-hover) !important;

}

@keyframes fur-pulse-green {

  0% { opacity: 0.4; }
  100% { opacity: 1; }

}

@keyframes tft-wave-pulse {

  0% { height: 4px; }
  100% { height: 22px; }

}

@keyframes tft-feedback-pulse {

  0% { height: 3px; }
  100% { height: 16px; }

}

@keyframes tft-pulse {

  0% {
    transform: scale(0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }

}

@keyframes tft-dot-pulse {

  0% { opacity: 0.4; }
  100% { opacity: 1; }

}

/* ------------------------------------------------------------------------
   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;

}

/* ==========================================================================
   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;

}

/* ==========================================================================
   TFT REDESIGNED TESTIMONIALS & FEATURES BAR (ThemeForest/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;
  }

}

/* 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;

}

/* 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;

}

/* 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;

}

.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;
  
}

.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;
  
}

.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;
  
}

/* 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;

}

/* 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;

}

/* 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;
  
}

/* New arrivals 1 column on small phone screens */
  .tft-redesign-layout .tft-new-arrivals__grid {

    grid-template-columns: 1fr !important;
    gap: 16px !important;
  
}



/* ==========================================================================
   THEMEFOREST 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;

}

.tft-redesign-layout .tft-philosophy__image-side {

    width: 100% !important;
    aspect-ratio: 16 / 9 !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;
  
}

/* 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;

}

.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;

}

.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;
  
}

.tft-philosophy-icon {

  color: var(--fur-ref-charcoal) !important;
  opacity: 0.65 !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;

}

.tft-philosophy-icon {

  color: var(--fur-ref-green-900) !important;
  opacity: 0.8 !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;

}

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;

}

@keyframes tft-spin {

  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }

}

/* 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;

}

body.tft-page-journal .fur-product-card__add-btn:hover {

  background-color: var(--fur-ref-green-800) !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;

}

/* 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-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;

}

@keyframes fur-play-pulse {

  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 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;

}

/* ── CART BADGE HIGH-VISIBILITY OVERRIDE ──────────────────────────────────── */
@keyframes tft-badge-pop {

  0%   { transform: scale(1); 
}

.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;

}

/* 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;

}

/* 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; 
}

.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;
  
}

.fur-modal-overlay {

  z-index: 2300 !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;

}

/* 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;

}

.tft-category-deck__card--journal {

    grid-column: span 1;
  
}

.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);
  
}

.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 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 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. 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;

}



/* ==========================================================================
   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;

}

/* 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;

}

.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;

}

.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;
  
}

.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('/assets/img/ban2.jpg') no-repeat left center / cover !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 Kave 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;

}

/* 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;

}

body.tft-redesign-layout .tft-new-arrivals__slider-arrow--next {

    inset-inline-end: -10px !important;
  
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-image-wrapper {

    height: 300px !important;
  
}

body.tft-redesign-layout .tft-new-arrivals__grid {

    grid-template-columns: repeat(2, 1fr) !important;
  
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content {

    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;
  
}

body.tft-redesign-layout .tft-new-arrivals__grid {

    grid-template-columns: 1fr !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;

}

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;
  
}

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;
  
}

body.tft-redesign-layout .tft-service-card--capsule {

    grid-column: span 1 !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 */

}

/* 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;

}

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 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 THEMEFOREST 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 */

}

/* 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;

}

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;
  
}

body.tft-redesign-layout .tft-services-strip__nested-wrapper {

    padding-inline: 16px !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 */

}

/* 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;
  }

}

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;

}

/* 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;

}

/* 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;

}

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;
  
}

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;
  
}

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 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;

}

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 - 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 THEMEFOREST 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;

}

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;

}

/* 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;
  
}

/* 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;
  
}



/* ==========================================================================
   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 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;
  }

}


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;

}

/* 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;

}

/* 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;

}

/* 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;

}

/* ------------------------------------------------------------------------
   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;
  }

}


/* 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;
  }

}


/* 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;
  }

}

body.tft-redesign-layout .tft-new-arrivals__grid {

    padding-inline-start: 24px !important;
    padding-inline-end: 24px !important;
  
}

body.tft-redesign-layout .tft-new-arrivals__grid {

    padding-inline-start: 16px !important;
    padding-inline-end: 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;

}


/* ==========================================================================
   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;

}


/* =========================================================================
   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;
  
}

/* 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;

}

/* ==========================================================================
   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;

}

}

body.tft-page-index.tft-redesign-layout .tft-category-deck {

  margin-block-end: 0 !important;

}

@keyframes tft-spin {

  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }

}

.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;
  }

}

/* ==========================================================================
   YAPI MOBILYA - KAVE HARMONIOUS 5-COLUMN CATEGORY DECK & RAIL RESTORATION
   ========================================================================== */
.tft-category-deck {
  padding-block: clamp(36px, 5vw, 64px) !important;
  background-color: var(--fur-bg, #fbf7f2) !important;
}

body.tft-redesign-layout .tft-category-deck__container,
.tft-category-deck__container {
  display: grid !important;
  grid-template-columns: 1.35fr 1fr 1fr 1fr 1.15fr !important;
  gap: 18px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  width: 100% !important;
  padding-inline: clamp(16px, 3.5vw, 36px) !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-category-deck__card,
.tft-category-deck__card {
  position: relative !important;
  background-color: var(--fur-surface, #ffffff) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  border: 1px solid var(--fur-border, #e6dacd) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  height: 100% !important;
  width: 100% !important;
  flex: none !important;
}

.tft-category-deck__card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(44, 29, 18, 0.08) !important;
}

/* Card 1: Featured Consultation */
body.tft-redesign-layout .tft-category-deck__card--featured,
.tft-category-deck__card--featured {
  background: linear-gradient(135deg, #2c1d12 0%, #3a271a 100%) !important;
  border-color: #3a271a !important;
  color: #ffffff !important;
}

.tft-category-deck__card--featured .tft-category-deck__card-content {
  padding: 32px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

/* Cards 2, 3, 4: Split Cards */
.tft-category-deck__split-image-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background-color: #faf5f0 !important;
}

.tft-category-deck__split-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.tft-category-deck__card:hover .tft-category-deck__split-img,
.tft-category-deck__card:hover .tft-category-deck__editorial-img {
  transform: scale(1.05) !important;
}

.tft-category-deck__split-overlay {
  position: absolute !important;
  inset: 0 !important;
  padding: 14px !important;
  pointer-events: none !important;
}

.tft-category-deck__split-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.tft-category-deck__split-num {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #8e623a !important;
  background: rgba(255, 255, 255, 0.92) !important;
  padding: 2px 8px !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

.tft-category-deck__split-icon-circle {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.92) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2c1d12 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

.tft-category-deck__card-body {
  padding: 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.tft-category-deck__card-body .tft-category-deck__card-title {
  font-family: var(--fur-font-sans, system-ui, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  color: #2c1d12 !important;
  margin: 0 0 6px 0 !important;
}

.tft-category-deck__card-body .tft-category-deck__card-desc {
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #7c6d63 !important;
  margin: 0 0 14px 0 !important;
}

.tft-category-deck__card-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8e623a !important;
  text-decoration: none !important;
  margin-top: auto !important;
  transition: color 0.2s, gap 0.2s !important;
}

.tft-category-deck__card-btn:hover {
  color: #6f4b2a !important;
  gap: 12px !important;
}

/* Card 5: Editorial Card */
.tft-category-deck__editorial-media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background-color: #faf5f0 !important;
}

.tft-category-deck__editorial-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.tft-category-deck__editorial-badge {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
}

.tft-category-deck__editorial-num {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  color: #8e623a !important;
  margin-bottom: 4px !important;
  display: block !important;
}

/* Responsive Breakpoints for Category Deck */
@media (max-width: 1200px) {
  body.tft-redesign-layout .tft-category-deck__container,
  .tft-category-deck__container {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  body.tft-redesign-layout .tft-category-deck__container,
  .tft-category-deck__container {
    grid-template-columns: 1fr !important;
  }
}