@charset "UTF-8";
/*!
Theme Name: Ben Base
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ben-base
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Ben Base is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: rgba(11, 11, 12, 0.7);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  opacity: 0;
  transform: translateY(-10px);
  animation: fadeInHeader 0.6s ease-out forwards;
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}
.site-header .header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-branding {
  display: none;
}

.main-navigation ul {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
}
.main-navigation a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}
.main-navigation a:hover {
  color: #58a6ff;
}

@keyframes fadeInHeader {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 600px) {
  .site-header .header-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.75rem 1rem;
  }
  .main-navigation ul {
    justify-content: center;
    gap: 1rem;
  }
}
/* Prevent hover scaling or glow on homepage image */
body.page-id-37 .wp-block-image.size-thumbnail.is-style-rounded img {
  transition: none !important;
  transform: none !important;
  box-shadow: none !important;
  cursor: default;
}

body.page-id-37 .wp-block-image.size-thumbnail.is-style-rounded img:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Reuse your existing @keyframes fadeUp */
/* 1) Heading group */
body.page-id-37 .home-animate > .wp-block-group__inner-container > .wp-block-group:nth-of-type(1) {
  opacity: 0;
  animation: fadeUp 0.8s ease-out forwards;
  animation-delay: 0.1s;
}

/* 2) Image & links group */
body.page-id-37 .home-animate > .wp-block-group__inner-container > .wp-block-group:nth-of-type(2) {
  opacity: 0;
  animation: fadeUp 0.8s ease-out forwards;
  animation-delay: 0.4s;
}

/* 3) Paragraphs & contact group */
body.page-id-37 .home-animate > .wp-block-group__inner-container > .wp-block-group:nth-of-type(3) {
  opacity: 0;
  animation: fadeUp 0.8s ease-out forwards;
  animation-delay: 0.9s;
}

/* Stagger paragraphs inside the 3rd group */
body.page-id-37 .home-animate > .wp-block-group__inner-container > .wp-block-group:nth-of-type(3) p {
  opacity: 0;
  animation: fadeUp 0.6s ease-out forwards;
}

body.page-id-37 .home-animate > .wp-block-group__inner-container > .wp-block-group:nth-of-type(3) p:nth-of-type(1) {
  animation-delay: 1s;
}

body.page-id-37 .home-animate > .wp-block-group__inner-container > .wp-block-group:nth-of-type(3) p:nth-of-type(2) {
  animation-delay: 1.2s;
}

/* Contact form last */
body.page-id-37 .home-animate > .wp-block-group__inner-container > .wp-block-group:nth-of-type(3) form,
body.page-id-37 .home-animate > .wp-block-group__inner-container > .wp-block-group:nth-of-type(3) .wp-block-column {
  opacity: 0;
  animation: fadeUp 0.8s ease-out forwards;
  animation-delay: 1.6s;
}

/* Elegant separator under title */
body.page-id-37 .wp-block-separator.has-alpha-channel-opacity {
  width: 100%;
  max-width: 1200px;
  height: 2px;
  margin: 2rem auto 1.5rem;
  background: rgba(255, 255, 255, 0.15); /* restored original stronger tone */
  border: none;
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
  animation: separatorGrow 1s ease-out forwards;
  animation-delay: 0.6s; /* syncs right after title */
}

