.guardians-impact-box { display: none !important; }
   /* Force 1 column on mobile for Home page only */
   @media only screen and (max-width: 768px) {
     .home .woocommerce ul.products li.product,
     .home .wp-block-woocommerce-product-collection li.wc-block-product {
       width: 100% !important;
       float: none !important;
       margin-right: 0 !important;
     }
   }
.single-product .related.products .woocommerce-loop-product__title + .price + * {
  display: none; /* Hides everything after price */
}
   /* Remove WordPress Related Posts from WooCommerce product pages */
   .single-product .jp-relatedposts,
   .single-product .related-posts,
   .single-product .yarpp-related,
   .single-product #jp-relatedposts,
   .single-product .wp-block-query {
     display: none !important;
   }
   /* Global container fix - adds breathing room site-wide */
   .site-content, 
   .content-area,
   .woocommerce .site-main,
   .page .entry-content {
     max-width: 1400px !important;
     margin-left: auto !important;
     margin-right: auto !important;
     padding-left: 2rem !important;
     padding-right: 2rem !important;
   }
   
   /* Mobile: tighter padding but still not touching edges */
   @media only screen and (max-width: 768px) {
     .site-content, 
     .content-area,
     .page .entry-content {
       padding-left: 1rem !important;
       padding-right: 1rem !important;
     }
     
     /* Shop grid: force breathing room around products */
     .woocommerce ul.products {
       padding: 0 1rem !important;
     }
   }
     .woocommerce-ordering { display: none; }.
/* Hide WooCommerce Related Products on single product pages */
.single-product .related.products {
  display: none !important;
}
/* Hide other plugin-based related post blocks */
.single-product .jp-relatedposts,
.single-product .related-posts,
.single-product .yarpp-related,
.single-product #jp-relatedposts,
.single-product .wp-block-query,
.single-product .up-sells {
  display: none !important;
}
/* load Cinzel from Google - Astra already has it, this just ensures weight */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&display=swap');

/* HEADER: site title next to your logo */
.site-title a {
  font-family: 'Cinzel', serif !important;
  font-weight: 500;      /* matches the medium weight in your logo mark */
  font-size: 20px;       /* matches the 20px you have set in your screenshot */
  letter-spacing: 0.3px;
  text-transform: none;  /* keeps "Eye of Apollo" with caps as you typed */
}

/* HEADER: menu links - Home, The Guardians, etc. */
.main-header-menu a,
.ast-builder-menu-1 a {
  font-family: 'Cinzel', serif !important;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-transform: uppercase; /* gives that gallery feel */
  font-size: 14px;
}

/* FOOTER: everything in footer */
.site-footer,
.site-footer a,
.footer-widget-area * {
  font-family: 'Cinzel', serif !important;
}
/* ——— REFINED FOOTER — quiet, gallery-style ——— */
.site-footer {
  font-family: 'Cinzel', serif !important;
  font-size: 13px;           /* smaller than header */
  font-weight: 400;          /* lighter than the 500 you use in header */
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: rgba(0,0,0,0.5);    /* soft charcoal, not black */
  line-height: 1.9;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* links in footer */
.site-footer a {
  color: rgba(0,0,0,0.6);
  text-decoration: none;
  transition: color 0.2s ease;
}
.site-footer a:hover {
  color: rgba(0,0,0,0.8);
}

/* if you have widget titles in footer, keep them tiny */
.footer-widget-area .widget-title {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
  opacity: 0.7;
}
/* ——— REFINED HEADER MENU — tighter, more elegant ——— */
.main-header-menu .menu-link,
.ast-builder-menu-1 .menu-item > a,
.transparent-header .main-header-menu a {
  font-family: 'Cinzel', serif !important;
  font-size: 13.5px;          /* was 14px - subtle drop */
  font-weight: 400;
  letter-spacing: 0.45px;     /* was 0.8px - less airy */
  text-transform: uppercase;
  padding-left: 14px;         /* tightens gap between items */
  padding-right: 14px;
}

/* keep the site title breathing a bit more than menu */
.site-title a {
  letter-spacing: 0.2px;      /* matches your logo mark better */
  margin-right: 8px;
}

/* mobile - don't crowd on small screens */
@media (max-width: 768px) {
  .main-header-menu .menu-link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }
}
/* add to your Additional CSS */
.ast-header-break-point .main-header-menu .menu-item > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.3;
}
.site-branding .custom-logo {
  margin-top: 2px;
}
/* make body text feel more "art book" */
.entry-content p {
  line-height: 1.75;
  color: #333; /* softer than pure black */
}

