#fw-section-rich-text-177494894613722 {



/* ── Shop page title ── */

.rich-text__heading {
  font-family: "Cinzel", "Georgia", serif !important;
  font-weight: 700 !important;
  font-size: 1.9rem !important;
  color: #faf8f3 !important;
  text-align: center !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  text-decoration: none !important;
  padding-bottom: 2.25rem !important;
}

.rich-text__heading::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 18px !important;
  background: url("data:image/svg+xml,%3Csvg width='160' height='18' viewBox='0 0 160 18' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='8' width='62' height='1' fill='%23d4af37' opacity='0.55'/%3E%3Cpath d='M80 2C78 2 74 7 74 11C74 14.3 76.7 17 80 17C83.3 17 86 14.3 86 11C86 7 82 2 80 2Z' fill='%23d4af37'/%3E%3Cpath d='M80 3C80 3 80 12 80 17' stroke='%23b8941f' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M80 8C80 8 77 6 76.5 8' stroke='%23b8941f' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M80 11C80 11 83 9 83.5 11' stroke='%23b8941f' stroke-width='1' stroke-linecap='round'/%3E%3Crect x='98' y='8' width='62' height='1' fill='%23d4af37' opacity='0.55'/%3E%3C/svg%3E") center no-repeat !important;
}

.rich-text__heading::before {
  display: none !important;
}

section.rich-text .rich-text__text::before {
  display: none !important;
}
}
#fw-section-featured-collection-97b1a894-3873-4019-aa8d-e40314e94783 {

/* ============================= */
/*  Teddy's Haven                */
/*  Collection Page CSS          */
/* ============================= */

/* ============================= */
/*   GRID LAYOUT                 */
/* ============================= */

.collection-template__grid {
  padding: 3rem 0 !important;
  position: relative !important;
}

.collection-template__grid .grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
  gap: 2rem !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  align-items: stretch !important;
}

.grid__column {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
}

.product-tile {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
}

/* ============================= */
/*   PRODUCT CARD                */
/* ============================= */

.tile {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  background: rgba(20, 12, 8, 0.72) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 8px 40px rgba(0,0,0,0.45) !important;
  overflow: visible !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 1.5rem !important;
}

.tile::before {
  content: '' !important;
  position: absolute !important;
  top: -8px !important;
  right: 20px !important;
  width: 16px !important;
  height: 16px !important;
  background: radial-gradient(circle at 35% 35%, #f0cc6a 0%, #d4af37 100%) !important;
  border-radius: 50% !important;
  z-index: 2 !important;
  box-shadow: 0 2px 8px rgba(212, 175, 55, 0.5) !important;
  opacity: 0 !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tile::after {
  content: '✦' !important;
  position: absolute !important;
  bottom: 18px !important;
  right: 18px !important;
  font-size: 1rem !important;
  color: #d4af37 !important;
  opacity: 0 !important;
  transform: scale(0.7) rotate(-20deg) !important;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  z-index: 1 !important;
}

.tile:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.1),
    0 16px 48px rgba(0,0,0,0.55),
    0 0 0 1px rgba(212, 175, 55, 0.25) !important;
}

.tile:hover::before {
  opacity: 1 !important;
  transform: scale(1.1) !important;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.65) !important;
}

.tile:hover::after {
  opacity: 1 !important;
  transform: scale(1) rotate(0deg) !important;
}

/* ============================= */
/*   IMAGE                       */
/* ============================= */

.tile__image {
  position: relative !important;
  margin-bottom: 1.5rem !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}

.image,
.tile__image .image {
  position: relative !important;
  background: rgba(10, 6, 4, 0.6) !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important;
}