/* Grow smoothly from center (no upward fade) */
@keyframes separatorGrow {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
/* Subtle fade out when scrolling down */
body.page-id-37 .wp-block-separator.has-alpha-channel-opacity {
  transition: opacity 0.6s ease;
}

body.page-id-37.scrolled .wp-block-separator.has-alpha-channel-opacity {
  opacity: 0.2; /* fades slightly when user scrolls */
}

/* ===== Contact Form Styling ===== */
.wp-block-column.is-layout-flow form,
.wp-block-column-is-layout-flow form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.wp-block-column.is-layout-flow label,
.wp-block-column-is-layout-flow label {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-weight: 500;
  font-size: 0.95rem;
}

.wp-block-column.is-layout-flow input[type=email],
.wp-block-column.is-layout-flow textarea,
.wp-block-column-is-layout-flow input[type=email],
.wp-block-column-is-layout-flow textarea {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.wp-block-column.is-layout-flow input[type=email]:focus,
.wp-block-column.is-layout-flow textarea:focus,
.wp-block-column-is-layout-flow input[type=email]:focus,
.wp-block-column-is-layout-flow textarea:focus {
  outline: none;
  border-color: #58a6ff;
  background: rgba(255, 255, 255, 0.1);
}

.wp-block-column.is-layout-flow textarea,
.wp-block-column-is-layout-flow textarea {
  resize: vertical;
  min-height: 140px;
}

.wp-block-column.is-layout-flow input[type=submit],
.wp-block-column-is-layout-flow input[type=submit] {
  background: #58a6ff;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.15s ease;
}
.wp-block-column.is-layout-flow input[type=submit]:hover,
.wp-block-column-is-layout-flow input[type=submit]:hover {
  background: rgb(128.8, 187.7437125749, 255);
  transform: translateY(-1px);
}
.wp-block-column.is-layout-flow input[type=submit]:active,
.wp-block-column-is-layout-flow input[type=submit]:active {
  transform: translateY(0);
}

@media (max-width: 600px) {
  .wp-block-column.is-layout-flow form,
  .wp-block-column-is-layout-flow form {
    padding: 1.25rem;
    gap: 1rem;
  }
}
/* ===== Blog Page Layout ===== */
.wp-theme-ben-base.blog .site-main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 700px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* ===== Individual Post Cards ===== */
.wp-theme-ben-base.blog article {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1.75rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(6px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: fadeInPost 0.6s ease-out both;
}

/* ===== Titles ===== */
.wp-theme-ben-base.blog .entry-title a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.25s ease;
}

.wp-theme-ben-base.blog .entry-title a:hover {
  color: #58a6ff;
}

/* ===== Excerpt text ===== */
.wp-theme-ben-base.blog .entry-summary {
  margin-top: 1rem;
  color: #eaeaea;
  line-height: 1.6;
}

/* ===== Read More Button ===== */
.wp-theme-ben-base.blog .read-more {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.4rem 1rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #58a6ff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.wp-theme-ben-base.blog .read-more:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgb(139, 193.1796407186, 255);
  box-shadow: 0 0 12px rgba(88, 166, 255, 0.3);
}

/* ===== Post Fade-In Animation ===== */
@keyframes fadeInPost {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== Products Page Wrapper ===== */
body.page-id-313 .entry-content {
  max-width: 900px;
  margin: 2rem auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* ===== Product Card Layout (tighter spacing) ===== */
.product-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1rem 1.25rem; /* reduced from ~2rem */
  margin-bottom: 1.25rem; /* less gap between cards */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 0.75rem; /* controls spacing between inner elements */
}

.product-card:hover {
  background: rgba(255, 255, 255, 0.06);
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(88, 166, 255, 0.2);
}

/* Headings inside card */
.product-card h3 {
  font-size: 1.25rem;
  margin: 0.25rem 0 0.5rem; /* tighter than default */
  color: #fff;
}

/* Lists inside card */
.product-card ul {
  padding: 0;
  margin: 0rem;
}

.product-card li {
  margin-bottom: 0.25rem; /* reduced list spacing */
  color: #eaeaea;
  font-size: 0.95rem;
}

/* Remove image hover zoom (keep static) */
body.page-id-313 .entry-content .wp-block-image img:hover {
  transform: none;
}

/* ===== Text and heading inside card ===== */
body.page-id-313 .entry-content h3,
body.page-id-313 .entry-content h2 {
  color: #ffffff;
  margin-bottom: 0.5rem;
}

body.page-id-313 .entry-content p {
  color: #eaeaea;
  line-height: 1.6;
  margin: 0.25rem 0;
}

/* ===== Fade-in animation ===== */
@keyframes fadeUpCard {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== Sequential delay for each card ===== */
body.page-id-313 .entry-content .wp-block-group__inner-container:nth-of-type(1) {
  animation-delay: 0.2s;
}

body.page-id-313 .entry-content .wp-block-group__inner-container:nth-of-type(2) {
  animation-delay: 0.4s;
}

body.page-id-313 .entry-content .wp-block-group__inner-container:nth-of-type(3) {
  animation-delay: 0.6s;
}

body.page-id-313 .entry-content .wp-block-group__inner-container:nth-of-type(4) {
  animation-delay: 0.8s;
}

/* ===== Mobile tweaks ===== */
@media (max-width: 768px) {
  body.page-id-313 .entry-content {
    padding: 0 1rem;
  }
  body.page-id-313 .entry-content .wp-block-group__inner-container {
    padding: 1.25rem;
  }
  body.page-id-313 .entry-content .wp-block-image img {
    max-width: 120px;
    margin: 0 auto 1rem;
  }
}
/* ===== Fade-in animation for product buttons ===== */
@keyframes fadeInButton {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 🔹 Hide and fully collapse the entire product card when hidden */
body.page-id-313 .wp-block-group.product-card.hidden {
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
  background: none !important;
}

/* Ensure inner containers are also collapsed just in case */
body.page-id-313 .wp-block-group.product-card.hidden .wp-block-group__inner-container {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Base state */
.wp-theme-ben-base.page-id-313 .product-card {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.35s ease, transform 0.35s ease, height 0.35s ease, margin 0.35s ease, padding 0.35s ease;
  will-change: opacity, transform, height, margin, padding;
  overflow: visible; /* will be set to hidden only during anim */
}

/* While fading/collapsing */
.wp-theme-ben-base.page-id-313 .product-card.is-fading {
  opacity: 0;
  transform: scale(0.97);
}

/* Optional: inner container follows the ride */
.wp-theme-ben-base.page-id-313 .product-card .wp-block-group__inner-container {
  transition: opacity 0.35s ease;
}

.wp-theme-ben-base.page-id-313 .product-card.is-fading .wp-block-group__inner-container {
  opacity: 0;
}

/* 🎯 Image fades in softly — no translate motion */
.page-id-235 .entry-content .wp-image-187 {
  opacity: 0;
  animation: fadeIn 0.9s ease-out forwards;
  animation-delay: 0.15s; /* ✅ fades in slightly before links */
}

/* 🎯 Links (list items) fade in next in a cascade */
.page-id-235 .entry-content ul li {
  opacity: 0;
  animation: fadeUp 0.6s ease-out forwards;
}

.page-id-235 .entry-content ul li:nth-child(1) {
  animation-delay: 0.3s;
}

.page-id-235 .entry-content ul li:nth-child(2) {
  animation-delay: 0.45s;
}

.page-id-235 .entry-content ul li:nth-child(3) {
  animation-delay: 0.6s;
}

.page-id-235 .entry-content ul li:nth-child(4) {
  animation-delay: 0.75s;
}

.page-id-235 .entry-content ul li:nth-child(5) {
  animation-delay: 0.9s;
}

/* 🎯 Details section comes in last */
.page-id-235 .entry-content details {
  opacity: 0;
  animation: fadeUp 0.6s ease-out forwards;
  animation-delay: 1.2s; /* ✅ comes in after buttons */
}

body.retrigger-anim .entry-content *,
body.retrigger-anim .wp-image-187 {
  animation: none !important;
}

body.retrigger-anim .entry-content ul li {
  opacity: 0;
  animation: fadeUp 0.6s ease-out forwards;
}

body.retrigger-anim .wp-image-187 {
  opacity: 0;
  animation: fadeIn 0.9s ease-out forwards;
  animation-delay: 0.15s;
}

body.retrigger-anim .entry-content details {
  opacity: 0;
  animation: fadeUp 0.6s ease-out forwards;
  animation-delay: 1.2s;
}

/* ===== Home page link buttons (match Links page exactly) ===== */
body.page-id-37 .entry-content a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transform: translateY(-1px);
  list-style: none;
}

body.page-id-37 .entry-content a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #58a6ff;
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(88, 166, 255, 0.35);
}

body.page-id-37 .entry-content a:active {
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(88, 166, 255, 0.25);
}

/* Responsive */
@media (max-width: 600px) {
  body.page-id-37 .entry-content a {
    max-width: 100%;
  }
}
/* Remove list bullets on Home page link list */
body.page-id-37 .entry-content ul,
body.page-id-37 .entry-content ol {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

/* Home page image — enlarge and align with links */
body.page-id-37 .wp-block-image.size-thumbnail.is-style-rounded img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Subtle hover lift for interactivity */
body.page-id-37 .wp-block-image.size-thumbnail.is-style-rounded img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(88, 166, 255, 0.25);
}

/* Make sure columns align well on mobile */
@media (max-width: 768px) {
  body.page-id-37 .wp-block-image.size-thumbnail.is-style-rounded img {
    margin-bottom: 1rem;
    width: 120px;
    height: 120px;
  }
}
/* ===== Equal-width link buttons ===== */
/* ===== Equal-width link buttons with soft glow and elevation ===== */
.page-id-235 .entry-content a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transform: translateY(-1px);
}
.page-id-235 .entry-content a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #58a6ff;
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(88, 166, 255, 0.35);
}
.page-id-235 .entry-content a:active {
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(88, 166, 255, 0.25);
}

/* ===== Match <details> section width to link buttons ===== */
.page-id-235 .entry-content .wp-block-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px; /* ✅ same as buttons */
  margin: 1rem auto; /* ✅ centers the block */
  padding: 1rem 1.25rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  color: #e5e5e5;
  text-align: center;
}

/* Remove bullets from lists and reset spacing */
.page-id-235 .entry-content ul,
.page-id-235 .entry-content ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-id-235 .entry-content li {
  margin-bottom: 1rem;
}

.page-id-235 .entry-content summary {
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  font-size: 1.1rem;
}
.page-id-235 .entry-content summary:hover {
  color: #58a6ff;
}

.page-id-235 .entry-content details[open] {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 600px) {
  .page-id-235 .entry-content {
    padding: 1rem;
    gap: 1rem;
  }
}
/* ===== Product Card Buttons (matches global style) ===== */
body.page-id-313 .entry-content .wp-block-group__inner-container a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px; /* same width for all */
  height: 45px;
  margin: 1rem auto 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transform: translateY(-1px);
}