/* give your page titles a little more air */
.entry-title {
  letter-spacing: 0.2px;
  font-weight: 400;
  margin-bottom: 12px;
}
/* ——— DESKTOP POLISH ——— */
@media (min-width: 769px) {
  /* 1. tighten header height and center logo + text */
  .site-branding {
    display: flex;
    align-items: center;
  }
  .site-branding .custom-logo {
    margin-top: 0; /* fixes the 2px drop from your mobile shot */
  }
  .main-header-bar {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  /* 2. menu: keep it compact, not stretched */
  .main-header-menu {
    justify-content: flex-end;
  }
  .main-header-menu .menu-link {
    font-size: 14px; /* a touch bigger than mobile, still refined */
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 3. subtle hover - no bright blue */
  .main-header-menu a:hover {
    color: #444;
    opacity: 0.8;
  }
}
.main-header-menu .menu-link {
  color: #555 !important; /* was too light */
}
.main-header-menu .menu-link:hover {
  color: #222 !important;
}
.ast-site-header-cart .ast-cart-menu-wrap .count,
.ast-site-header-cart i {
  color: #333 !important;
  border-color: #333 !important;
  background: transparent !important;
}
.main-header-bar {
  padding-top: 14px;
  padding-bottom: 14px;
}
/* ——— MOBILE CART + CLOSE BUTTON — match your brand ——— */
@media (max-width: 768px) {
  /* cart icon box and bag */
  .ast-header-break-point .ast-site-header-cart .ast-cart-menu-wrap {
    border: 1.5px solid #222 !important;
    background: transparent !important;
  }
  .ast-header-break-point .ast-site-header-cart .ast-icon-shopping-bag,
  .ast-header-break-point .ast-site-header-cart svg {
    fill: #222 !important;
    color: #222 !important;
  }
  /* the little "0" badge */
  .ast-header-break-point .ast-site-header-cart .count {
    background: #222 !important;
    color: #fff !important;
    border: none !important;
  }
  /* the X close button */
  .ast-mobile-popup-drawer .ast-mobile-menu-buttons .menu-toggle,
  .ast-header-break-point .ast-mobile-menu-trigger {
    border-color: #222 !important;
    color: #222 !important;
  }
}
/* ——— BUTTONS — conservation palette, not WordPress blue ——— */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: #1a1a1a !important;   /* soft black, matches your logo */
  color: #f5f5f5 !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  border-radius: 2px;              /* sharp corners = gallery feel */
  padding: 14px 28px;
  border: none !important;
  transition: background 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: #333 !important;     /* subtle lift on hover */
  color: #fff !important;
}
/* ===== EYE OF APOLLO — COMPLETE BRAND CSS ===== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&display=swap');

/* 1. HEADER: logo text + menu = Cinzel only */
.site-title a {
  font-family: 'Cinzel', serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  letter-spacing: 0.2px;
  text-transform: none;
  margin-right: 8px;
}

.main-header-menu a,
.ast-builder-menu-1 a,
.transparent-header .main-header-menu a {
  font-family: 'Cinzel', serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 0.45px;
  font-size: 13.5px;
  color: #555 !important;
  padding-left: 14px;
  padding-right: 14px;
}
.main-header-menu a:hover { color: #222 !important; opacity: 0.9; }

/* 2. FOOTER: quiet Cinzel */
.site-footer {
  font-family: 'Cinzel', serif !important;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: rgba(0,0,0,0.5);
  line-height: 1.8;
  padding: 20px 0;
}
.site-footer a { color: rgba(0,0,0,0.6); text-decoration: none; }
.site-footer a:hover { color: rgba(0,0,0,0.85); }

/* 3. BODY: keep readable sans, just refine */
.entry-content p { line-height: 1.75; color: #333; }
.entry-title { font-weight: 400; letter-spacing: 0.2px; margin-bottom: 12px; }

/* 4. BUTTONS: kill the blue */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt {
  background: #1a1a1a !important;
  color: #f5f5f5 !important;
  font-family: 'Cinzel', serif !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  border-radius: 2px;
  padding: 14px 28px;
  border: none !important;
}
.woocommerce a.button:hover { background: #333 !important; }

/* 5. CART ICON: black not blue */
.ast-site-header-cart .ast-cart-menu-wrap { border-color: #222 !important; }
.ast-site-header-cart .count { background: #222 !important; color: #fff !important; }

/* 6. DESKTOP POLISH */
@media (min-width: 769px) {
  .site-branding { display: flex; align-items: center; }
  .main-header-bar { padding-top: 12px; padding-bottom: 12px; }
  .main-header-menu .menu-link { font-size: 14px; padding-left: 16px; padding-right: 16px; }
}

/* 7. MOBILE POLISH */
@media (max-width: 768px) {
  .ast-header-break-point .main-header-menu .menu-item > a {
    padding-top: 10px; padding-bottom: 10px; line-height: 1.3; font-size: 13px;
  }
  .ast-header-break-point .ast-site-header-cart .ast-cart-menu-wrap {
    border: 1.5px solid #222 !important; background: transparent !important;
  }
  .ast-header-break-point .ast-site-header-cart svg { fill: #222 !important; }
  .ast-header-break-point .ast-site-header-cart .count { background: #222 !important; color: #fff !important; }
  .ast-mobile-menu-trigger { border-color: #222 !important; color: #222 !important; }
}
/* === KILL THE BLUE - v2 (stronger) === */
html body .ast-header-break-point .ast-mobile-header-wrap .ast-cart-menu-wrap,
html body .ast-header-break-point .ast-mobile-header-wrap a.ast-cart-menu-wrap,
html body .ast-header-break-point button.menu-toggle,
html body .ast-header-break-point .ast-mobile-menu-trigger,
html body .ast-header-break-point .ast-site-header-cart a {
  border: 1px solid #1a1a1a !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  background: transparent !important;
}

/* icons inside */
html body .ast-header-break-point .ast-site-header-cart svg,
html body .ast-header-break-point .menu-toggle-icon {
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
  stroke: #1a1a1a !important;
}

/* focus states - replace blue with black */
html body .ast-header-break-point .ast-cart-menu-wrap:focus,
html body .ast-header-break-point .ast-cart-menu-wrap:active,
html body .ast-header-break-point button.menu-toggle:focus,
html body .ast-header-break-point button.menu-toggle:active {
  border-color: #1a1a1a !important;
  box-shadow: 0 0 0 1px rgba(26,26,26,0.4) !important;
  outline: none !important;
}