/* External CSS compatible with Content-Security-Policy style-src 'self' */
[hidden]{display:none!important}
.production-checkout-stage{margin-top:1.25rem;padding:1rem;border:1px solid #d7c8a9;background:#f7f0df;border-radius:8px}
.production-checkout-stage button:disabled{cursor:not-allowed;background:#87978a;border-color:#87978a;opacity:1}
/* AF Custom Creations | Reversible botanical edge preview.
   Remove the botanical stylesheet link in index.html to disable decorations. */
body::before,body::after {
  content:"";position:fixed;top:12%;width:clamp(95px,14vw,190px);height:70vh;
  background-image:url("/shop/botanical-vine.svg");background-position:left center;
  background-repeat:no-repeat;background-size:contain;
  opacity:.64;pointer-events:none;z-index:8;
}
body::before {left:0}
body::after {right:0;transform:scaleX(-1);top:20%}
@media (max-width:760px) {
  body::before,body::after{width:65px;height:40vh;opacity:.25;top:25%}
  body::after{top:49%}
}
@media (prefers-reduced-transparency:reduce) {body::before,body::after{opacity:.12}}

/* Centered emerald footer copied from approved shared footer CSS.
   Deliberately included in botanical-edges.css because this existing stylesheet
   is served by app.js and linked on ALL 11 pages. */
/* AF Custom Creations shared centered footer — Nov 5, 2026.
   Same layout as the approved homepage, included on all 11 storefront pages.
   Scoped by #afcc-simple-footer; does not affect headers, checkout or the Design Studio. */
footer#afcc-simple-footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9; /* Keep the footer in front of decorative botanical edges */
  clear: both;
  float: none;
  width: 100%; max-width: none;
  margin: 0; padding: 42px 22px 36px;
  gap: 11px;
  background: #062b22;
  color: #f7efe1;
  text-align: center;
  font-size: 14px; line-height: 1.5;
}
footer#afcc-simple-footer * { box-sizing: border-box; }
footer#afcc-simple-footer > p {
  display: block; float: none;
  width: 100%; max-width: 760px;
  margin: 0; padding: 0;
  color: inherit; text-align: center;
}
footer#afcc-simple-footer .afcc-footer-name {
  color: #e6bd75;
  font: 600 22px/1.35 'Playfair Display', Georgia, serif;
}
footer#afcc-simple-footer .afcc-footer-slogan {
  color: #f5e5c2;
  font: italic 16px/1.5 'Playfair Display', Georgia, serif;
}
footer#afcc-simple-footer .afcc-footer-status { font-size: 13px; }
footer#afcc-simple-footer .afcc-footer-links {
  display: flex; flex-direction: row;
  justify-content: center; align-items: center; flex-wrap: wrap;
  gap: 9px 22px; width: min(100%, 720px);
  margin: 5px auto 0; padding: 17px 0 0;
  border-top: 1px solid rgba(230,189,117,.33);
  text-align: center;
}
footer#afcc-simple-footer .afcc-footer-links a {
  display: inline-block;
  padding: 3px 0; font-size: 13px;
  color: #f7efe1;
  text-decoration-color: #c6a36d;
  text-underline-offset: 3px;
  white-space: nowrap;
}
footer#afcc-simple-footer .afcc-footer-links a:hover,
footer#afcc-simple-footer .afcc-footer-links a:focus-visible { color: #e6bd75; }
footer#afcc-simple-footer .afcc-footer-legal { font-size: 12px; opacity: .8; }
@media (max-width: 540px) {
  footer#afcc-simple-footer { padding: 34px 16px; gap: 10px; }
  footer#afcc-simple-footer .afcc-footer-name { font-size: 20px; }
  footer#afcc-simple-footer .afcc-footer-links { gap: 8px 16px; }
}