/* Hover lift + glow */
body.page-id-313 .entry-content .wp-block-group__inner-container a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #58a6ff;
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(88, 166, 255, 0.35);
}

/* Active press effect */
body.page-id-313 .entry-content .wp-block-group__inner-container a:active {
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(88, 166, 255, 0.25);
}

/* Constant subtle glow */
body.page-id-313 .entry-content .wp-block-group__inner-container a {
  box-shadow: 0 0 6px rgba(88, 166, 255, 0.12), 0 4px 10px rgba(0, 0, 0, 0.25);
}

/* Responsive tweak */
@media (max-width: 600px) {
  body.page-id-313 .entry-content .wp-block-group__inner-container a {
    max-width: 100%;
    height: 42px;
    font-size: 0.95rem;
  }
}
/* Smooth hide/show when filtering */
.page-id-313 .entry-content .wp-block-group__inner-container {
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

.page-id-313 .entry-content .wp-block-group__inner-container.is-hidden {
  opacity: 0;
  transform: translateY(6px);
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

/* ===== Product Filter Styling (fixed width + responsive) ===== */
.product-filter {
  width: 100%;
  max-width: 700px; /* same width as your content area */
  margin: 0 auto 2rem; /* centered horizontally */
  padding: 0 1rem; /* match your main page padding */
  box-sizing: border-box;
}

.product-filter input {
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1.05rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  outline: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

/* Hover + focus states */
.product-filter input:hover,
.product-filter input:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(88, 166, 255, 0.3);
  box-shadow: 0 0 16px rgba(88, 166, 255, 0.25);
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .product-filter {
    padding: 0 0.75rem;
    margin-bottom: 1.5rem;
  }
  .product-filter input {
    font-size: 1rem;
    padding: 0.85rem 1rem;
  }
}
.product-no-results {
  max-width: 700px;
  margin: 0.5rem auto 0;
  color: #eaeaea;
  opacity: 0.8;
}

.page .entry-title,
.single .entry-title {
  display: none !important;
}

.site-branding {
  display: none;
}

.comments-area {
  display: none !important;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
  padding: 1.5rem;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.container {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 2rem 1rem;
  background-color: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  box-sizing: border-box;
}

.grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

h1, h2, h3, h4, h5 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.text-center {
  text-align: center;
}
@media (min-width: 1024px) {
  .text-center {
    text-align: left;
  }
}

footer {
  padding: 1rem;
  font-size: 0.9rem;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  footer {
    text-align: left;
    display: flex;
    justify-content: space-between;
  }
}

/* ===== Consistent content width (do NOT include .site) ===== */
.site-content,
.site-main,
.entry-content,
.container,
main {
  max-width: 700px; /* or 600px to match your form exactly */
  width: 100%;
  margin: 0 auto;
  padding: 2rem 1rem;
  box-sizing: border-box;
}

/* Tighter padding on small screens */
@media (max-width: 600px) {
  .site-content,
  .site-main,
  .entry-content,
  .container,
  main {
    padding: 1.25rem 1rem;
  }
}
.entry-content {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  color: #eaeaea;
}
.entry-content img,
.entry-content video,
.entry-content iframe {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  margin: 1.5rem auto;
}
.entry-content p {
  margin-bottom: 1.5rem;
}
.entry-content ul,
.entry-content ol {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 600px) {
  .entry-content {
    padding: 0.75rem;
    font-size: 0.95rem;
  }
}
body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  color: #eaeaea;
  background: #0b0b0c;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.3;
  margin: 1.5rem 0 1rem;
}

h1 {
  font-size: clamp(2rem, 4vw, 3rem);
}

h2 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
}

h3 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
}

h4 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

h5 {
  font-size: clamp(1.1rem, 1.8vw, 1.4rem);
}

h6 {
  font-size: 1rem;
}

p {
  margin-bottom: 1.25rem;
  max-width: 70ch;
}

strong {
  color: #58a6ff;
}

em {
  font-style: italic;
}

a {
  color: #58a6ff;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: rgb(139, 193.1796407186, 255);
}

ul, ol {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

li {
  margin-bottom: 0.5rem;
}

body {
  background-color: #0b0b0c;
  color: #ffffff;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.container {
  background-color: #141416;
  border: 1px solid #2c2c2f;
  border-radius: 12px;
  padding: 2rem;
  margin: 2rem auto;
  max-width: 1200px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.section-accent {
  background: linear-gradient(135deg, #141416, #1e1f22);
  padding: 4rem 2rem;
  border-radius: 16px;
  box-shadow: inset 0 0 20px rgba(88, 166, 255, 0.1);
}

/* ===== Fade-up animation (used across image, links, details, across all pages) ===== */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== Fade-in only (no movement) ===== */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}