.image__object {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tile__item,
.image__object img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tile--zoom:hover .tile__item,
.tile--zoom:hover .image__object img {
  transform: scale(1.05) !important;
}

/* ============================= */
/*   BADGES                      */
/* ============================= */

.image__badges {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
}

.badge,
.tile .badge,
.image__badges .badge {
  background: linear-gradient(135deg, #d4af37 0%, #f0cc6a 100%) !important;
  color: #14100a !important;
  font-family: "Cinzel", "Georgia", serif !important;
  font-weight: 700 !important;
  font-size: 0.68rem !important;
  padding: 0.4rem 0.9rem !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(212, 175, 55, 0.4) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  white-space: nowrap !important;
  display: inline-block !important;
  line-height: 1 !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tile:hover .badge {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.55) !important;
}

/* ============================= */
/*   DESCRIPTION / TITLE / PRICE */
/* ============================= */

.tile__description {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  gap: 0.75rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.tile__heading {
  font-family: "Cinzel", "Georgia", serif !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  color: #faf8f3 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  padding-bottom: 0.5rem !important;
}

.tile__heading::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, #d4af37 0%, rgba(212, 175, 55, 0.2) 100%) !important;
  transition: width 0.4s ease !important;
}

.tile:hover .tile__heading { color: #f0cc6a !important; }
.tile:hover .tile__heading::after { width: 60px !important; }

.tile__prices {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  flex-wrap: wrap !important;
  margin-top: auto !important;
  padding-top: 0.75rem !important;
  border-top: 1px solid rgba(212, 175, 55, 0.1) !important;
}

.tile__price {
  font-family: "Cinzel", "Georgia", serif !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  color: #d4af37 !important;
  letter-spacing: 0.03em !important;
}

.tile__price--original { color: #d4af37 !important; }
.tile__price--compare {
  color: rgba(240, 236, 228, 0.35) !important;
  text-decoration: line-through !important;
  font-size: 1.1rem !important;
}
.tile__price--sale { color: #f0cc6a !important; }

/* ============================= */
/*   COLOUR SWATCHES             */
/* ============================= */

.tile__options {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
}

.tile__option-color {
  display: flex !important;
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
}

.tile__option-color span {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255, 255, 255, 0.15) !important;
  cursor: pointer !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

.tile__option-color span:hover {
  transform: scale(1.12) !important;
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.25) !important;
}

/* ============================= */
/*   COLLECTION HEADER           */
/* ============================= */

.collection-template h1,
.collection-header__title {
  font-family: "Cinzel", "Georgia", serif !important;
  font-weight: 700 !important;
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  color: #faf8f3 !important;
  text-align: center !important;
  margin: 0 0 3rem 0 !important;
  position: relative !important;
  display: inline-block !important;
  width: 100% !important;
  letter-spacing: 0.05em !important;
}

.collection-template h1::after,
.collection-header__title::after {
  content: '' !important;
  position: absolute !important;
  bottom: -14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;
}

/* ============================= */
/*   COLLECTIONS LIST CARDS      */
/* ============================= */

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding {
  padding: 5rem 2rem !important;
}

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item {
  background: rgba(20, 12, 8, 0.72) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 20px !important;
  padding: 2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 8px 40px rgba(0,0,0,0.4) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  display: block !important;
  overflow: visible !important;
  position: relative !important;
  min-height: 320px !important;
}

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item::before,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item::before {
  content: 'NEW';
  position: absolute;
  top: -10px; left: 20px;
  background: linear-gradient(135deg, #d4af37 0%, #f0cc6a 100%);
  color: #14100a;
  padding: 4px 12px;
  border-radius: 4px;
  font-family: "Cinzel", "Georgia", serif;
  font-weight: 700;
  font-size: 0.65rem;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4);
}

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item:hover,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.1),
    0 16px 48px rgba(0,0,0,0.55),
    0 0 0 1px rgba(212, 175, 55, 0.25) !important;
}

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item-image,
.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item-image-object,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item-image,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item-image-object {
  border-radius: 14px !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
}

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item:hover .collections-list__item-image,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item:hover .collections-list__item-image {
  transform: scale(1.03) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item-title,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item-title {
  font-family: "Cinzel", "Georgia", serif !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: #faf8f3 !important;
  text-align: center !important;
  margin: 1.5rem 0 0 0 !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item:hover .collections-list__item-title,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item:hover .collections-list__item-title {
  color: #f0cc6a !important;
}

.section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .grid,
.section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .grid {
  gap: 2.5rem !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* ============================= */
/*   MOBILE                      */
/* ============================= */

@media (max-width: 768px) {
  .collection-template__grid .grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 1.5rem !important;
    padding: 0 1rem !important;
  }

  .tile { padding: 1.25rem !important; }
  .tile:hover { transform: translateY(-4px) !important; }
  .tile__heading { font-size: 1rem !important; }
  .tile__price { font-size: 1.2rem !important; }

  .badge, .tile .badge {
    font-size: 0.65rem !important;
    padding: 0.35rem 0.75rem !important;
  }

  .section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding,
  .section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding {
    padding: 3rem 1rem !important;
  }

  .section-fw-section-collections-list-7c0a3808-76fd-4093-9f3c-17c4f0df9677-padding .collections-list__item-title,
  .section-fw-section-collections-list-ad06022c-13a0-452b-942a-4d263e36ec7c-padding .collections-list__item-title {
    font-size: 1.2rem !important;
  }
}

.col-grid--product-gap {
    align-items: stretch !important;
}

.col-grid--product-gap .product-tile,
.col-grid--product-gap .tile {
    height: 100% !important;
}

/* ============================= */
/*   TABLET                      */
/* ============================= */

@media (min-width: 769px) and (max-width: 1024px) {
  .collection-template__grid .grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 2rem !important;
  }
  .tile { padding: 1.25rem !important; }
}
}



















#fw-section-custom-html-2174abed-b6b3-44bf-94ce-d539128640d5 {

/* === Teddy's Haven Press Kit — Page CSS === */

.th-presskit { font-family: 'DM Sans', sans-serif; font-size: 16px; line-height: 1.7; }

.th-presskit .pk-nav {
  position: sticky; top: 0; z-index: 100;
  background: rgba(20,12,8,0.72); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 8px 40px rgba(0,0,0,0.4);
  padding: 0 2rem; display: flex; align-items: center; justify-content: center; gap: 2.5rem; height: 52px;
}
.th-presskit .pk-nav a { font-size: 11px; color: rgba(255,255,255,0.65); text-decoration: none; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; transition: color 0.2s; }
.th-presskit .pk-nav a:hover { color: #e6a85a; }

.th-presskit .pk-glass {
  max-width: 900px; margin: 2.5rem auto 0;
  background: rgba(20,12,8,0.72); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 8px 40px rgba(0,0,0,0.4);
}

.th-presskit .pk-hero {
  background: #1e3a2f; position: relative;
  min-height: 480px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 3rem;
}
.th-presskit .pk-hero-bg {
  position: absolute; inset: 0;
  background-image: url('https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/3615160/4ababb0d0895150d760b51decf52c115fc804f2c/page_bg_raw.jpg');
  background-size: cover; background-position: center top; opacity: 0.35;
}
.th-presskit .pk-hero-content { position: relative; text-align: center; max-width: 680px; padding: 0 2rem; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; }
.th-presskit .pk-hero-logo { width: 480px; max-width: 90%; display: block; margin: 0 auto 2rem; filter: drop-shadow(0 4px 24px rgba(0,0,0,0.5)); }
.th-presskit .pk-eyebrow { font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; color: #e6a85a; font-weight: 500; margin: 0; }
.th-presskit .pk-badges { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.th-presskit .pk-badge { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 100px; font-size: 13px; font-weight: 500; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.08); }
.th-presskit .pk-badge--gold { background: rgba(212,168,67,0.2); border-color: #d4a843; color: #e6a85a; }

.th-presskit .pk-body { padding: 2.5rem; }
.th-presskit .pk-section { padding: 3rem 0; }
.th-presskit .pk-section + .pk-section { border-top: 1px solid rgba(255,255,255,0.08); }
.th-presskit .pk-label { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: #c8873a; font-weight: 500; margin-bottom: 0.75rem; }
.th-presskit .pk-h2 { font-family: 'Lora', serif; font-size: 1.75rem; font-weight: 600; color: #faf8f3; margin-bottom: 1.5rem; line-height: 1.3; }
.th-presskit .pk-h3 { font-family: 'Lora', serif; font-size: 1.1rem; color: #faf8f3; margin-bottom: 0.25rem; }
.th-presskit .pk-p { color: rgba(240,236,228,0.88); margin-bottom: 1rem; }
.th-presskit .pk-note { font-size: 13px; color: rgba(240,236,228,0.45); margin-top: 1rem; font-style: italic; }

.th-presskit .pk-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 1px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; overflow: hidden; margin-bottom: 3rem; }
.th-presskit .pk-fact { background: rgba(255,255,255,0.06); padding: 1.25rem 1.5rem; }
.th-presskit .pk-fact-label { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(240,236,228,0.45); margin-bottom: 4px; font-weight: 500; }
.th-presskit .pk-fact-value { font-size: 1rem; font-weight: 500; color: #faf8f3; font-family: 'Lora', serif; }
.th-presskit .pk-fact-value--big { font-size: 1.5rem; color: #c8873a; }

.th-presskit .pk-features { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 1rem; margin-top: 1.5rem; }
.th-presskit .pk-feature { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 1.25rem 1.5rem; border-left: 3px solid #c8873a; }
.th-presskit .pk-feature strong { display: block; font-size: 14px; font-weight: 500; color: #faf8f3; margin-bottom: 4px; }
.th-presskit .pk-feature span { font-size: 13px; color: rgba(240,236,228,0.65); line-height: 1.5; }

.th-presskit .pk-screenshots { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 1.5rem; }
.th-presskit .pk-screenshots a { display: block; border-radius: 8px; overflow: hidden; aspect-ratio: 16/9; transition: transform 0.2s; }
.th-presskit .pk-screenshots a:hover { transform: scale(1.02); }
.th-presskit .pk-screenshots img { width: 100%; height: 100%; object-fit: cover; display: block; }

.th-presskit .pk-trailer { margin-top: 1.5rem; border-radius: 12px; overflow: hidden; aspect-ratio: 16/9; }
.th-presskit .pk-trailer iframe { width: 100%; height: 100%; border: none; display: block; }

.th-presskit .pk-bio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 1.5rem; }
.th-presskit .pk-bio-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 1.75rem; }
.th-presskit .pk-bio-role { font-size: 12px; color: #c8873a; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 500; margin-bottom: 1rem; }

.th-presskit .pk-links { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 10px; margin-top: 1.5rem; }
.th-presskit .pk-link-card { display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 1rem 1.25rem; text-decoration: none; color: #faf8f3; transition: border-color 0.2s, background 0.2s; }
.th-presskit .pk-link-card:hover { border-color: #c8873a; background: rgba(255,255,255,0.08); }
.th-presskit .pk-link-icon { width: 36px; height: 36px; border-radius: 8px; background: rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.th-presskit .pk-link-label { font-size: 11px; color: rgba(240,236,228,0.5); text-transform: uppercase; letter-spacing: 0.08em; font-weight: 500; margin-bottom: 2px; }
.th-presskit .pk-link-value { font-size: 14px; font-weight: 500; color: #faf8f3; }

@media (max-width: 640px) {
  .th-presskit .pk-screenshots { grid-template-columns: 1fr 1fr; }
  .th-presskit .pk-bio-grid { grid-template-columns: 1fr; }
  .th-presskit .pk-nav a { display: none; }
}

.th-presskit #pk-reviews { margin-top: 2rem; }
.th-presskit .pk-reviews-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
.th-presskit .pk-reviews-score { font-family: 'Lora', serif; font-size: 1.1rem; font-weight: 600; color: #c8873a; }
.th-presskit .pk-reviews-percent { font-size: 12px; color: rgba(240,236,228,0.5); }

.th-presskit .pk-reviews-track { position: relative; height: 160px; }
.th-presskit .pk-review-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; transform: translateX(12px); pointer-events: none; }
.th-presskit .pk-review-slide.active { opacity: 1; transform: translateX(0); pointer-events: auto; }

.th-presskit .pk-review-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 1.25rem 1.5rem; height: 100%; box-sizing: border-box; overflow: hidden; }
.th-presskit .pk-review-user { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.th-presskit .pk-review-avatar { width: 36px; height: 36px; border-radius: 6px; flex-shrink: 0; }
.th-presskit .pk-review-name { font-size: 14px; font-weight: 500; color: #faf8f3; line-height: 1.3; }
.th-presskit .pk-review-hours { font-size: 11px; color: rgba(240,236,228,0.45); }
.th-presskit .pk-review-body { font-size: 13px; line-height: 1.65; color: rgba(240,236,228,0.85); margin-bottom: 12px; font-style: italic; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.th-presskit .pk-review-footer { font-size: 12px; font-weight: 500; color: #c8873a; }

.th-presskit .pk-reviews-dots { text-align: center; margin-top: 10px; }
.th-presskit .pk-review-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,0.2); margin: 0 4px; cursor: pointer; transition: background 0.3s; }
.th-presskit .pk-review-dot.active { background: #c8873a; }
}

#fw-section-custom-html-a8e2d5d2-74b9-46d6-b861-2bbd6cce4a16 {

.teddys-hero {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    background: transparent !important;
    padding: 4rem 2rem;
    text-align: center;
}

/* Dark overlay for readability */
.teddys-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/* Content wrapper - CENTERED AND MATCHED TO FEATURED PRODUCTS */
.teddys-hero__content {
    position: relative;
    z-index: 2;
    border: 3px solid #2d3436;
    background: linear-gradient(180deg, #5c4033 0%, #8b6f47 100%) !important;
    padding: 3rem 2rem !important;
    border-radius: 20px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    width: 100%;
}

.teddys-hero__title {
    font-family: "Cinzel", "Georgia", serif;
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 700;
    color: #faf8f3;
    text-shadow: 
        3px 3px 6px rgba(0, 0, 0, 0.8),
        0 0 20px rgba(212, 175, 55, 0.5);
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
}

.teddys-hero__subtitle {
    font-family: "Georgia", serif;
    font-size: clamp(1.2rem, 3vw, 1.8rem);
    color: #faf8f3;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9);
    margin-bottom: 2.5rem;
    font-style: italic;
}

.teddys-hero__button {
    background: linear-gradient(135deg, #8b6f47 0%, #5c4033 100%);
    color: #faf8f3;
    font-family: "Cinzel", "Georgia", serif;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 1rem 2.5rem;
    border: 3px solid #2d3436;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 
        0 4px 0 #4a4e4d,
        0 8px 15px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
}

.teddys-hero__button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.teddys-hero__button:hover::before {
    left: 100%;
}

.teddys-hero__button:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 6px 0 #4a4e4d,
        0 12px 20px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, #c19a6b 0%, #8b6f47 100%);
}

.teddys-hero__button:active {
    transform: translateY(2px);
    box-shadow: 
        0 2px 0 #4a4e4d,
        0 4px 8px rgba(0, 0, 0, 0.4);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .teddys-hero {
        padding: 3rem 1rem;
    }
    
    .teddys-hero__content {
        padding: 2rem 1rem !important;
        border-radius: 15px !important;
        margin: 0 1rem !important;
    }
    
    .teddys-hero__title {
        font-size: 2rem;
    }
    
    .teddys-hero__subtitle {
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }
    
    .teddys-hero__button {
        padding: 0.875rem 2rem;
        font-size: 1rem;
    }
}
}


#fw-section-custom-html-4c3f40d5-0de8-441c-bee7-8e78531efc0a {


  .wiki-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

  .wiki-wrap {
    font-family: "Georgia", serif;
    padding: 0rem;
  }

  .wiki-group {
    margin-bottom: 0rem;
  }

  .wiki-group-header {
    display: flex;
    align-items: center;
    margin-bottom: 0rem;
  }

  .wiki-group-header .rule {
    flex: 1;
    height: 1px;
    background: rgba(212, 175, 55, 0.25);
  }

  .wiki-group-title {
    font-family: "Cinzel", "Georgia", serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #d4af37;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    padding: 0.35rem 1.25rem;
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 20px;
    background: rgba(20, 12, 8, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    white-space: nowrap;
  }


}

#fw-section-hmac-570b373c-03d7-49fd-a360-aa0e81fb8fcf {

/* ===================================== */
/*    TEDDY'S HAVEN - MAP IFRAME WRAPPER */
/* ===================================== */

/* Fourthwall section containing the iframe — remove padding/bg */
.fw-section:has(iframe),
.fw-section:has(iframe) section,
.fw-section:has(iframe) .custom-html,
[class*="custom-html"]:has(iframe) {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* The iframe itself */
iframe {
    display: block !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 600px !important;
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow:
        0 0 0 1px rgba(212, 175, 55, 0.25),
        0 8px 40px rgba(0, 0, 0, 0.45) !important;
}

/* Mobile — fixed height so it stays usable */
@media (max-width: 768px) {
    iframe {
        height: 85vh !important;
        border-radius: 14px !important;
    }
}

}
#fw-section-custom-html-d9292af0-8933-4c4c-bb13-537fa2e87a05 {
--color-primary: #c6d0ff;
--color-primary-rgb: 198, 208, 255;
--color-background: #2C2920;
--color-background-rgb: 44, 41, 32;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 41;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #c6d0ff;
--primary-btn-text: #000000;
--primary-btn-border-color: #EAE3D2;
--secondary-btn-bg: transparent;
--secondary-btn-text: #EAE3D2;
--secondary-btn-border-color: #EAE3D2;

}
#fw-section-footer {
--color-primary: #c6d0ff;
--color-primary-rgb: 198, 208, 255;
--color-background: #2C2920;
--color-background-rgb: 44, 41, 32;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 41;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #c6d0ff;
--primary-btn-text: #000000;
--primary-btn-border-color: #EAE3D2;
--secondary-btn-bg: transparent;
--secondary-btn-text: #EAE3D2;
--secondary-btn-border-color: #EAE3D2;

}
#fw-section-header {
--color-primary: #c6d0ff;
--color-primary-rgb: 198, 208, 255;
--color-background: #040404;
--color-background-rgb: 4, 4, 4;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 4;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #c6d0ff;
--primary-btn-text: #000000;
--primary-btn-border-color: #EAE3D2;
--secondary-btn-bg: transparent;
--secondary-btn-text: #EAE3D2;
--secondary-btn-border-color: #EAE3D2;
/* ===================================== */
/*    TEDDY'S HAVEN - NUCLEAR NAV FIX   */
/*    Strip Everything Clean            */
/* ===================================== */

/* AGGRESSIVE HEADER RESET */
header,
header *,
[class*="header"],
[class*="header"] *,
nav,
nav *,
[class*="nav"],
[class*="nav"] *,
[class*="navigation"],
[class*="navigation"] * {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

/* Set ONLY the main header background */
header,
[class*="header"]:not([class*="header"] *),
.header {
    background: linear-gradient(180deg, #3b2f2f, #2a2222) !important;
    padding: 0.25rem 2rem !important;
    position: relative !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
}

/* Remove background from all parent wrappers */
.page__header,
.fw-section-header,
#fw-section-header,
.fw-section {
    background: linear-gradient(135deg, #5c4033 0%, #8b6f47 100%) !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove ALL pseudo-elements from header and children */
header::before,
header::after,
header *::before,
header *::after,
[class*="header"]::before,
[class*="header"]::after,
[class*="header"] *::before,
[class*="header"] *::after,
nav::before,
nav::after,
nav *::before,
nav *::after {
    display: none !important;
    content: none !important;
}

/* Clean all links */
header a,
[class*="header"] a,
nav a,
[class*="nav"] a {
    color: #faf8f3 !important;
    font-family: "Cinzel", "Georgia", serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    padding: 0.25rem 0.75rem !important;
    transition: color 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    position: relative !important;
    line-height: 1.2 !important;
}

/* Simple hover - ONLY underline */
header a::after,
[class*="header"] a::after,
nav a::after,
[class*="nav"] a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 2px !important;
    background: #d4af37 !important;
    transition: width 0.3s ease !important;
    display: block !important;
}

header a:hover,
[class*="header"] a:hover,
nav a:hover,
[class*="nav"] a:hover {
    color: #d4af37 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

header a:hover::after,
[class*="header"] a:hover::after,
nav a:hover::after,
[class*="nav"] a:hover::after {
    width: 80% !important;
}

/* All buttons in header */
header button,
[class*="header"] button,
nav button,
[class*="nav"] button,
header [class*="button"],
[class*="header"] [class*="button"] {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #faf8f3 !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 6px !important;
    padding: 0.25rem 0.75rem !important;
    font-family: "Cinzel", "Georgia", serif !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

header button:hover,
[class*="header"] button:hover,
nav button:hover,
[class*="nav"] button:hover,
header [class*="button"]:hover,
[class*="header"] [class*="button"]:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: #d4af37 !important;
    color: #d4af37 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Strip backgrounds/borders from containers inside header
   NOTE: margin and padding intentionally NOT zeroed here */
header div,
header span,
header ul,
header li,
[class*="header"] div,
[class*="header"] span,
[class*="header"] ul,
[class*="header"] li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Target specific Fourthwall wrapper classes
   NOTE: padding and margin intentionally NOT zeroed here */
.page__header,
.fw-section-header,
.fw-section,
[class*="wrapper"],
.wrapper,
.header__grid,
.header--left,
.header__size--sm,
.header__logo-container,
.header__nav-container,
.header__icons {
    min-height: auto !important;
    height: auto !important;
}

/* =============================================
   THREE-COLUMN LAYOUT: nav | logo | icons
   ============================================= */

.header__grid {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    padding: 0.25rem 2rem !important;
    width: 100% !important;
    gap: 1rem !important;
}

/* Left column — nav links */
.header__nav-container,
.header__nav-container nav,
header nav,
[class*="header"] nav,
nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1rem !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Center column — logo */
.header__logo-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Right column — cart/icons */
.header__icons {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 1rem !important;
}

/* Logo image sizing */
.header__logo-container img,
[class*="logo"] img,
[class*="brand"] img {
    max-height: 100px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Logo text fallback */
[class*="logo"],
[class*="brand"] {
    font-family: "Cinzel", "Georgia", serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    color: #faf8f3 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Cart/Icons */
header svg,
header i,
[class*="header"] svg,
[class*="header"] i {
    color: #faf8f3 !important;
}

header svg:hover,
header i:hover,
[class*="header"] svg:hover,
[class*="header"] i:hover {
    color: #d4af37 !important;
}

/* Input fields in header */
header input,
[class*="header"] input {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    padding: 0.5rem 1rem !important;
    box-shadow: none !important;
}

header input:focus,
[class*="header"] input:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2) !important;
}

/* Mobile menu toggle */
[class*="hamburger"],
[class*="menu-toggle"],
.mobile-menu-toggle {
    background: transparent !important;
    border: none !important;
    color: #faf8f3 !important;
    box-shadow: none !important;
}

/* Cart badge */
[class*="cart"] [class*="count"],
[class*="cart"] [class*="badge"] {
    background: #d4af37 !important;
    color: #5c4033 !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.75rem !important;
}

/* Dropdowns */
[class*="dropdown"],
[class*="menu-dropdown"] {
    background: #5c4033 !important;
    border: 2px solid #2d5016 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Mobile — hide nav, keep logo + icons */
@media (max-width: 768px) {
    header,
    [class*="header"] {
        padding: 0.75rem 1rem !important;
    }

    .header__grid {
        grid-template-columns: auto 1fr auto !important;
    }

    .header__nav-container {
        display: none !important;
    }
}

/* ── Search bar ── */

.search-header {
    background: rgba(10, 6, 4, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.search-header__inner {
    max-width: 700px !important;
    margin: 0 auto !important;
    padding: 1rem 2rem !important;
}

.search-header__form {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 10px !important;
    padding: 0.5rem 1rem !important;
}

.search-header__input {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #faf8f3 !important;
    font-family: "Georgia", serif !important;
    font-size: 1rem !important;
    padding: 0.25rem 0 !important;
}

.search-header__input::placeholder {
    color: rgba(240, 236, 228, 0.4) !important;
    font-style: italic !important;
}

.search-header__button {
    background: transparent !important;
    border: none !important;
    color: #d4af37 !important;
    cursor: pointer !important;
    padding: 0.25rem !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
}

.search-header__button:hover {
    color: #f0cc6a !important;
}

/* ── Currency dropdown ── */
.header__dropdown.header__dropdown--content {
    background: #2a2222 !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    overflow: hidden !important;
}

.header__dropdown-inner {
    background: #2a2222 !important;
}

.header__dropdown-item {
    background: #2a2222 !important;
}

.header__dropdown-link {
    color: #faf8f3 !important;
    background: #2a2222 !important;
    padding: 0.5rem 1rem !important;
    display: block !important;
}

.header__dropdown-link:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #d4af37 !important;
}

.header__nav-container {
    justify-content: flex-end !important;
}

.header__icons {
    justify-content: flex-start !important;
}

.header__grid {
    grid-template-columns: 1fr auto 1fr !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

}







#fw-section-password {
--color-primary: #c6d0ff;
--color-primary-rgb: 198, 208, 255;
--color-background: #5c4033;
--color-background-rgb: 92, 64, 51;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 71;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #c6d0ff;
--primary-btn-text: #000000;
--primary-btn-border-color: #EAE3D2;
--secondary-btn-bg: transparent;
--secondary-btn-text: #EAE3D2;
--secondary-btn-border-color: #EAE3D2;

}