/* 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: 'Plus Jakarta Sans', system-ui, -apple-system, sans-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: #c59b6d;
  color: #ffffff;

}

/* 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 (KAVE HARMONIOUS DESIGN)
   ========================================================================== */
.fur-materials {
  padding-block: clamp(60px, 7vw, 100px) !important;
  background-color: var(--fur-bg, #fbf7f2) !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Centered Header Block (Exact User Layout) */
.fur-materials__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin-block-end: clamp(36px, 4.5vw, 54px) !important;
  width: 100% !important;
  max-width: 860px !important;
  margin-inline: auto !important;
  padding-inline: 20px !important;
  box-sizing: border-box !important;
}

.fur-materials__title {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(28px, 3.4vw, 40px) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #1a110a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 16px 0 !important;
  text-align: center !important;
  width: 100% !important;
}

.fur-materials__desc {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', -apple-system, sans-serif) !important;
  font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted, #7c6d63) !important;
  margin: 0 auto !important;
  max-width: 720px !important;
  text-align: center !important;
  width: 100% !important;
}

/* Scroll hint on the right of header */
.fur-materials__scroll-hint {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: #7c6d63 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.fur-materials__scroll-line {
  width: 48px !important;
  height: 1px !important;
  background: #d5c5b2 !important;
  position: relative !important;
  overflow: hidden !important;
}

.fur-materials__scroll-line::after {
  content: '' !important;
  position: absolute !important;
  inset-block: 0 !important;
  inset-inline-start: -100% !important;
  width: 100% !important;
  background: #8e623a !important;
  animation: fur-slide-line 2s ease-in-out infinite !important;
}

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

/* Horizontal Drag Track */
.fur-materials__track-wrap {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  cursor: grab !important;
  padding-block: 10px 24px !important;
  user-select: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.fur-materials__track-wrap::-webkit-scrollbar {
  display: none !important;
}

.fur-materials__track-wrap:active,
.fur-materials__track-wrap.is-dragging {
  cursor: grabbing !important;
}

.fur-materials__track {
  display: flex !important;
  gap: 20px !important;
  width: max-content !important;
  padding-inline: max(20px, calc((100vw - 1400px) / 2 + 60px)) !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

/* Material Card - Kave Solid Warm Surface & Strict Geometry */
.fur-material-card {
  flex-shrink: 0 !important;
  width: clamp(260px, 20vw, 290px) !important;
  height: 380px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background-color: #eae4dc !important;
  border: 1px solid rgba(214, 201, 187, 0.6) !important;
  box-shadow: 0 4px 20px rgba(44, 29, 18, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.fur-material-card:hover {
  transform: translateY(-8px) scale(1.01) !important;
  box-shadow: 0 18px 40px rgba(44, 29, 18, 0.12) !important;
  border-color: #c7b49f !important;
}

/* Card Image Box - Completely Fills 280px without any gaps */
.fur-material-card__img-wrap {
  position: relative !important;
  width: 100% !important;
  height: 280px !important;
  overflow: hidden !important;
  background-color: #dfd8cf !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.fur-material-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.fur-material-card:hover .fur-material-card__img {
  transform: scale(1.08) !important;
}

/* Floating Sustainability / Spec Badge */
.fur-material-card__badge {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  background-color: #0e1b10 !important;
  color: #ffffff !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  z-index: 2 !important;
}

/* Card Info Box - Kave Warm Surface */
.fur-material-card__info {
  position: relative !important;
  inset: auto !important;
  padding: 16px 20px !important;
  background: transparent !important;
  color: #1a110a !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex-grow: 1 !important;
  height: 100px !important;
  box-sizing: border-box !important;
}

.fur-material-card__name {
  color: #1a110a !important;
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.fur-material-card__origin {
  color: #72675b !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !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;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.fur-material-card__origin::before {
  content: '' !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #395d38 !important;
  flex-shrink: 0 !important;
}

/* Progress Dash Dots Underneath */
.fur-materials__dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 28px !important;
}

.fur-materials__dot {
  width: 24px !important;
  height: 3px !important;
  border-radius: 4px !important;
  background: #d6cdc4 !important;
  transition: background 0.3s ease, width 0.3s ease !important;
  cursor: pointer !important;
  border: none !important;
  padding: 0 !important;
}

.fur-materials__dot--active {
  background: #1e3522 !important;
  width: 44px !important;
}

/* ==========================================================================
   MATERIAL DETAIL MODAL (Rich Exploration Popup)
   ========================================================================== */
.fur-mat-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(16px, 3vw, 32px) !important;
  background-color: rgba(26, 17, 10, 0.72) !important;
  backdrop-filter: blur(8px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
  box-sizing: border-box !important;
}

.fur-mat-modal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}

.fur-mat-modal__container {
  background: #ffffff !important;
  border-radius: 20px !important;
  max-width: 980px !important;
  width: 100% !important;
  max-height: 90vh !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 42% 58% !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
  position: relative !important;
  transform: scale(0.95) translateY(10px) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
}

.fur-mat-modal.is-open .fur-mat-modal__container {
  transform: scale(1) translateY(0) !important;
}

/* Modal Close Button */
.fur-mat-modal__close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid var(--fur-border, #e6dacd) !important;
  color: #1a110a !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.fur-mat-modal__close:hover {
  background: #1a110a !important;
  color: #ffffff !important;
  transform: rotate(90deg) !important;
}

/* Modal Left: Image Side */
.fur-mat-modal__media {
  position: relative !important;
  background: #faf5f0 !important;
  overflow: hidden !important;
  height: 100% !important;
  min-height: 400px !important;
}

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

.fur-mat-modal__media-badge {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  background: rgba(26, 17, 10, 0.9) !important;
  color: #ffffff !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  backdrop-filter: blur(4px) !important;
}

/* Modal Right: Detailed Content */
.fur-mat-modal__body {
  padding: clamp(24px, 3.5vw, 40px) !important;
  overflow-y: auto !important;
  max-height: 90vh !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.fur-mat-modal__eyebrow {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #8e623a !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.fur-mat-modal__title {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', -apple-system, sans-serif) !important;
  font-size: clamp(24px, 2.5vw, 32px) !important;
  font-weight: 800 !important;
  color: #1a110a !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
}

.fur-mat-modal__origin {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #7c6d63 !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.fur-mat-modal__intro {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', -apple-system, sans-serif) !important;
  font-style: normal !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: #2c1d12 !important;
  padding-left: 14px !important;
  border-left: 3px solid #8e623a !important;
  margin: 0 0 24px 0 !important;
}

/* 4 Pillars Grid */
.fur-mat-modal__pillars {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

.fur-mat-modal__pillar {
  background: var(--fur-bg, #fbf7f2) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  border: 1px solid var(--fur-border-light, #ece3db) !important;
}

.fur-mat-modal__pillar-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: #1a110a !important;
  margin: 0 0 6px 0 !important;
  text-transform: uppercase !important;
}

.fur-mat-modal__pillar-text {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
  color: #5a4b41 !important;
  margin: 0 !important;
}

/* Modal Nav Footer */
.fur-mat-modal__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--fur-border, #e6dacd) !important;
  margin-top: auto !important;
}

.fur-mat-modal__nav-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: #1a110a !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

.fur-mat-modal__nav-btn:hover {
  background: var(--fur-bg-secondary, #f5ede4) !important;
  color: #8e623a !important;
}

@media (max-width: 860px) {
  .fur-mat-modal__container {
    grid-template-columns: 1fr !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
  }
  .fur-mat-modal__media {
    min-height: 220px !important;
    max-height: 240px !important;
  }
  .fur-mat-modal__body {
    padding: 20px !important;
    max-height: none !important;
  }
}

/* --- SECTION PADDING ON MOBILE --- */
  .fur-rooms-grid,
  .fur-styles-grid,
  .fur-products,
  .fur-lookbooks,
  .fur-services,
  .fur-cta-banner,
  .fur-sale-strip,
  .fur-marquee,
  .fur-press,
  .fur-materials,
  .fur-testimonials,
  .fur-journal,
  .fur-newsletter-outer {

    padding-inline: 20px !important;
  
}

.fur-philosophy,
  .fur-stats {

    margin-inline: 20px !important;
  
}

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

}

/* ==========================================================================
   YAPI MOBILYA - 3'LÜ DÜĞÜN PAKETİ PANORAMİK SHOWCASE (TAM EKRAN)
   ========================================================================== */
.tft-wedding-panoramic {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  background: #1a110a !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-top: clamp(20px, 2.5vw, 40px) !important;
  margin-bottom: clamp(20px, 2.5vw, 40px) !important;
  display: block !important;
}

.tft-wedding-panoramic__stage {
  position: relative !important;
  width: 100% !important;
  line-height: 0 !important;
  display: block !important;
}

.tft-wedding-panoramic__media-wrap {
  position: relative !important;
  width: 100% !important;
  line-height: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

.tft-wedding-panoramic__img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: clamp(480px, 46vw, 720px) !important;
  max-height: clamp(520px, 50vw, 780px) !important;
  object-fit: cover !important;
  display: block !important;
  border: none !important;
  user-select: none !important;
}

/* Buğulu ve Yumuşak Üst Geçiş: Keskinliği giderilmiş, ferah tavan tonu */
.tft-wedding-panoramic__overlay-top {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: clamp(140px, 22vw, 270px) !important;
  background: linear-gradient(180deg, rgba(20, 14, 10, 0.44) 0%, rgba(20, 14, 10, 0.20) 42%, rgba(20, 14, 10, 0.03) 78%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* Buğulu ve Yumuşak Alt Geçiş: Keskinliği giderilmiş, zarif zemin tonu */
.tft-wedding-panoramic__overlay-bottom {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: clamp(80px, 14vw, 160px) !important;
  background: linear-gradient(0deg, rgba(20, 14, 10, 0.28) 0%, rgba(20, 14, 10, 0.07) 55%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* Üst Başlık & Kısa Açıklama Alanı (Görselin Üzerinde Ortalı) */
.tft-wedding-panoramic__header {
  position: absolute !important;
  top: clamp(24px, 4vw, 52px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  width: calc(100% - 32px) !important;
  max-width: 900px !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

.tft-wedding-panoramic__title {
  font-family: var(--fur-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(22px, 2.7vw, 42px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

.tft-wedding-panoramic__subtitle {
  font-family: var(--fur-font-sans, "Plus Jakarta Sans", sans-serif) !important;
  font-size: clamp(12.5px, 0.95vw, 15px) !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  margin: 0 auto !important;
  max-width: 720px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.7), 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Minimal Görsel Üstü Aksiyon Butonu ("Daha minimal yap onu") */
.tft-wedding-panoramic__footer {
  position: absolute !important;
  bottom: clamp(18px, 2.5vw, 32px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 15 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.tft-wedding-panoramic__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: clamp(9px, 0.9vw, 12px) clamp(22px, 2vw, 30px) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-family: var(--fur-font-sans, "Outfit", sans-serif) !important;
  font-size: clamp(10.5px, 0.82vw, 12px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-wedding-panoramic__btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
  text-shadow: none !important;
}

.tft-wedding-panoramic__btn-icon {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.tft-wedding-panoramic__btn:hover .tft-wedding-panoramic__btn-icon {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  transform: translateX(3px) !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: center !important;
  align-items: center !important;
  text-align: 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); }
  100% { 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: #c59b6d !important;
  border-color: #c59b6d !important;
  color: #ffffff !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: none !important;
  display: none !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 - BASE */
body.tft-redesign-layout .tft-new-arrivals {
  padding-top: clamp(16px, 2vw, 26px) !important;
  padding-bottom: clamp(40px, 4.5vw, 64px) !important;
  background-color: var(--fur-bg, #fbf7f2) !important;
}

body.tft-redesign-layout .tft-new-arrivals__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin-block-end: clamp(24px, 2.5vw, 36px) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals__title-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

body.tft-redesign-layout .tft-new-arrivals__title {
  width: 100% !important;
  text-align: center !important;
  align-self: center !important;
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(28px, 3.4vw, 40px) !important;
  color: #1a110a !important;
  margin: 0 0 20px 0 !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

body.tft-redesign-layout .tft-new-arrivals__subtitle {
  width: 100% !important;
  text-align: center !important;
  align-self: center !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted, #7c6d63) !important;
  margin: 0 auto !important;
  max-width: 680px !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: center !important;
    justify-content: center !important;
    text-align: center !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,
.tft-new-arrivals {
  background-color: var(--fur-bg, #fbf7f2) !important;
  padding-top: clamp(16px, 2vw, 26px) !important;
  padding-bottom: clamp(40px, 4.5vw, 64px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals__container,
.tft-new-arrivals__container {
  max-width: 1400px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 48px) !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals__header,
.tft-new-arrivals__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  margin-block-end: clamp(24px, 2.5vw, 36px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals__title,
.tft-new-arrivals__title {
  width: 100% !important;
  text-align: center !important;
  align-self: center !important;
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(28px, 3.4vw, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
  color: #1a110a !important;
  margin: 0 0 20px 0 !important;
}

body.tft-redesign-layout .tft-new-arrivals__subtitle,
.tft-new-arrivals__subtitle {
  width: 100% !important;
  text-align: center !important;
  align-self: center !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
  line-height: 1.6 !important;
  color: var(--fur-text-muted, #7c6d63) !important;
  margin: 0 auto !important;
  max-width: 680px !important;
}

body.tft-redesign-layout .tft-new-arrivals__grid,
.tft-new-arrivals__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 1100px) {
  body.tft-redesign-layout .tft-new-arrivals__grid,
  .tft-new-arrivals__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 600px) {
  body.tft-redesign-layout .tft-new-arrivals__grid,
  .tft-new-arrivals__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* Card Outer Frame */
body.tft-redesign-layout .tft-new-arrivals .tft-product-card,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card,
.tft-new-arrivals .tft-product-card,
.tft-new-arrivals__grid .tft-product-card {
  background-color: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px !important;
  border: 1px solid var(--fur-border, #e6dacd) !important;
  box-shadow: 0 4px 14px rgba(44, 29, 18, 0.03) !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;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals .tft-product-card:hover,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card:hover,
.tft-new-arrivals .tft-product-card:hover,
.tft-new-arrivals__grid .tft-product-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 36px rgba(44, 29, 18, 0.08) !important;
}

/* Card Image Box */
body.tft-redesign-layout .tft-new-arrivals .tft-product-card__img-wrap,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__img-wrap,
.tft-new-arrivals .tft-product-card__img-wrap,
.tft-new-arrivals__grid .tft-product-card__img-wrap {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background-color: #faf5f0 !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-new-arrivals .tft-product-card__img-link,
.tft-new-arrivals .tft-product-card__img-link,
.tft-new-arrivals__grid .tft-product-card__img-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}

body.tft-redesign-layout .tft-new-arrivals .tft-product-card__img,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__img,
.tft-new-arrivals .tft-product-card__img,
.tft-new-arrivals__grid .tft-product-card__img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

body.tft-redesign-layout .tft-new-arrivals .tft-product-card:hover .tft-product-card__img,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card:hover .tft-product-card__img,
.tft-new-arrivals .tft-product-card:hover .tft-product-card__img,
.tft-new-arrivals__grid .tft-product-card:hover .tft-product-card__img {
  transform: scale(1.04) !important;
}

/* Card Content Box (Cappuccino Warm Fill) */
body.tft-redesign-layout .tft-new-arrivals .tft-product-card__content,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__content,
.tft-new-arrivals .tft-product-card__content,
.tft-new-arrivals__grid .tft-product-card__content {
  padding: 16px 14px 14px 14px !important;
  background-color: var(--fur-bg-secondary, #f5ede4) !important;
  border-radius: 10px !important;
  margin-top: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
}

/* Card Category Tag */
body.tft-redesign-layout .tft-new-arrivals .tft-product-card__category,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__category,
.tft-new-arrivals .tft-product-card__category,
.tft-new-arrivals__grid .tft-product-card__category {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #8e623a !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Card Title */
body.tft-redesign-layout .tft-new-arrivals .tft-product-card__title,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__title,
.tft-new-arrivals .tft-product-card__title,
.tft-new-arrivals__grid .tft-product-card__title {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #2c1d12 !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.3 !important;
}

body.tft-redesign-layout .tft-new-arrivals .tft-product-card__title-link,
body.tft-redesign-layout .tft-new-arrivals .tft-product-card__title a,
body.tft-redesign-layout .tft-new-arrivals__slider-col .tft-product-card__title a,
.tft-new-arrivals .tft-product-card__title-link,
.tft-new-arrivals .tft-product-card__title a,
.tft-new-arrivals__grid .tft-product-card__title-link {
  color: #2c1d12 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

body.tft-redesign-layout .tft-new-arrivals .tft-product-card__title-link:hover,
.tft-new-arrivals .tft-product-card__title-link:hover {
  color: #8e623a !important;
}

/* Card Action Link / Button */
.tft-product-card__action-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #271a11 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px dashed var(--fur-border, #e6dacd) !important;
  width: 100% !important;
  transition: color 0.25s ease !important;
  box-sizing: border-box !important;
}

.tft-product-card:hover .tft-product-card__action-btn,
.tft-product-card__action-btn:hover {
  color: #8e623a !important;
}

.tft-product-card__action-btn .tft-category-deck__card-arrow {
  font-size: 14px !important;
  transition: transform 0.25s ease !important;
}

.tft-product-card:hover .tft-product-card__action-btn .tft-category-deck__card-arrow,
.tft-product-card__action-btn:hover .tft-category-deck__card-arrow {
  transform: translateX(4px) !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: #c59b6d !important;
  border-color: #c59b6d !important;
  color: #ffffff !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;
  }

}

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

/* Category Deck Height - Natural flow */
body.tft-redesign-layout .tft-category-deck__card {

  height: 100% !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 NOTEBOOK / UYUMLU KOMBINASYONLAR
   ========================================================================== */

.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, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--fur-accent, #8e623a) !important;
  margin-block-end: 12px !important;
}

.tft-nb__title {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(26px, 3.2vw, 38px) !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

.tft-nb__title-italic {
  font-style: normal !important;
  font-weight: 700 !important;
}

.tft-nb__subtitle {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: clamp(0.9rem, 1.1vw, 1.05rem) !important;
  color: var(--fur-text-muted, #7c6d63) !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, #ffffff) !important;
  border: 1px solid var(--fur-border, #e6dacd) !important;
  border-radius: var(--fur-radius-lg, 24px) !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, border-color 0.3s ease !important;
}

.tft-nb__card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 40px var(--fur-shadow-lg, rgba(44, 29, 18, 0.12)) !important;
  border-color: #8e623a !important;
}

.tft-nb__card-media {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  text-decoration: none !important;
  cursor: pointer !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, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--fur-accent, #8e623a) !important;
  margin-block-end: 8px !important;
}

.tft-nb__card-title {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
  font-weight: 600 !important;
  color: var(--fur-text, #2c1d12) !important;
  margin: 0 0 12px 0 !important;
}

.tft-nb__card-desc {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: clamp(0.82rem, 1vw, 0.92rem) !important;
  color: var(--fur-text-muted, #7c6d63) !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, #e6dacd) !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, 9999px) !important;
  display: inline-block !important;
}

.tft-nb__swatch-name {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: var(--fur-text, #2c1d12) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.tft-nb__card-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #271a11 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin-top: 24px !important;
  padding-top: 16px !important;
  border-top: 1px dashed var(--fur-border, #e6dacd) !important;
  transition: color 0.25s ease, gap 0.25s ease !important;
}

.tft-nb__card:hover .tft-nb__card-link,
.tft-nb__card-link:hover {
  color: #8e623a !important;
  gap: 12px !important;
}

.tft-nb__card-link .tft-category-deck__card-arrow {
  font-size: 14px !important;
  transition: transform 0.25s ease !important;
}

.tft-nb__card:hover .tft-nb__card-link .tft-category-deck__card-arrow,
.tft-nb__card-link:hover .tft-category-deck__card-arrow {
  transform: translateX(4px) !important;
}

@media (max-width: 991px) {
  .tft-nb__grid {
    grid-template-columns: 1fr !important;
    max-width: 580px !important;
    margin-inline: auto !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 4-VISIBLE CARDS SLIDER & EQUAL DECK RESTORATION
   ========================================================================== */
.tft-category-deck {
  padding-block: clamp(36px, 4.5vw, 60px) !important;
  background-color: var(--fur-bg, #fbf7f2) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
}

body.tft-redesign-layout .tft-category-deck__container,
.tft-category-deck__container {
  display: flex !important;
  flex-direction: row !important;
  gap: 18px !important;
  align-items: stretch !important;
  max-width: min(1560px, 94vw) !important;
  margin-inline: auto !important;
  width: 100% !important;
  padding-inline: clamp(16px, 3vw, 32px) !important;
  box-sizing: border-box !important;
}

/* Card Base */
body.tft-redesign-layout .tft-category-deck__card,
.tft-category-deck__card {
  position: relative !important;
  background-color: #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.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@media (min-width: 769px) {
  body.tft-redesign-layout .tft-category-deck__card,
  .tft-category-deck__card {
    height: 100% !important;
    min-height: 440px !important;
  }
}

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

/* Card 1: İlhamdan Gerçeğe (Giriş Kartı - Diğer Görsellerle Birebir Aynı Boyutta) */
body.tft-redesign-layout .tft-category-deck__card--featured,
.tft-category-deck__card--featured {
  flex: 0 0 calc((100% - 4 * 18px) / 5) !important;
  width: calc((100% - 4 * 18px) / 5) !important;
  min-width: calc((100% - 4 * 18px) / 5) !important;
  position: relative !important;
  background-color: #f7f3ee !important;
  border: 1px solid var(--fur-border, #e6dacd) !important;
  color: #271a11 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  height: auto !important;
  align-self: stretch !important;
  border-radius: 20px !important;
}

@media (min-width: 992px) {
  body.tft-redesign-layout .tft-category-deck__card--featured,
  .tft-category-deck__card--featured {
    min-height: 440px !important;
  }
}

/* Buğulu mobilya arka plan görsel katmanı */
.tft-category-deck__card-bg-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.tft-category-deck__card-bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.55 !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease !important;
}

.tft-category-deck__card--featured:hover .tft-category-deck__card-bg-img {
  transform: scale(1.06) !important;
  opacity: 0.65 !important;
}

/* Degrade Katman */
.tft-category-deck__card-bg-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(251, 247, 242, 0.90) 100%) !important;
}

body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content,
.tft-category-deck__card--featured .tft-category-deck__card-content {
  position: relative !important;
  z-index: 2 !important;
  padding: 30px 22px 24px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .tft-category-deck__card-header-group,
.tft-category-deck__card-header-group {
  display: flex !important;
  flex-direction: column !important;
}

body.tft-redesign-layout .tft-category-deck__card-tag,
.tft-category-deck__card-tag {
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #9e6b43 !important;
  text-transform: uppercase !important;
  margin-bottom: 26px !important;
  display: block !important;
}

/* Tanıtım Kartı Başlıkları */
body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-title,
.tft-category-deck__card--featured .tft-category-deck__card-title {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  border: none !important;
}

.tft-deck-title-main {
  font-family: var(--fur-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: #271a11 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.tft-deck-title-sub {
  font-family: var(--fur-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: #8e623a !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

/* Tanıtım Kartı Açıklama */
body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-desc,
.tft-category-deck__card--featured .tft-category-deck__card-desc {
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #554438 !important;
  margin: 0 0 16px 0 !important;
  font-weight: 400 !important;
}

/* Navigasyon Alanı (Giriş Kartı İçi) */
.tft-deck-nav-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 0 !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(223, 210, 196, 0.5) !important;
}

.tft-deck-nav-hint {
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #9e6b43 !important;
  display: block !important;
}

.tft-category-deck__intro-nav {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

.tft-category-deck__nav-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #dfd2c4 !important;
  color: #271a11 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 3px 8px rgba(44, 29, 18, 0.08) !important;
  outline: none !important;
}

.tft-category-deck__nav-btn:hover {
  background: #c59b6d !important;
  color: #ffffff !important;
  border-color: #c59b6d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(197, 155, 109, 0.35) !important;
}

/* Slider Wrap & Edge Butonları */
.tft-category-deck__slider-wrap {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
}

.tft-cat-edge-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid #dfd2c4 !important;
  color: #271a11 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(44, 29, 18, 0.12) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  opacity: 0.9 !important;
}

.tft-cat-edge-btn:hover {
  background: #c59b6d !important;
  color: #ffffff !important;
  border-color: #c59b6d !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 8px 24px rgba(197, 155, 109, 0.35) !important;
  opacity: 1 !important;
}

.tft-cat-edge-btn--prev {
  left: -14px !important;
}

.tft-cat-edge-btn--next {
  right: -14px !important;
}

/* Slider Track: Tam 4 adet görsel kartını aynı anda gösterir */
.tft-category-deck__slider-track {
  display: flex !important;
  gap: 18px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 8px 4px 16px 4px !important;
  margin: -8px -4px -16px -4px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: grab !important;
  align-items: stretch !important;
}

.tft-category-deck__slider-track.is-dragging {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
  user-select: none !important;
}

.tft-category-deck__slider-track::-webkit-scrollbar {
  display: none !important;
}

/* Slide Kartı (Masaüstünde ekranda tam 4 görsel kartı görünür) */
.tft-category-deck__slide {
  flex: 0 0 calc((100% - 3 * 18px) / 4) !important;
  width: calc((100% - 3 * 18px) / 4) !important;
  min-width: calc((100% - 3 * 18px) / 4) !important;
  scroll-snap-align: start !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  background-color: #ffffff !important;
  border: 1px solid var(--fur-border, #e6dacd) !important;
  height: auto !important;
  min-height: 440px !important;
  align-self: stretch !important;
  text-decoration: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
}

.tft-category-deck__slide:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 36px rgba(44, 29, 18, 0.1) !important;
  border-color: #c59b6d !important;
}

/* Görsel Kapsayıcı: Ürünü net ve büyük gösterir */
.tft-cat-card__img-wrap,
.tft-category-deck__image-wrap {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 350px !important;
  overflow: hidden !important;
  background-color: #f7f4ee !important;
  border-radius: 20px 20px 0 0 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.tft-cat-card__img,
.tft-category-deck__card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-category-deck__slide:hover .tft-cat-card__img,
.tft-category-deck__card:hover .tft-category-deck__card-img,
.tft-category-deck__image-wrap:hover .tft-category-deck__card-img {
  transform: scale(1.05) !important;
}

/* Kart Altlığı: Tarza Göre Mobilyalar Birebir Eşdeğeri Şık Beyaz Alt Bar */
.tft-cat-card__footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 13px 18px !important;
  background-color: #ffffff !important;
  border-top: 1px solid #f2ede7 !important;
  min-height: 54px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  flex: 0 0 auto !important;
}

.tft-cat-card__info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
}

.tft-cat-card__title {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  transition: color 0.25s ease !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tft-category-deck__slide:hover .tft-cat-card__title {
  color: #8e623a !important;
}

.tft-cat-card__btn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  background-color: #f6f3ee !important;
  color: #1c1917 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-category-deck__slide:hover .tft-cat-card__btn {
  background-color: #c59b6d !important;
  color: #ffffff !important;
  transform: scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(197, 155, 109, 0.35) !important;
}

/* Eski class fallback */
body.tft-redesign-layout .tft-category-deck__card-body,
.tft-category-deck__card-body {
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background-color: #ffffff !important;
  border-top: 1px solid #f2ede7 !important;
}

/* Responsive Düzen */
@media (max-width: 1200px) {
  body.tft-redesign-layout .tft-category-deck__card--featured,
  .tft-category-deck__card--featured {
    flex: 0 0 calc((100% - 3 * 16px) / 4) !important;
    width: calc((100% - 3 * 16px) / 4) !important;
    min-width: calc((100% - 3 * 16px) / 4) !important;
  }
  .tft-category-deck__slide {
    flex: 0 0 calc((100% - 2 * 16px) / 3) !important;
    width: calc((100% - 2 * 16px) / 3) !important;
    min-width: calc((100% - 2 * 16px) / 3) !important;
  }
}

@media (max-width: 991px) {
  .tft-category-deck {
    padding-block-start: clamp(28px, 4vw, 36px) !important;
    padding-block-end: clamp(24px, 3.5vw, 32px) !important;
  }

  body.tft-redesign-layout .tft-category-deck__container,
  .tft-category-deck__container {
    flex-direction: column !important;
    gap: 14px !important;
    padding: 0 12px !important;
  }

  /* İlhamdan Gerçeğe: Mobilde kompakt, darlaştırılmış ve şık minimal banner */
  body.tft-redesign-layout .tft-category-deck__card--featured,
  .tft-category-deck__card--featured {
    width: 100% !important;
    flex: none !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #ebd9c8 !important;
    box-shadow: 0 2px 8px rgba(44, 29, 18, 0.04) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .tft-category-deck__card-bg-wrap {
    display: none !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-content,
  .tft-category-deck__card--featured .tft-category-deck__card-content {
    padding: 13px 16px 13px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: linear-gradient(135deg, #fdfbf7 0%, #f7efe6 100%) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    gap: 0 !important;
  }
  .tft-category-deck__card-header-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .tft-category-deck__card--featured .tft-category-deck__card-tag,
  body.tft-redesign-layout .tft-category-deck__card-tag {
    font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #8e623a !important;
    text-transform: uppercase !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    display: block !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-category-deck__card-title,
  .tft-category-deck__card--featured .tft-category-deck__card-title {
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    line-height: 1.2 !important;
    width: 100% !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-deck-title-main,
  .tft-category-deck__card--featured .tft-deck-title-main,
  body.tft-redesign-layout .tft-deck-title-main {
    color: #1a110a !important;
    display: inline !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
  }
  body.tft-redesign-layout .tft-category-deck__card--featured .tft-deck-title-sub,
  .tft-category-deck__card--featured .tft-deck-title-sub,
  body.tft-redesign-layout .tft-deck-title-sub {
    color: #8e623a !important;
    display: inline !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
  }
  .tft-deck-bottom-group {
    margin-top: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .tft-category-deck__card-desc {
    font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    color: #554438 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }
  .tft-category-deck__card--featured .tft-deck-nav-wrapper {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    border: none !important;
  }
  .tft-category-deck__intro-nav,
  .tft-cat-edge-btn,
  .tft-deck-nav-hint {
    display: none !important;
  }

  /* Kategori Kartları: 2 Sütunlu Kompakt Vitrin Izgarası (Tarza Göre Mobilyalar Temiz Çizgisi) */
  .tft-category-deck__slider-wrap {
    width: 100% !important;
    display: block !important;
    overflow: visible !important;
  }
  .tft-category-deck__slider-track {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    transform: none !important;
  }

  /* 8 Kategori Kartı (Kompakt 2'li düzen - Siteyi kaplamayan zarif tasarım) */
  body.tft-redesign-layout .tft-category-deck__slider-track .tft-category-deck__card,
  body.tft-redesign-layout .tft-category-deck__card:not(.tft-category-deck__card--featured),
  body.tft-redesign-layout .tft-category-deck__slide,
  .tft-category-deck__slider-track .tft-category-deck__card,
  .tft-category-deck__card:not(.tft-category-deck__card--featured),
  .tft-category-deck__slide,
  .tft-cat-card {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    background-color: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e8e4dc !important;
    box-shadow: 0 3px 12px rgba(44, 29, 18, 0.04) !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }

  .tft-category-deck__slide:active,
  .tft-cat-card:active {
    transform: scale(0.98) !important;
  }

  /* Görsel Alanı: 4/3 Kompakt Dikdörtgen Oran (Gereksiz yükseklik almaz) */
  .tft-cat-card__img-wrap,
  .tft-category-deck__image-wrap {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 15px 15px 0 0 !important;
    background: #faf6f0 !important;
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    line-height: 0 !important;
  }
  .tft-cat-card__img-wrap picture,
  .tft-category-deck__image-wrap picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 4 / 3 !important;
    line-height: 0 !important;
  }
  .tft-cat-card__img,
  .tft-category-deck__card-img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Kart Alt Bilgisi: Birebir Screenshot 2 Tarzı İnce Beyaz Bar + Yuvarlak Ok Butonu */
  .tft-cat-card__footer {
    background-color: #ffffff !important;
    border-top: 1px solid #f2ede7 !important;
    border-radius: 0 0 15px 15px !important;
    padding: 8px 10px !important;
    min-height: 42px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .tft-cat-card__info {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  .tft-cat-card__title {
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a110a !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  .tft-cat-card__btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 50% !important;
    background-color: #f6f3ee !important;
    color: #1c1917 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-left: 6px !important;
    transition: all 0.2s ease !important;
  }

  .tft-cat-card__btn svg {
    width: 12px !important;
    height: 12px !important;
  }

  .tft-cat-card:active .tft-cat-card__btn {
    background-color: #c59b6d !important;
    color: #ffffff !important;
  }

  /* Müşterilerimiz ve Mimarlarımızın Deneyimleri - Mobil Minimalist & 2+Devam Düzeni */
  #wp-block-tft-testimonials {
    padding: 40px 0 42px !important;
  }
  .tft-testimonials__heading-box {
    margin-bottom: 18px !important;
    padding: 0 14px !important;
  }
  #tft-testimonials-heading {
    font-size: 19px !important;
    line-height: 1.3 !important;
  }
  .tft-testimonials__carousel-wrap {
    padding: 0 14px !important;
  }
  .tft-testimonials__slider-track {
    gap: 10px !important;
    padding: 6px 2px 14px !important;
  }
  .tft-testimonial-card-min {
    flex: 0 0 calc((100% - 10px) / 2.22) !important;
    max-width: calc((100% - 10px) / 2.22) !important;
    min-width: 145px !important;
    padding: 9px 9px 11px 9px !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
  }
  .tft-testimonial-card-min > div:first-child {
    height: 108px !important;
    margin-bottom: 7px !important;
    border-radius: 8px !important;
  }
  .tft-testimonial-card-min div[style*="color: #f59e0b"] {
    font-size: 9.5px !important;
    margin-bottom: 3px !important;
    letter-spacing: 1px !important;
  }
  .tft-testimonial-card-min p {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    margin: 0 0 6px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 42px !important;
  }
  .tft-testimonial-card-min div[style*="border-top: 1px solid"] {
    padding-top: 6px !important;
    gap: 6px !important;
  }
  .tft-testimonial-card-min div[style*="width: 30px"] {
    width: 22px !important;
    height: 22px !important;
    font-size: 9.5px !important;
    flex-shrink: 0 !important;
  }
  .tft-testimonial-card-min h4 {
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .tft-testimonial-card-min span {
    font-size: 9px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }
  .tft-testi-btn {
    width: 30px !important;
    height: 30px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  }
  .tft-testi-btn svg {
    width: 14px !important;
    height: 14px !important;
  }
  .tft-testi-btn--prev {
    left: 2px !important;
  }
  .tft-testi-btn--next {
    right: 2px !important;
  }
}

/* ==========================================================================
   TFT LUXURY REDESIGN: SECTION HEADERS (Flex-aligned with View All link)
   ========================================================================== */
body.tft-redesign-layout .fur-section-header,
.fur-section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-bottom: 28px !important;
  width: 100% !important;
  max-width: var(--tft-rail-max, 1400px) !important;
  margin-inline: auto !important;
  padding-inline: var(--tft-rail-padding, clamp(16px, 3.5vw, 36px)) !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .fur-section-header__title,
.fur-section-header__title {
  margin: 0 !important;
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
}

body.tft-redesign-layout .fur-section-header__subtitle,
.fur-section-header__subtitle {
  width: 100% !important;
  margin: 6px 0 0 0 !important;
  color: #7c6d63 !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
}

body.tft-redesign-layout .fur-section-header__link,
.fur-section-header__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1a110a !important;
  text-decoration: none !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  white-space: nowrap !important;
  margin-bottom: 4px !important;
}

body.tft-redesign-layout .fur-section-header__link:hover,
.fur-section-header__link:hover {
  color: #8e623a !important;
  transform: translateX(4px) !important;
}

body.tft-redesign-layout .fur-section-header__link svg,
.fur-section-header__link svg {
  transition: transform 0.25s ease !important;
}

body.tft-redesign-layout .fur-section-header__link:hover svg,
.fur-section-header__link:hover svg {
  transform: translateX(3px) !important;
}

/* ==========================================================================
   TFT LUXURY REDESIGN: SHOP BY ROOM (2-Column Large Cards matching Reference)
   ========================================================================== */
/* ==========================================================================
   TFT LUXURY REDESIGN: SHOP BY ROOM (Sleek Horizontal Sizing matching Reference)
   ========================================================================== */
body.tft-redesign-layout .fur-rooms-grid,
.fur-rooms-grid {
  margin-block: clamp(48px, 6vw, 80px) !important;
  padding-inline: clamp(20px, 3.8vw, 48px) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .fur-section-header,
.fur-section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  max-width: 1560px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .fur-section-header__title,
.fur-section-header__title {
  margin: 0 !important;
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(26px, 2.8vw, 36px) !important;
  font-weight: 600 !important;
  color: #1a110a !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
}

body.tft-redesign-layout .fur-section-header__link,
.fur-section-header__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--fur-font-sans, "Outfit", "Plus Jakarta Sans", sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2e442d !important;
  text-decoration: none !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  white-space: nowrap !important;
  margin-bottom: 4px !important;
}

body.tft-redesign-layout .fur-section-header__link:hover,
.fur-section-header__link:hover {
  color: #1a2a1a !important;
  transform: translateX(4px) !important;
}

body.tft-redesign-layout .fur-rooms-grid__layout,
body.tft-redesign-layout .fur-rooms-grid__container,
.fur-rooms-grid__layout,
.fur-rooms-grid__container {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  max-width: 1560px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  body.tft-redesign-layout .fur-rooms-grid,
  .fur-rooms-grid {
    padding-inline: 16px !important;
  }

  body.tft-redesign-layout .fur-rooms-grid__layout,
  body.tft-redesign-layout .fur-rooms-grid__container,
  .fur-rooms-grid__layout,
  .fur-rooms-grid__container {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.fur-room-card {
  display: flex !important;
  flex-direction: column !important;
  background-color: #ffffff !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid #e8e4dc !important;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
  cursor: pointer !important;
  position: relative !important;
}

.fur-room-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(46, 68, 45, 0.12) !important;
  border-color: #2e442d !important;
}

/* Görsel Alanı: Referans ile Birebir Dikdörtgen Oran (1200x475 - 2.526 : 1), Ürünler %100 Net & Kesintisiz */
.fur-room-card__img-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1200 / 475 !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  overflow: hidden !important;
  background-color: #f7f3ee !important;
}

.fur-room-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.fur-room-card:hover .fur-room-card__img {
  transform: scale(1.035) !important;
}

/* Kart Altlığı: Dar/Kompakt Beyaz Alan (Görsele Maksimum Alan Açılır) */
.fur-room-card__footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 11px 20px !important;
  min-height: 50px !important;
  background-color: #ffffff !important;
}

.fur-room-card__info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.fur-room-card__title {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}

.fur-room-card__btn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  background-color: #f6f3ee !important;
  color: #1c1917 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease !important;
}

.fur-room-card:hover .fur-room-card__btn,
.fur-room-card__btn:hover {
  background-color: #c59b6d !important;
  color: #ffffff !important;
  transform: scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(197, 155, 109, 0.35) !important;
}

/* ==========================================================================
   TFT LUXURY REDESIGN: SHOP BY STYLE (4-Column Grid matching Reference)
   ========================================================================== */
body.tft-redesign-layout .fur-styles,
.fur-styles {
  margin-block: clamp(40px, 5vw, 68px) !important;
  padding-inline: clamp(20px, 3.8vw, 48px) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .fur-styles .fur-section-header,
.fur-styles .fur-section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  max-width: 1560px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .fur-styles .fur-section-header__title,
.fur-styles .fur-section-header__title,
#fur-styles-heading {
  margin: 0 !important;
  font-family: var(--fur-font-sans, "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif) !important;
  font-size: clamp(24px, 2.5vw, 32px) !important;
  font-weight: 500 !important;
  color: #1a110a !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
}

body.tft-redesign-layout .fur-styles .fur-section-header__link,
.fur-styles .fur-section-header__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--fur-font-sans, "Outfit", "Plus Jakarta Sans", sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2e442d !important;
  text-decoration: none !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  white-space: nowrap !important;
  margin-bottom: 4px !important;
}

body.tft-redesign-layout .fur-styles .fur-section-header__link:hover,
.fur-styles .fur-section-header__link:hover {
  color: #1a2a1a !important;
  transform: translateX(4px) !important;
}

body.tft-redesign-layout .fur-styles__grid,
.fur-styles__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  max-width: 1560px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

@media (max-width: 1024px) {
  body.tft-redesign-layout .fur-styles,
  .fur-styles {
    padding-inline: clamp(16px, 3vw, 24px) !important;
  }

  body.tft-redesign-layout .fur-styles__grid,
  .fur-styles__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 576px) {
  body.tft-redesign-layout .fur-styles,
  .fur-styles {
    padding-inline: 16px !important;
  }

  body.tft-redesign-layout .fur-styles__grid,
  .fur-styles__grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

body.tft-redesign-layout .fur-style-card,
.fur-style-card {
  display: flex !important;
  flex-direction: column !important;
  background-color: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #e7dfd4 !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
  cursor: pointer !important;
  box-shadow: 0 3px 12px rgba(142, 98, 58, 0.05) !important;
}

body.tft-redesign-layout .fur-style-card:hover,
.fur-style-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(142, 98, 58, 0.12), 0 4px 10px rgba(44, 29, 18, 0.04) !important;
  border-color: #c9b49e !important;
}

body.tft-redesign-layout .fur-style-card__img-wrap,
.fur-style-card__img-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  height: auto !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #f7f2eb 0%, #ede3d6 100%) !important;
}

body.tft-redesign-layout .fur-style-card__img-wrap::after,
.fur-style-card__img-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 36px !important;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.tft-redesign-layout .fur-style-card__img,
.fur-style-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-redesign-layout .fur-style-card:hover .fur-style-card__img,
.fur-style-card:hover .fur-style-card__img {
  transform: scale(1.02) !important;
}

body.tft-redesign-layout .fur-style-card__footer,
.fur-style-card__footer {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  padding: 13px 18px !important;
  background-color: #ffffff !important;
  border-top: 1px solid #f1eae1 !important;
  gap: 12px !important;
  box-sizing: border-box !important;
}

body.tft-redesign-layout .fur-style-card__info,
.fur-style-card__info {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
  flex: 1 !important;
  text-align: left !important;
}

body.tft-redesign-layout .fur-style-card__title,
.fur-style-card__title {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
}

body.tft-redesign-layout .fur-style-card__count,
.fur-style-card__count {
  font-size: 12px !important;
  color: #88776a !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.tft-redesign-layout .fur-style-card__arrow,
.fur-style-card__arrow {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  background-color: #f4ede3 !important;
  color: #3b2c20 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
  flex-shrink: 0 !important;
}

body.tft-redesign-layout .fur-style-card:hover .fur-style-card__arrow,
.fur-style-card:hover .fur-style-card__arrow {
  background-color: #c59b6d !important;
  color: #ffffff !important;
  transform: translateX(2px) scale(1.04) !important;
  box-shadow: 0 4px 10px rgba(197, 155, 109, 0.35) !important;
}

/* ==========================================================================
   TFT LUXURY REDESIGN: GARDEN FURNITURE BANNER (Section 12 - SLIM STRIP)
   ========================================================================== */
body.tft-redesign-layout .fur-sale-strip,
body.tft-page-index .fur-sale-strip,
.fur-sale-strip {
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  margin-block: clamp(24px, 3.5vw, 44px) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  display: block !important;
}

body.tft-redesign-layout .fur-sale-strip__card,
body.tft-page-index .fur-sale-strip__card,
.fur-sale-strip__card {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background: #302013 !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  min-height: clamp(250px, 20vw, 320px) !important;
  max-height: 380px !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Background image link covering 100% of the card */
body.tft-redesign-layout .fur-sale-strip__bg-link,
body.tft-page-index .fur-sale-strip__bg-link,
.fur-sale-strip__bg-link {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  display: block !important;
  text-decoration: none !important;
}

body.tft-redesign-layout .fur-sale-strip__bg-img,
body.tft-page-index .fur-sale-strip__bg-img,
.fur-sale-strip__bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left center !important;
  display: block !important;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tft-redesign-layout .fur-sale-strip__card:hover .fur-sale-strip__bg-img,
body.tft-page-index .fur-sale-strip__card:hover .fur-sale-strip__bg-img,
.fur-sale-strip__card:hover .fur-sale-strip__bg-img {
  transform: scale(1.02) !important;
}

/* Right-aligned text content placed directly over the dark coffee gradient area */
body.tft-redesign-layout .fur-sale-strip__content,
body.tft-page-index .fur-sale-strip__content,
.fur-sale-strip__content {
  position: relative !important;
  z-index: 2 !important;
  width: clamp(340px, 45%, 580px) !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-block: clamp(20px, 2.5vw, 36px) !important;
  padding-inline: clamp(24px, 4vw, 64px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  body.tft-redesign-layout .fur-sale-strip__card,
  body.tft-page-index .fur-sale-strip__card,
  .fur-sale-strip__card {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    max-height: none !important;
  }
  body.tft-redesign-layout .fur-sale-strip__bg-link,
  body.tft-page-index .fur-sale-strip__bg-link,
  .fur-sale-strip__bg-link {
    position: relative !important;
    height: clamp(200px, 42vw, 300px) !important;
    width: 100% !important;
  }
  body.tft-redesign-layout .fur-sale-strip__content,
  body.tft-page-index .fur-sale-strip__content,
  .fur-sale-strip__content {
    position: relative !important;
    width: 100% !important;
    margin-left: 0 !important;
    background: #302013 !important;
    padding: 24px 20px !important;
  }
}

body.tft-redesign-layout .fur-sale-strip__tag-row,
.fur-sale-strip__tag-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 6px !important;
}

body.tft-redesign-layout .fur-sale-strip__tag,
.fur-sale-strip__tag {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #c59b6d !important;
  display: block !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body.tft-redesign-layout .fur-sale-strip__tag-line,
.fur-sale-strip__tag-line {
  display: block !important;
  height: 1px !important;
  width: 36px !important;
  background-color: rgba(197, 155, 109, 0.4) !important;
  flex-shrink: 0 !important;
}

body.tft-redesign-layout .fur-sale-strip__title,
.fur-sale-strip__title {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(22px, 2.1vw, 32px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: -0.015em !important;
}

body.tft-redesign-layout .fur-sale-strip__title-italic,
.fur-sale-strip__title-italic {
  font-style: italic !important;
  color: #e8dac8 !important;
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-weight: 400 !important;
}

body.tft-redesign-layout .fur-sale-strip__desc,
.fur-sale-strip__desc {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: clamp(12px, 0.9vw, 13.5px) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.45 !important;
  margin: 0 0 14px 0 !important;
  max-width: 480px !important;
}

body.tft-redesign-layout .fur-sale-strip__actions,
.fur-sale-strip__actions {
  display: flex !important;
  align-items: center !important;
  gap: clamp(14px, 1.8vw, 24px) !important;
  flex-wrap: wrap !important;
}

body.tft-redesign-layout .fur-sale-strip__btn,
.fur-sale-strip__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background-color: #8e623a !important;
  color: #ffffff !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 9px 20px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 3px 10px rgba(142, 98, 58, 0.3) !important;
}

body.tft-redesign-layout .fur-sale-strip__btn:hover,
.fur-sale-strip__btn:hover {
  background-color: #a47244 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(142, 98, 58, 0.45) !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping,
.fur-sale-strip__shipping {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping-icon-wrap,
.fur-sale-strip__shipping-icon-wrap {
  color: #c59b6d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping-text,
.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,
.fur-sale-strip__shipping-text strong {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}

body.tft-redesign-layout .fur-sale-strip__shipping-text span,
.fur-sale-strip__shipping-text span {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 10px !important;
  color: rgba(255, 255, 255, 0.65) !important;
}

/* ==========================================================================
   TFT LUXURY REDESIGN: SUBPAGES (Category & Product Pages)
   ========================================================================== */

/* 1. Category Sidebar CTA Banner */
.ym-sidebar-banner {
  position: relative !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  color: #111827 !important;
  background: #ffffff !important;
  padding: 28px 22px !important;
  text-align: center !important;
  border: 1px solid #ebdcd0 !important;
  box-shadow: 0 4px 16px rgba(44, 29, 18, 0.03) !important;
}

.ym-sidebar-banner h4 {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  color: #111827 !important;
  letter-spacing: -0.01em !important;
}

.ym-sidebar-banner p {
  font-size: 13.5px !important;
  color: #6b7280 !important;
  line-height: 1.55 !important;
  margin-bottom: 20px !important;
}

.ym-sidebar-banner .banner-btn {
  background: #8e623a !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 9px 24px !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(142, 98, 58, 0.25) !important;
}

.ym-sidebar-banner .banner-btn:hover {
  background: #734e2c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(115, 78, 44, 0.35) !important;
}

/* 2. Category Pagination */
.ym-pagination {
  gap: 8px !important;
}

.ym-pagination .page-link {
  min-width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #382e27 !important;
  background: #ffffff !important;
  border: 1px solid #eae3db !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.25s ease !important;
}

.ym-pagination .page-link:hover,
.ym-pagination-wrap .pagination-link:hover:not(.disabled):not(.active) {
  color: #ffffff !important;
  border-color: #111827 !important;
  background: #111827 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(-2px) !important;
}

.ym-pagination .page-item.active .page-link,
.ym-pagination-wrap .pagination-link.active {
  color: #ffffff !important;
  background: #111827 !important;
  border-color: #111827 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  transform: translateY(-1px) !important;
}

/* 3. Product Card Minimal & Luxury Layout */
.ym-product-meta {
  display: none !important;
}

.ym-card-info-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
}

.ym-card-info-left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.ym-card-product .name-product {
  color: #1a1a1a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  line-clamp: 2 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: auto !important;
  max-height: none !important;
  height: auto !important;
  transition: color 0.2s ease !important;
}

.ym-card-product .name-product:hover {
  color: #8e623a !important;
}

.ym-card-product .ym-rating {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
}

.ym-card-product .ym-rating .ym-stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1.5px !important;
  line-height: 1 !important;
}

.ym-card-product .ym-rating .star-active {
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.ym-card-product .ym-rating .star-muted {
  color: #d8dadf !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.ym-card-product .ym-rating small,
.ym-card-product .ym-rating-count {
  color: #8c8c8c !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  margin-left: 2px !important;
}

.ym-card-info-right.price-wrap {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  text-align: right !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
}

.ym-card-info-right .price-new,
.ym-card-info-right .h6 {
  color: #8e623a !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  letter-spacing: -0.3px !important;
}

.ym-card-info-right .price-old {
  color: #9ca3af !important;
  font-size: 12.5px !important;
  text-decoration: line-through !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Sepete Ekle Butonunu Liste/Kategori Kartlarında Tamamen Kaldır */
.ym-card-product .ym-add-btn,
.ym-card-bottom .ym-add-btn,
.ym-add-btn {
  display: none !important;
}

/* Kategori Sayfası Alt Kategori Sayı Rozetlerini Kaldır */
.ym-subcat-pill .badge {
  display: none !important;
}

/* Ürün Görseli Üzerindeki Fotoğraf Sayı Rozetini Kaldır */
.ym-card-gallery__badge {
  display: none !important;
}

/* Paylaşım Butonlarını Kaldır */
.ym-cat-share {
  display: none !important;
}

/* Yatay Alt Kategori Pill Bar ve İleri/Geri Oklar */
.ym-subcat-nav-wrapper {
  position: relative !important;
  width: 100% !important;
  margin-bottom: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.ym-subcat-nav-btn {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
  padding: 0 !important;
  user-select: none !important;
}

.ym-subcat-nav-btn i {
  font-size: 22px !important;
  line-height: 1 !important;
}

.ym-subcat-nav-btn:hover:not(.is-disabled) {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  transform: scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

.ym-subcat-nav-btn:active:not(.is-disabled) {
  transform: scale(0.95) !important;
}

.ym-subcat-nav-btn.is-disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

.ym-subcat-pills-bar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 6px 2px 14px 2px !important;
  scroll-behavior: smooth !important;
  flex: 1 1 auto !important;
  cursor: grab !important;
  user-select: none !important;
}

.ym-subcat-pills-bar.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}

.ym-subcat-pills-bar::-webkit-scrollbar {
  display: none !important;
}

/* 4. Product Detail: Tabs (Açıklama, Değerlendirmeler, Soru & Cevap) */
.flat-animate-tab .menu-tab-1 {
  gap: 12px !important;
  border-bottom: 2px solid #eae3db !important;
  padding-bottom: 12px !important;
  margin-bottom: 30px !important;
}

.flat-animate-tab .menu-tab-1 .nav-tab-item .tab-link {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #554d46 !important;
  padding: 11px 26px !important;
  border: 1px solid #eae3db !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.flat-animate-tab .menu-tab-1 .nav-tab-item .tab-link:hover:not(.active) {
  color: #8e623a !important;
  border-color: #8e623a !important;
  background-color: #faf7f4 !important;
}

.flat-animate-tab .menu-tab-1 .nav-tab-item .tab-link.active {
  color: #ffffff !important;
  border-color: #1a110a !important;
  background-color: #1a110a !important;
  box-shadow: 0 4px 14px rgba(26, 17, 10, 0.15) !important;
}

/* 5. Product Detail: Quantity Selector */
.wg-quantity {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  padding: 4px 10px !important;
}

.wg-quantity .btn-quantity {
  color: #475569 !important;
  transition: color 0.2s ease !important;
}

.wg-quantity .btn-quantity:hover {
  color: #111827 !important;
}

.wg-quantity .quantity-product {
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* 6. Product Detail: Add to Cart and Buy Now Buttons */
.btn-add-to-cart,
.btn-add-to-cart-sticky,
.tf-btn.btn-add-to-cart,
.tf-btn.btn-add-to-cart-sticky {
  background: #8e623a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 15.5px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-add-to-cart:hover,
.btn-add-to-cart-sticky:hover,
.tf-btn.btn-add-to-cart:hover,
.tf-btn.btn-add-to-cart-sticky:hover {
  background: #734c28 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(142, 98, 58, 0.35) !important;
}

.btn-buy-now,
.tf-btn.btn-buy-now {
  background: #1a110a !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-buy-now:hover,
.tf-btn.btn-buy-now:hover {
  background: #2e2015 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(26, 17, 10, 0.25) !important;
}

/* 7. Product Detail: Rich Description & Technical Specs Tables */
.product-rich-description {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  color: #3f3630 !important;
  line-height: 1.8 !important;
  font-size: 15px !important;
}

.product-rich-description h3,
.product-rich-description h4,
.product-rich-description h5 {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  margin: 28px 0 16px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #eae3db !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.product-rich-description h4::before,
.product-rich-description h3::before {
  content: '' !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  background: #8e623a !important;
  border-radius: 2px !important;
}

.product-rich-description table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 16px 0 24px 0 !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.product-rich-description table tr {
  border: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  transition: background-color 0.2s ease !important;
}

.product-rich-description table tr:hover {
  background-color: transparent !important;
}

.product-rich-description table tr:last-child {
  border-bottom: none !important;
}

.product-rich-description table th,
.product-rich-description table td {
  padding: 11px 16px !important;
  font-size: 13px !important;
  border: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  line-height: 1.55 !important;
}

.product-rich-description table th:first-child,
.product-rich-description table td:first-child {
  border-left: none !important;
}

.product-rich-description table th:last-child,
.product-rich-description table td:last-child {
  border-right: none !important;
}

.product-rich-description table tr:first-child th,
.product-rich-description table tr:first-child td {
  border-top: none !important;
}

.product-rich-description table tr:last-child td,
.product-rich-description table tr:last-child th {
  border-bottom: none !important;
}

.product-rich-description table tr td:first-child,
.product-rich-description table tr th:first-child {
  background-color: #f8fafc !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  width: 34% !important;
  border-left: none !important;
  border-right: 1px solid #e2e8f0 !important;
}

.product-rich-description table td:not(:first-child) {
  color: #475569 !important;
  background-color: #ffffff !important;
}

.product-rich-description ul {
  margin: 14px 0 !important;
  padding-left: 22px !important;
}

.product-rich-description ul li {
  margin-bottom: 8px !important;
  color: #4f453d !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* 8. Category SEO Box Typography */
.category-seo-desc h3,
.category-seo-desc h4 {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  color: #1a110a !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  margin: 22px 0 10px 0 !important;
}

.category-seo-desc p {
  color: #554a40 !important;
  line-height: 1.8 !important;
  margin-bottom: 14px !important;
}

.category-seo-desc strong {
  color: #2c1d12 !important;
}

/* ==========================================================================
   TFT LUXURY REDESIGN: GRAND SHOWCASE STRIP (IMAGE 2 SCALE + WARDROBE CARD)
   ========================================================================== */
body.tft-redesign-layout .tft-services-strip.tft-services-strip--showcase,
.tft-services-strip.tft-services-strip--showcase {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: clamp(24px, 3.5vw, 44px) !important;
  align-items: stretch !important;
  min-height: clamp(360px, 32vw, 440px) !important;
  background: linear-gradient(135deg, #fcf9f5 0%, #f6efe6 100%) !important;
  border-radius: 28px !important;
  border: 1px solid var(--fur-border, #e6dacd) !important;
  padding: clamp(28px, 3vw, 44px) !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 12px 32px rgba(44, 29, 18, 0.04) !important;
  margin-block: clamp(28px, 4vw, 52px) !important;
}

/* Sol Taraf: Bilgi & Kalite Özellikleri */
.tft-services-strip__info-side {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

.tft-services-strip__header {
  margin-bottom: clamp(20px, 2.5vw, 32px) !important;
}

.tft-services-strip__eyebrow {
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #9e6b43 !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 6px !important;
}

.tft-services-strip__title {
  font-family: var(--fur-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(24px, 2.5vw, 34px) !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.01em !important;
}

.tft-services-strip__title-italic {
  font-style: italic !important;
  color: #8e623a !important;
}

.tft-services-strip__subtitle {
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #6c5d52 !important;
  margin: 0 !important;
}

/* 3 Özellik Izgarası */
body.tft-redesign-layout .tft-services-strip--showcase .tft-services-strip__main-features,
.tft-services-strip--showcase .tft-services-strip__main-features {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-top: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.tft-services-strip--showcase .tft-services-strip__feature-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
  border: none !important;
}

.tft-services-strip--showcase .tft-services-strip__feature-icon-wrap {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #ebd8c7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #8e623a !important;
  box-shadow: 0 4px 12px rgba(44, 29, 18, 0.04) !important;
  margin-bottom: 2px !important;
}

.tft-services-strip--showcase .tft-services-strip__feature-title {
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  color: #1a110a !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

.tft-services-strip--showcase .tft-services-strip__feature-desc {
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 11.5px !important;
  color: #78685b !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* Sağ Taraf: Kare Tasarım İçinde Gardırop (3. Görsel) */
.tft-services-strip__wardrobe-card {
  position: relative !important;
  background-color: #ffffff !important;
  border-radius: 22px !important;
  border: 1px solid #ebd8c7 !important;
  box-shadow: 0 16px 40px rgba(44, 29, 18, 0.07) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: clamp(22px, 2.5vw, 28px) clamp(18px, 2vw, 24px) clamp(18px, 2vw, 22px) clamp(18px, 2vw, 24px) !important;
  height: 100% !important;
  min-height: 340px !important;
  box-sizing: border-box !important;
}

/* Arka plandaki büyük şık tipografi (Tek kelime: GARDIROP) */
.tft-services-strip__backdrop-word {
  position: absolute !important;
  top: 36% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-family: var(--fur-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(52px, 6.5vw, 84px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  color: rgba(142, 98, 58, 0.12) !important;
  white-space: nowrap !important;
  z-index: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.tft-services-strip__wardrobe-header {
  position: relative !important;
  z-index: 3 !important;
  text-align: center !important;
  margin-bottom: 6px !important;
}

.tft-services-strip__wardrobe-tag {
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: #9e6b43 !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 3px !important;
}

.tft-services-strip__wardrobe-title {
  font-family: var(--fur-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(17px, 1.8vw, 21px) !important;
  font-weight: 600 !important;
  color: #1a110a !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}

/* Gardırop Ön Planda Sahne */
.tft-services-strip__wardrobe-stage {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-block: 8px !important;
}

.tft-services-strip__wardrobe-img {
  width: 100% !important;
  height: auto !important;
  max-height: 220px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 28px rgba(44, 29, 18, 0.14)) !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tft-services-strip__wardrobe-card:hover .tft-services-strip__wardrobe-img {
  transform: scale(1.04) !important;
}

/* Buton */
.tft-services-strip__wardrobe-link {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  background: #faf7f4 !important;
  border: 1px solid #ebd8c7 !important;
  border-radius: 9999px !important;
  color: #1a110a !important;
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  align-self: center !important;
  transition: all 0.3s ease !important;
}

.tft-services-strip__wardrobe-link:hover {
  background: #1a110a !important;
  color: #ffffff !important;
  border-color: #1a110a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(26, 17, 10, 0.2) !important;
}

/* Responsive Düzen */
@media (max-width: 1024px) {
  body.tft-redesign-layout .tft-services-strip.tft-services-strip--showcase,
  .tft-services-strip.tft-services-strip--showcase {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  
  .tft-services-strip--showcase .tft-services-strip__main-features {
    margin-bottom: 12px !important;
  }
}

@media (max-width: 680px) {
  body.tft-redesign-layout .tft-services-strip--showcase .tft-services-strip__main-features,
  .tft-services-strip--showcase .tft-services-strip__main-features {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  
  .tft-services-strip__wardrobe-card {
    min-height: 280px !important;
  }
  
  .tft-services-strip__wardrobe-img {
    max-height: 180px !important;
  }
}

/* ==========================================================================
   TFT LUXURY REDESIGN: FULL-WIDTH GRAND WARDROBE SHOWCASE (SEAMLESS STUDIO)
   ========================================================================== */
.tft-wardrobe-showcase {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block !important;
}

/* Sahne & Tam Ekran Dikişsiz Görsel */
.tft-wardrobe-showcase__stage {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  display: block !important;
}

.tft-wardrobe-showcase__media-wrap {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  display: block !important;
}

.tft-wardrobe-showcase__img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   İNTERAKTİF ÜRÜN & DONANIM BUTONLARI (HOTSPOTS)
   ========================================================================== */
.tft-hotspot {
  position: absolute !important;
  z-index: 20 !important;
  transform: translate(-50%, -50%) !important;
  line-height: normal !important;
}

/* 1920x684 Sahne Üzerindeki Hassas Konumlar */
.tft-hotspot--1 {
  left: 14.5% !important;
  top: 36.8% !important;
}

.tft-hotspot--2 {
  left: 36% !important;
  top: 31.8% !important;
}

.tft-hotspot--3 {
  left: 63% !important;
  top: 39.4% !important;
}

.tft-hotspot--4 {
  left: 81% !important;
  top: 34.3% !important;
}

.tft-hotspot--5 {
  left: 50% !important;
  top: 71% !important;
}

/* Pin Butonu */
.tft-hotspot__pin {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  background: transparent !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Nabız Efekti */
.tft-hotspot__pulse {
  position: absolute !important;
  inset: -6px !important;
  border-radius: 50% !important;
  background: rgba(142, 98, 58, 0.45) !important;
  animation: tft-hotspot-ripple 2.4s infinite cubic-bezier(0.2, 0.8, 0.4, 1) !important;
  pointer-events: none !important;
}

/* Merkez İkon / Düğme */
.tft-hotspot__core {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #8e623a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(44, 29, 18, 0.28), 0 0 0 2px #8e623a !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
}

.tft-hotspot:hover .tft-hotspot__core,
.tft-hotspot.is-active .tft-hotspot__core {
  background: #8e623a !important;
  color: #ffffff !important;
  transform: scale(1.15) !important;
  box-shadow: 0 6px 20px rgba(142, 98, 58, 0.5), 0 0 0 3px #ffffff !important;
}

@keyframes tft-hotspot-ripple {
  0% { transform: scale(0.7); opacity: 0.9; }
  70% { transform: scale(1.9); opacity: 0; }
  100% { transform: scale(2.2); opacity: 0; }
}

/* Popover / Ürün Kartı */
.tft-hotspot__popover {
  position: absolute !important;
  width: clamp(230px, 18vw, 280px) !important;
  padding: 14px 16px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(201, 184, 168, 0.5) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 36px rgba(44, 29, 18, 0.16) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 30 !important;
  line-height: normal !important;
  text-align: left !important;
}

/* Yön Pozisyonları */
.tft-hotspot__popover--right {
  left: calc(100% + 14px) !important;
  top: 50% !important;
  transform: translateY(-50%) scale(0.92) !important;
}

.tft-hotspot__popover--bottom {
  left: 50% !important;
  top: calc(100% + 14px) !important;
  transform: translateX(-50%) scale(0.92) !important;
}

.tft-hotspot__popover--top {
  left: 50% !important;
  bottom: calc(100% + 14px) !important;
  transform: translateX(-50%) scale(0.92) !important;
}

.tft-hotspot__popover--left {
  right: calc(100% + 14px) !important;
  top: 50% !important;
  transform: translateY(-50%) scale(0.92) !important;
}

/* Hover ve Aktif Durum */
.tft-hotspot:hover .tft-hotspot__popover,
.tft-hotspot.is-active .tft-hotspot__popover {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.tft-hotspot:hover .tft-hotspot__popover--right,
.tft-hotspot.is-active .tft-hotspot__popover--right {
  transform: translateY(-50%) scale(1) !important;
}

.tft-hotspot:hover .tft-hotspot__popover--bottom,
.tft-hotspot.is-active .tft-hotspot__popover--bottom {
  transform: translateX(-50%) scale(1) !important;
}

.tft-hotspot:hover .tft-hotspot__popover--top,
.tft-hotspot.is-active .tft-hotspot__popover--top {
  transform: translateX(-50%) scale(1) !important;
}

.tft-hotspot:hover .tft-hotspot__popover--left,
.tft-hotspot.is-active .tft-hotspot__popover--left {
  transform: translateY(-50%) scale(1) !important;
}

/* Popover İçeriği */
.tft-hotspot__tag {
  font-family: var(--fur-font-sans, "Outfit", sans-serif) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #8e623a !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
  display: block !important;
}

.tft-hotspot__title {
  font-family: var(--fur-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #1a110a !important;
  margin: 0 0 5px 0 !important;
  line-height: 1.25 !important;
}

.tft-hotspot__desc {
  font-family: var(--fur-font-sans, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #5c4e42 !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

.tft-hotspot__btn {
  display: inline-block !important;
  margin-top: 8px !important;
  font-family: var(--fur-font-sans, "Outfit", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #8e623a !important;
  text-decoration: none !important;
  letter-spacing: 0.05em !important;
  transition: color 0.2s ease !important;
}

.tft-hotspot__btn:hover {
  color: #1a110a !important;
}

/* Popover Hover Gap Bridge (Fare pimden açılır kutuya geçerken kaybolmayı engeller) */
.tft-hotspot__popover::before {
  content: "" !important;
  position: absolute !important;
  pointer-events: auto !important;
}

.tft-hotspot__popover--bottom::before {
  top: -24px !important;
  left: -20px !important;
  right: -20px !important;
  height: 28px !important;
}

.tft-hotspot__popover--top::before {
  bottom: -24px !important;
  left: -20px !important;
  right: -20px !important;
  height: 28px !important;
}

.tft-hotspot__popover--right::before {
  left: -24px !important;
  top: -20px !important;
  bottom: -20px !important;
  width: 28px !important;
}

.tft-hotspot__popover--left::before {
  right: -24px !important;
  top: -20px !important;
  bottom: -20px !important;
  width: 28px !important;
}

/* Hotspot Görsel Thumbnail & Başlık Linki */
.tft-hotspot__title-link {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.tft-hotspot__title-link:hover {
  color: #8e623a !important;
}

.tft-hotspot__thumb-link {
  display: block !important;
  width: 100% !important;
  margin: 8px 0 10px 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  line-height: 0 !important;
  border: 1px solid rgba(201, 184, 168, 0.45) !important;
  box-shadow: 0 4px 14px rgba(44, 29, 18, 0.12) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

.tft-hotspot__thumb-link:hover {
  transform: scale(1.025) !important;
  box-shadow: 0 8px 22px rgba(44, 29, 18, 0.22) !important;
}

.tft-hotspot__thumb-img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  display: block !important;
}

/* ==========================================================================
   AKSİYON BUTONU (ZARİF BEYAZ ZEMİN ÜZERİNDE ORTALANMIŞ)
   ========================================================================== */
.tft-wardrobe-showcase__footer {
  position: relative !important;
  z-index: 5 !important;
  text-align: center !important;
  width: 100% !important;
  margin-top: clamp(-45px, -3vw, -20px) !important;
  padding-bottom: clamp(10px, 1.2vw, 16px) !important;
  padding-inline: 15px !important;
  box-sizing: border-box !important;
}

.tft-wardrobe-showcase__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: clamp(10px, 1vw, 13px) clamp(24px, 2.2vw, 34px) !important;
  background: rgba(112, 95, 80, 0.68) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-family: var(--fur-font-sans, "Outfit", "Inter", sans-serif) !important;
  font-size: clamp(10.5px, 0.85vw, 12px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

.tft-wardrobe-showcase__btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3) !important;
  text-shadow: none !important;
}

.tft-wardrobe-showcase__btn-icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

.tft-wardrobe-showcase__btn:hover .tft-wardrobe-showcase__btn-icon {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  transform: translateX(3px) !important;
}

/* ==========================================================================
   RESPONSIVE / MOBİL UYARLAMA
   ========================================================================== */
@media (max-width: 991px) {
  .tft-hotspot__popover {
    width: 210px !important;
    padding: 12px 14px !important;
  }
}

@media (max-width: 768px) {
  .tft-wardrobe-showcase {
    margin-bottom: 16px !important;
  }

  .tft-hotspot__pin {
    width: 28px !important;
    height: 28px !important;
  }

  .tft-hotspot__core {
    width: 22px !important;
    height: 22px !important;
  }

  .tft-hotspot__pulse {
    inset: -4px !important;
  }

  .tft-hotspot__popover {
    width: 190px !important;
    padding: 10px 12px !important;
    font-size: 11px !important;
  }

  .tft-hotspot--1 .tft-hotspot__popover {
    left: 0 !important;
    top: calc(100% + 10px) !important;
    transform: scale(0.92) !important;
  }
  .tft-hotspot--1:hover .tft-hotspot__popover,
  .tft-hotspot--1.is-active .tft-hotspot__popover {
    transform: scale(1) !important;
  }

  .tft-hotspot--4 .tft-hotspot__popover {
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 10px) !important;
    transform: scale(0.92) !important;
  }
  .tft-hotspot--4:hover .tft-hotspot__popover,
  .tft-hotspot--4.is-active .tft-hotspot__popover {
    transform: scale(1) !important;
  }

  .tft-wardrobe-showcase__footer {
    margin-top: 10px !important;
    padding-bottom: 20px !important;
  }

  .tft-wardrobe-showcase__btn {
    padding: 10px 20px !important;
    font-size: 10.5px !important;
    gap: 8px !important;
  }

  .tft-wardrobe-showcase__btn-icon {
    width: 22px !important;
    height: 22px !important;
  }
}

/* ==========================================================================
   TFT LUXURY REDESIGN: FEATURED DESIGN SHOWCASE (Vinfur Style - Luxury Berjer)
   Soft Cappuccino & Sütlü Kahve Geometric Shapes with Sculptural Armchair
   ========================================================================== */
body.tft-redesign-layout .fur-featured-showcase,
body.tft-page-index .fur-featured-showcase,
.fur-featured-showcase {
  margin-block: clamp(48px, 6vw, 84px) !important;
  padding-inline: clamp(20px, 3.8vw, 48px) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
}

.fur-featured-showcase__container {
  width: 100% !important;
  max-width: 1560px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

.fur-featured-showcase__grid {
  display: grid !important;
  grid-template-columns: 1fr 1.08fr !important;
  gap: clamp(36px, 5.2vw, 84px) !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* --- Left Column: Copywriting & Introductions --- */
.fur-featured-showcase__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.fur-featured-showcase__tag-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.fur-featured-showcase__tag {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8e623a !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.fur-featured-showcase__tag-line {
  display: block !important;
  height: 1px !important;
  width: 40px !important;
  background-color: rgba(142, 98, 58, 0.4) !important;
  flex-shrink: 0 !important;
}

.fur-featured-showcase__title {
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(28px, 2.9vw, 44px) !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  line-height: 1.18 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 16px 0 !important;
}

.fur-featured-showcase__title-italic {
  display: block !important;
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #8e623a !important;
  font-size: 0.88em !important;
  margin-top: 4px !important;
}

.fur-featured-showcase__desc {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: clamp(14px, 1.05vw, 15.5px) !important;
  color: #55483d !important;
  line-height: 1.7 !important;
  margin: 0 0 28px 0 !important;
  max-width: 540px !important;
}

.fur-featured-showcase__specs {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-bottom: 32px !important;
  max-width: 520px !important;
}

.fur-featured-showcase__spec-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

.fur-featured-showcase__spec-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 10px !important;
  background-color: #fcf8f3 !important;
  border: 1px solid #ebd9c8 !important;
  color: #8e623a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(142, 98, 58, 0.06) !important;
  transition: all 0.3s ease !important;
}

.fur-featured-showcase__spec-item:hover .fur-featured-showcase__spec-icon {
  background-color: #8e623a !important;
  border-color: #8e623a !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgba(142, 98, 58, 0.25) !important;
}

.fur-featured-showcase__spec-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.fur-featured-showcase__spec-text strong {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  letter-spacing: -0.01em !important;
}

.fur-featured-showcase__spec-text span {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 12.5px !important;
  color: #73655a !important;
  line-height: 1.45 !important;
}

.fur-featured-showcase__actions {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.fur-featured-showcase__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.fur-featured-showcase__btn--primary {
  background-color: #8e623a !important;
  color: #ffffff !important;
  padding: 13px 28px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(142, 98, 58, 0.3) !important;
}

.fur-featured-showcase__btn--primary:hover {
  background-color: #a47244 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(142, 98, 58, 0.45) !important;
}

.fur-featured-showcase__btn--ghost {
  background-color: #ffffff !important;
  color: #3b2c20 !important;
  border: 1px solid #d5c4b1 !important;
  padding: 12px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.fur-featured-showcase__btn--ghost:hover {
  border-color: #8e623a !important;
  color: #8e623a !important;
  background-color: #fcf9f5 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(142, 98, 58, 0.12) !important;
}

/* --- Right Column: Visual Stage with Geometric Shapes --- */
.fur-featured-showcase__visual {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.fur-featured-showcase__stage {
  position: relative !important;
  width: 100% !important;
  max-width: 640px !important;
  min-height: 520px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Soft Cappuccino & Sütlü Kahve Vertical Rectangles */
.fur-featured-showcase__shape {
  position: absolute !important;
  border-radius: 4px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.65s ease !important;
}

/* Right Shape: Sütlü Kahve / Cappuccino (Taller, anchored on the right) */
.fur-featured-showcase__shape--cappuccino {
  top: 0 !important;
  right: clamp(10px, 3.5%, 32px) !important;
  width: clamp(140px, 32%, 195px) !important;
  height: 100% !important;
  max-height: 570px !important;
  background-color: #dbcbbb !important;
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.02) !important;
}

/* Left Shape: Soft Cream Latte (Slightly shorter and shifted to the left) */
.fur-featured-showcase__shape--latte {
  top: 42px !important;
  right: calc(clamp(10px, 3.5%, 32px) + clamp(140px, 32%, 195px) + 16px) !important;
  width: clamp(140px, 32%, 195px) !important;
  height: calc(100% - 84px) !important;
  max-height: 486px !important;
  background-color: #f3ede6 !important;
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.015) !important;
}

/* Subtle Interactive Shift on Hover */
.fur-featured-showcase__stage:hover .fur-featured-showcase__shape--cappuccino {
  transform: translateY(-8px) scaleY(1.015) !important;
}

.fur-featured-showcase__stage:hover .fur-featured-showcase__shape--latte {
  transform: translateY(8px) scaleY(1.015) !important;
}

/* Chair Product Cutout floating over the shapes */
.fur-featured-showcase__img-wrap {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  text-decoration: none !important;
  cursor: pointer !important;
  text-align: center !important;
}

.fur-featured-showcase__img {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 580px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1), filter 0.65s ease !important;
  filter: drop-shadow(0 14px 28px rgba(44, 29, 18, 0.07)) !important;
}

.fur-featured-showcase__stage:hover .fur-featured-showcase__img {
  transform: scale(1.035) translateY(-5px) !important;
  filter: drop-shadow(0 22px 36px rgba(44, 29, 18, 0.12)) !important;
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
  .fur-featured-showcase__grid {
    gap: clamp(24px, 3.5vw, 48px) !important;
  }
  .fur-featured-showcase__stage {
    min-height: 470px !important;
  }
}

@media (max-width: 991px) {
  .fur-featured-showcase__grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .fur-featured-showcase__content {
    order: 2 !important;
  }
  .fur-featured-showcase__visual {
    order: 1 !important;
  }
  .fur-featured-showcase__stage {
    min-height: 420px !important;
    max-width: 520px !important;
  }
  .fur-featured-showcase__img {
    max-width: 480px !important;
  }
}

@media (max-width: 576px) {
  body.tft-redesign-layout .fur-featured-showcase,
  body.tft-page-index .fur-featured-showcase,
  .fur-featured-showcase {
    padding-inline: 16px !important;
    margin-block: 36px !important;
  }
  .fur-featured-showcase__stage {
    min-height: 310px !important;
    max-width: 100% !important;
  }
  .fur-featured-showcase__shape--cappuccino {
    width: 105px !important;
    max-height: 310px !important;
    right: 8px !important;
  }
  .fur-featured-showcase__shape--latte {
    width: 105px !important;
    max-height: 260px !important;
    top: 25px !important;
    right: 121px !important;
  }
  .fur-featured-showcase__img {
    max-width: 330px !important;
  }
  .fur-featured-showcase__actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .fur-featured-showcase__btn {
    width: 100% !important;
  }
}

/* ==========================================================================
   TAMAMLAYICI ÜRÜNLER HEADER ALIGNMENT & SPACING
   ========================================================================== */
#wp-block-new-arrivals.tft-new-arrivals,
body.tft-redesign-layout #wp-block-new-arrivals.tft-new-arrivals {
  padding-top: clamp(28px, 3.2vw, 48px) !important;
}

#wp-block-new-arrivals .tft-new-arrivals__container,
body.tft-redesign-layout #wp-block-new-arrivals .tft-new-arrivals__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

#wp-block-new-arrivals .tft-new-arrivals__header,
body.tft-redesign-layout #wp-block-new-arrivals .tft-new-arrivals__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: clamp(10px, 1.2vw, 18px) !important;
  margin-bottom: clamp(24px, 2.5vw, 36px) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

#wp-block-new-arrivals .tft-new-arrivals__title,
body.tft-redesign-layout #wp-block-new-arrivals .tft-new-arrivals__title {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-inline: auto !important;
  font-family: var(--fur-font-serif, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(26px, 3.2vw, 38px) !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

/* ==========================================================================
   ÖNE ÇIKAN KOLEKSİYONLAR (SPOTLIGHT GRID: MODERN SALON, BAHÇE MOBİLYA, AVİZE)
   ========================================================================== */
.fur-spotlight {
  margin-block: 0 !important;
  padding-block: clamp(60px, 5.5vw, 85px) !important;
  padding-inline: clamp(20px, 3.8vw, 48px) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.fur-spotlight__container {
  max-width: 1560px !important;
  margin-inline: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(18px, 2vw, 26px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.fur-spot-card {
  position: relative !important;
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 1px solid #e7dfd4 !important;
  background-color: #f7f4ee !important;
  box-shadow: 0 4px 20px rgba(142, 98, 58, 0.06) !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
  cursor: pointer !important;
}

.fur-spot-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(142, 98, 58, 0.12), 0 4px 10px rgba(44, 29, 18, 0.04) !important;
  border-color: #c9b49e !important;
}

/* Üst Kart (Hero: Modern Salon Takımı) */
.fur-spot-card--hero {
  width: 100% !important;
  height: clamp(380px, 32vw, 510px) !important;
}

.fur-spot-card--hero .fur-spot-card__img {
  object-position: center 88% !important;
}

/* Alt İkili Satır (Sol: Bahçe Mobilya, Sağ: Avize) */
.fur-spotlight__row {
  display: grid !important;
  grid-template-columns: 1.55fr 1fr !important;
  gap: clamp(16px, 1.8vw, 24px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.fur-spot-card--garden,
.fur-spot-card--lighting {
  height: clamp(340px, 28vw, 440px) !important;
}

.fur-spot-card--garden .fur-spot-card__img {
  object-position: center center !important;
}

.fur-spot-card--lighting .fur-spot-card__img {
  object-position: center center !important;
  transform-origin: center center !important;
}

/* Arka Plan Görselleri */
.fur-spot-card__bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background-color: #f7f4ee !important;
}

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

.fur-spot-card:hover .fur-spot-card__img {
  transform: scale(1.025) !important;
}

/* Yalın & Soft Gradyan (Kullanıcı İsteği: Ağır siyah perdeler kalktı, aydınlık soft geçiş) */
.fur-spot-card__overlay {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    0deg,
    rgba(20, 14, 10, 0.44) 0%,
    rgba(20, 14, 10, 0.16) 28%,
    rgba(20, 14, 10, 0.02) 48%,
    transparent 65%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transition: background 0.4s ease !important;
}

.fur-spot-card:hover .fur-spot-card__overlay {
  background: linear-gradient(
    0deg,
    rgba(20, 14, 10, 0.50) 0%,
    rgba(20, 14, 10, 0.20) 30%,
    rgba(20, 14, 10, 0.03) 52%,
    transparent 70%
  ) !important;
}

/* Sol Alt Köşe İçerik Kartı (Kullanıcı İsteği: Minimal, ufak, sol altta) */
.fur-spot-card__content {
  position: absolute !important;
  left: clamp(18px, 2.2vw, 30px) !important;
  bottom: clamp(18px, 2vw, 26px) !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  max-width: clamp(230px, 85%, 340px) !important;
  padding: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

/* Başlık: Zarif, Minimal Serif (Kullanıcı İsteği: Bağırmayan, yalın) */
#wp-block-fur-spotlight .fur-spot-card__title,
.fur-spotlight .fur-spot-card .fur-spot-card__title,
.fur-spot-card__title {
  margin: 0 !important;
  font-family: var(--fur-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(19px, 1.6vw, 24px) !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45) !important;
}

/* Başlık Altı İnce Minimal Gold Vurgu Çizgisi */
.fur-spot-card__line {
  display: block !important;
  width: 26px !important;
  height: 1.5px !important;
  background: #d49a5b !important;
  margin-top: 5px !important;
  margin-bottom: 6px !important;
  border-radius: 2px !important;
  opacity: 0.9 !important;
}

/* Alt Açıklama Yazısı: Ufak, Yalın & Zarif */
.fur-spot-card__sub {
  margin: 0 0 clamp(9px, 1vw, 13px) 0 !important;
  font-family: var(--fur-font-sans, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: clamp(11.5px, 0.9vw, 13px) !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
}

/* Buton: Minimal Frosted Pill Buton */
.fur-spot-card__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  font-family: var(--fur-font-sans, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
}

.fur-spot-card__btn svg {
  width: 12px !important;
  height: 12px !important;
  transition: transform 0.25s ease !important;
}

.fur-spot-card:hover .fur-spot-card__btn {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #1a110a !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
  transform: translateY(-1px) !important;
}

.fur-spot-card:hover .fur-spot-card__btn svg {
  transform: translateX(3px) !important;
}

/* Mobil & Tablet Uyumu */
@media (max-width: 992px) {
  .fur-spotlight__row {
    grid-template-columns: 1fr !important;
  }
  .fur-spot-card--garden,
  .fur-spot-card--lighting {
    height: 320px !important;
  }
}

@media (max-width: 576px) {
  .fur-spotlight {
    padding-block: 36px !important;
    padding-inline: 16px !important;
  }
  .fur-spot-card {
    border-radius: 18px !important;
  }
  .fur-spot-card--garden,
  .fur-spot-card--lighting {
    height: 290px !important;
  }
  .fur-spot-card__content {
    bottom: 16px !important;
    left: 16px !important;
    right: 16px !important;
    max-width: 100% !important;
  }
  #wp-block-fur-spotlight .fur-spot-card__title,
  .fur-spotlight .fur-spot-card .fur-spot-card__title,
  .fur-spot-card__title {
    font-size: 19px !important;
  }
  .fur-spot-card__sub {
    font-size: 11.5px !important;
    margin-bottom: 10px !important;
  }
  .fur-spot-card__btn {
    padding: 5px 12px !important;
    font-size: 10px !important;
  }
}
/* ========================================================
   20. VINFUR-INSPIRED INSTAGRAM FLOWING SHOWCASE
   ======================================================== */
.tft-instagram-vinfur {
  background-color: var(--fur-bg, #fcfaf7);
  padding: 90px 0 100px;
  overflow: hidden;
  position: relative;
  border-top: 1px solid #f1eae1;
}

.tft-insta-vinfur__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 56px);
  display: grid;
  grid-template-columns: minmax(320px, 1.15fr) minmax(420px, 500px);
  gap: clamp(40px, 6vw, 90px);
  align-items: center;
  box-sizing: border-box;
}

.tft-insta-vinfur__info-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
}

.tft-insta-vinfur__title {
  font-family: var(--fur-font-sans, "Outfit", "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  font-weight: 700 !important;
  color: #1a110a !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 14px 0 !important;
}

.tft-insta-vinfur__rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.tft-insta-vinfur__stars {
  color: #e5a019;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
}

.tft-insta-vinfur__rating-text {
  font-size: 13px;
  font-weight: 600;
  color: #88776a;
}

.tft-insta-vinfur__desc {
  font-family: var(--fur-font-sans, "Outfit", "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: 16px !important;
  color: #4a3b32 !important;
  line-height: 1.7 !important;
  margin: 0 0 22px 0 !important;
  font-style: normal;
}

.tft-insta-vinfur__author {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 30px;
}

.tft-insta-vinfur__author-name {
  font-size: 14.5px;
  font-weight: 700;
  color: #1a110a;
}

.tft-insta-vinfur__author-meta {
  font-size: 13px;
  color: #88776a;
}

.tft-insta-vinfur__action-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tft-insta-vinfur__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 26px;
  background: linear-gradient(135deg, #8e623a 0%, #6f4924 100%);
  color: #ffffff !important;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 14.5px;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(142, 98, 58, 0.22);
  transition: all 0.3s ease;
}

.tft-insta-vinfur__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(142, 98, 58, 0.32);
  background: linear-gradient(135deg, #9f6f43 0%, #7d532a 100%);
  color: #ffffff !important;
}

.tft-insta-vinfur__btn-arrow {
  transition: transform 0.25s ease;
}

.tft-insta-vinfur__btn:hover .tft-insta-vinfur__btn-arrow {
  transform: translateX(4px);
}

/* Sağ Kolon: Dar & Uzun 2 Dikdörtgen Galeri (OVAL YOK, DÜZ KESKİN KÖŞELER) */
.tft-insta-vinfur__gallery-col {
  height: 640px;
  position: relative;
  overflow: hidden;
  border-radius: 0 !important; /* Ovallik yok */
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
}

.tft-insta-vinfur__marquee-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  height: 100%;
}

.tft-insta-vinfur__col {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.tft-insta-vinfur__col-track {
  display: flex;
  flex-direction: column;
  gap: 16px;
  will-change: transform;
}

/* Infinite Marquee Animations */
@keyframes tftMarqueeUp {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -50%, 0);
  }
}

@keyframes tftMarqueeDown {
  0% {
    transform: translate3d(0, -50%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

.tft-insta-vinfur__col--up .tft-insta-vinfur__col-track {
  animation: tftMarqueeUp 36s linear infinite;
}

.tft-insta-vinfur__col--down .tft-insta-vinfur__col-track {
  animation: tftMarqueeDown 38s linear infinite;
}

/* Pause on hover or when toggled */
.tft-insta-vinfur__gallery-col:hover .tft-insta-vinfur__col-track,
.tft-insta-vinfur__gallery-col.is-paused .tft-insta-vinfur__col-track {
  animation-play-state: paused !important;
}

/* Kartlar: Keskin Dikdörtgen ("yanlarında ovallik yok", Vinfur birebir) */
.tft-insta-vinfur__card {
  display: block;
  position: relative;
  border-radius: 0 !important; /* Kesinlikle oval değil, keskin köşe */
  overflow: hidden;
  background: #ece3d8;
  box-shadow: none !important;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

/* Dar & Uzun Değişken Oranlar */
.tft-insta-vinfur__card.ratio-tall {
  aspect-ratio: 3 / 4;
}

.tft-insta-vinfur__card.ratio-slender {
  aspect-ratio: 9 / 14; /* Vinfur stili çok dar ve uzun dikdörtgen */
}

.tft-insta-vinfur__card.ratio-portrait {
  aspect-ratio: 4 / 5;
}

.tft-insta-vinfur__card.ratio-square {
  aspect-ratio: 1 / 1;
}

.tft-insta-vinfur__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.tft-insta-vinfur__card:hover .tft-insta-vinfur__card-img {
  transform: scale(1.05);
}

.tft-insta-vinfur__card-overlay {
  position: absolute;
  inset: 0;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(20, 14, 10, 0.05) 0%, rgba(20, 14, 10, 0.82) 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #ffffff;
  box-sizing: border-box;
}

.tft-insta-vinfur__card:hover .tft-insta-vinfur__card-overlay {
  opacity: 1;
}

.tft-insta-vinfur__card-icon {
  align-self: flex-end;
  width: 32px;
  height: 32px;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
}

.tft-insta-vinfur__card-meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.tft-insta-vinfur__card-title {
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tft-insta-vinfur__card-author {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}

/* Responsive */
@media (max-width: 1024px) {
  .tft-insta-vinfur__container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .tft-insta-vinfur__info-col {
    max-width: 680px;
  }
  .tft-insta-vinfur__gallery-col {
    height: 520px;
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .tft-instagram-vinfur {
    padding: 44px 0 50px !important;
  }
  .tft-insta-vinfur__container {
    padding: 0 22px !important;
    gap: 24px !important;
  }
  .tft-insta-vinfur__info-col {
    padding: 0 2px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .tft-insta-vinfur__title {
    font-size: 21px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 10px 0 !important;
  }
  .tft-insta-vinfur__rating {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  .tft-insta-vinfur__stars {
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
  }
  .tft-insta-vinfur__rating-text {
    font-size: 12px !important;
  }
  .tft-insta-vinfur__desc {
    font-family: var(--fur-font-sans, "Outfit", "Plus Jakarta Sans", system-ui, sans-serif) !important;
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #4a3b32 !important;
    line-height: 1.6 !important;
    text-align: center !important;
    margin: 0 auto 16px auto !important;
    padding: 14px 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(223, 210, 196, 0.65) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(44, 29, 18, 0.04) !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .tft-insta-vinfur__author {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    margin-left: 12px !important;
    margin-bottom: 16px !important;
  }
  .tft-insta-vinfur__author-name {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #1a110a !important;
  }
  .tft-insta-vinfur__author-meta {
    font-size: 11.5px !important;
    color: #88776a !important;
  }
  .tft-insta-vinfur__action-row {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin-left: 12px !important;
  }
  .tft-insta-vinfur__btn {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 9px 20px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    gap: 8px !important;
    border-radius: 9999px !important;
    box-shadow: 0 4px 14px rgba(142, 98, 58, 0.20) !important;
  }
  .tft-insta-vinfur__btn i {
    font-size: 16px !important;
  }
  .tft-insta-vinfur__btn-arrow {
    font-size: 13px !important;
  }
  .tft-insta-vinfur__marquee-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .tft-insta-vinfur__col-track {
    gap: 10px !important;
  }
  .tft-insta-vinfur__gallery-col {
    height: 440px !important;
  }
}

/* Global Unified Font Enforcement matching logo font */
body, h1, h2, h3, h4, h5, h6,
.fur-section-header__title,
.fur-room-card__title,
.tft-category-card__title,
.tft-hero__title,
.tft-hero__title-line,
.tft-hero__title-line--serif,
.tft-hero__title-lead,
.tft-category-deck__heading,
.font-serif,
.font-heading {
  font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
}

/* Tüm Sitedeki Puanlama Yıldızları: Siyah (#111827) */
.ym-stars,
.ym-stars span,
.ym-stars .star-active,
.ym-rating,
.ym-rating span,
.ym-rating i,
.ym-rating .star-active,
.ym-card-product .ym-rating span,
.ym-card-product .ym-rating .star-active,
.ym-stars-display,
.ym-stars-display span,
.ym-header-rating .ym-stars,
.ym-header-rating .star-active,
.star-rating-select,
.star-rating-select i,
.star-rating-select .star-btn,
.product-rate,
.product-rating,
.rating_wrap .rating-stars {
  color: #111827 !important;
}

/* Fırsatlar Sayfası Tepe Banner - Açık Renk Zemin Tasarımı */
.ym-firsat-banner {
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 26px 32px !important;
  color: #111827 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid #ebdcd0 !important;
}

@media (max-width: 767px) {
  .ym-firsat-banner {
    padding: 20px 18px !important;
  }
}

/* ==========================================================================
   MOBILE (<= 991px) TAMAMLAYICI ÜRÜNLER - 2x2 KARELİK DÖRTLÜ DÜZEN & GENİŞ GÖRSELLER
   ========================================================================== */
@media (max-width: 991px) {
  #wp-block-new-arrivals.tft-new-arrivals,
  body.tft-redesign-layout #wp-block-new-arrivals.tft-new-arrivals,
  body.tft-redesign-layout .tft-new-arrivals,
  .tft-new-arrivals {
    padding-top: 6px !important;
    padding-bottom: 24px !important;
  }

  body.tft-redesign-layout #wp-block-new-arrivals .tft-new-arrivals__container,
  #wp-block-new-arrivals .tft-new-arrivals__container,
  body.tft-redesign-layout .tft-new-arrivals__container,
  .tft-new-arrivals__container {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.tft-redesign-layout #wp-block-new-arrivals .tft-new-arrivals__header,
  #wp-block-new-arrivals .tft-new-arrivals__header,
  body.tft-redesign-layout .tft-new-arrivals__header,
  .tft-new-arrivals__header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    margin-inline: auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body.tft-redesign-layout #wp-block-new-arrivals .tft-new-arrivals__title,
  #wp-block-new-arrivals .tft-new-arrivals__title,
  body.tft-redesign-layout .tft-new-arrivals__title,
  .tft-new-arrivals__title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a110a !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
  }

  body.tft-redesign-layout .tft-new-arrivals__grid,
  .tft-new-arrivals__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    transform: none !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card,
  .tft-new-arrivals .tft-product-card,
  .tft-new-arrivals__grid .tft-product-card {
    background-color: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid #ebd9c8 !important;
    box-shadow: 0 4px 16px rgba(44, 29, 18, 0.05) !important;
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card:active,
  .tft-new-arrivals .tft-product-card:active {
    transform: scale(0.98) !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card__img-wrap,
  .tft-new-arrivals .tft-product-card__img-wrap,
  .tft-new-arrivals__grid .tft-product-card__img-wrap {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 14px !important;
    background: #faf6f0 !important;
    overflow: hidden !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card__img-link,
  .tft-new-arrivals .tft-product-card__img-link,
  .tft-new-arrivals__grid .tft-product-card__img-link {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card__img,
  .tft-new-arrivals .tft-product-card__img,
  .tft-new-arrivals__grid .tft-product-card__img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transform: none !important;
    border-radius: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card__content,
  .tft-new-arrivals .tft-product-card__content,
  .tft-new-arrivals__grid .tft-product-card__content {
    background-color: #f7efe6 !important;
    border-radius: 14px !important;
    padding: 10px 8px 10px 8px !important;
    margin-top: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card__title,
  .tft-new-arrivals .tft-product-card__title,
  .tft-new-arrivals__grid .tft-product-card__title {
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2c1d12 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card__title-link,
  .tft-new-arrivals .tft-product-card__title-link,
  .tft-new-arrivals__grid .tft-product-card__title-link {
    color: #2c1d12 !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
  }

  body.tft-redesign-layout .tft-new-arrivals .tft-product-card__action-btn,
  .tft-new-arrivals .tft-product-card__action-btn,
  .tft-product-card__action-btn {
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    color: #8e623a !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding-top: 6px !important;
    border-top: 1px dashed #e4d1c1 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
  }

  .tft-product-card__action-btn span:first-child {
    font-size: 10.5px !important;
  }

  .tft-product-card__action-btn .tft-category-deck__card-arrow {
    font-size: 13px !important;
    line-height: 1 !important;
  }
}

/* ==========================================================================
   TFT - MOBİL GARDIROP SHOWCASE: MİNİMAL BUTON & KUSURSUZ MODÜL BİLGİ KARTI
   ========================================================================== */
.tft-wardrobe-mobile-card {
  display: none;
}

@media (max-width: 768px) {
  /* Mobilde taşan ve fotoğraftan sarkan eski mutlak popover'ları gizle */
  .tft-hotspot__popover {
    display: none !important;
  }

  /* Mobil Gardırop Panoramik Sahne Düzeni */
  .tft-wardrobe-showcase {
    overflow: visible !important;
    padding-bottom: 8px !important;
  }

  /* Yeni Kusursuz Mobil Kart */
  .tft-wardrobe-mobile-card {
    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, margin 0.3s ease;
    margin: 0 16px;
    box-sizing: border-box;
  }

  .tft-wardrobe-mobile-card.is-visible {
    max-height: 120px;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 4px;
  }

  .tft-wardrobe-mobile-card__inner {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #ebd9c8;
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: 0 4px 18px rgba(44, 29, 18, 0.08);
    position: relative;
    box-sizing: border-box;
  }

  .tft-wardrobe-mobile-card__thumb {
    width: 62px;
    height: 62px;
    border-radius: 12px;
    overflow: hidden;
    background: #faf6f0;
    border: 1px solid #ebd9c8;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tft-wardrobe-mobile-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .tft-wardrobe-mobile-card__content {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .tft-wardrobe-mobile-card__tag {
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #8e623a;
    text-transform: uppercase;
  }

  .tft-wardrobe-mobile-card__title {
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif);
    font-size: 13.5px;
    font-weight: 700;
    color: #1a110a;
    margin: 0;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tft-wardrobe-mobile-card__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #8e623a;
    text-decoration: none;
    margin-top: 2px;
  }

  .tft-wardrobe-mobile-card__arrow {
    font-size: 12px;
  }

  .tft-wardrobe-mobile-card__close {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f7efe6;
    border: none;
    color: #5c4e42;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
    transition: background 0.2s ease;
  }

  .tft-wardrobe-mobile-card__close:active {
    background: #ebd9c8;
  }

  /* Minimalize & Kibar Gardırop Butonu */
  .tft-wardrobe-showcase__footer {
    margin-top: 10px !important;
    padding-bottom: 4px !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .tft-wardrobe-showcase__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 7px 18px !important;
    background: rgba(142, 98, 58, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 9999px !important;
    color: #ffffff !important;
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 14px rgba(44, 29, 18, 0.16) !important;
    text-shadow: none !important;
    white-space: nowrap !important;
  }

  .tft-wardrobe-showcase__btn:active {
    transform: scale(0.97) !important;
    background: #8e623a !important;
  }

  .tft-wardrobe-showcase__btn-icon {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.22) !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tft-wardrobe-showcase__btn-icon svg {
    width: 10px !important;
    height: 10px !important;
  }
}

/* ==========================================================================
   TFT - MOBİL DÜĞÜN PAKETİ SHOWCASE: TAM EKRAN, MİNİMAL BUTON & MODÜL BİLGİ KARTI
   ========================================================================== */
.tft-wedding-mobile-card {
  display: none;
}

@media (max-width: 768px) {
  /* Düğün Paketi Tam Ekran Panoramik Sahne */
  .tft-wedding-panoramic {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    overflow: visible !important;
    margin-top: 14px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .tft-wedding-panoramic__stage,
  .tft-wedding-panoramic__media-wrap {
    overflow: visible !important;
    width: 100% !important;
    position: relative !important;
  }

  .tft-wedding-panoramic__img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    display: block !important;
  }

  .tft-wedding-panoramic__header {
    top: 10px !important;
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
  }

  .tft-wedding-panoramic__title {
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-weight: 700 !important;
  }

  /* Mobilde taşan ve fotoğraftan sarkan eski mutlak popover'ları gizle */
  .tft-wedding-panoramic .tft-hotspot__popover {
    display: none !important;
  }

  /* Yeni Kusursuz Mobil Düğün Paketi Kartı */
  .tft-wedding-mobile-card {
    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, margin 0.3s ease;
    margin: 0 16px;
    box-sizing: border-box;
  }

  .tft-wedding-mobile-card.is-visible {
    max-height: 120px;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 4px;
  }

  .tft-wedding-mobile-card__inner {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #ebd9c8;
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: 0 4px 18px rgba(44, 29, 18, 0.08);
    position: relative;
    box-sizing: border-box;
  }

  .tft-wedding-mobile-card__thumb {
    width: 62px;
    height: 62px;
    border-radius: 12px;
    overflow: hidden;
    background: #faf6f0;
    border: 1px solid #ebd9c8;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tft-wedding-mobile-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .tft-wedding-mobile-card__content {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .tft-wedding-mobile-card__tag {
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #8e623a;
    text-transform: uppercase;
  }

  .tft-wedding-mobile-card__title {
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif);
    font-size: 13.5px;
    font-weight: 700;
    color: #1a110a;
    margin: 0;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tft-wedding-mobile-card__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #8e623a;
    text-decoration: none;
    margin-top: 2px;
  }

  .tft-wedding-mobile-card__arrow {
    font-size: 12px;
  }

  .tft-wedding-mobile-card__close {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f7efe6;
    border: none;
    color: #5c4e42;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
    transition: background 0.2s ease;
  }

  .tft-wedding-mobile-card__close:active {
    background: #ebd9c8;
  }

  /* Minimalize & Kibar Düğün Paketi Butonu */
  .tft-wedding-panoramic__footer {
    position: static !important;
    transform: none !important;
    margin-top: 10px !important;
    padding-bottom: 12px !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .tft-wedding-panoramic__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 7px 18px !important;
    background: rgba(142, 98, 58, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 9999px !important;
    color: #ffffff !important;
    font-family: var(--fur-font-sans, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 14px rgba(44, 29, 18, 0.16) !important;
    text-shadow: none !important;
    white-space: nowrap !important;
  }

  .tft-wedding-panoramic__btn:active {
    transform: scale(0.97) !important;
    background: #8e623a !important;
  }

  .tft-wedding-panoramic__btn-icon {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.22) !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tft-wedding-panoramic__btn-icon svg {
    width: 10px !important;
    height: 10px !important;
  }
}