@media (max-width: 1200px) {
  .navigation-bar { gap: 6rem; padding: 0.5rem 0; }
  .nav2 { flex-wrap: wrap; gap: 1rem; }
  .nav-section { gap: 4rem; width: 100%; }
  .section-image { width: 60vw; height: auto; }
}

footer{ display: flex; position: relative; bottom: 0; }
.footer-1{ margin-left: 3rem; margin-top: 1rem; }
.footer-1-link{ font-size: 0.9rem; text-decoration: none; color:#9d5248c5; display: flex; gap: 1rem; }
.footer-2{ display: flex; flex-direction: column; gap: 1.5rem; align-items: center; margin-bottom: 1rem; }
.footer-3{ display: flex; gap:2rem; margin-top: 1rem; }
.footer-3-link{ font-size: 1rem; text-decoration: none; color:#9d5248 }

@media (max-width: 992px) {
  .navigation-bar { gap: 3rem; flex-wrap: wrap; justify-content: center; }
  .nav2 { flex-wrap: wrap; justify-content: center; gap: 1rem; }
  .nav-section { gap: 2rem; width: 100%; }

  .first-product-image-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    justify-content: center;
  }
  .first-product-image-container > div { width: 100%; }
  .first-product-image { width: 100%; height: auto; }
  .fpi-text1, .fpi-text2 { margin-bottom: 2rem; }

  .section-image { width: 80vw; height: auto; }
  .section-image-box { margin-bottom: 2rem; }
  footer { flex-direction: column; align-items: center; gap: 1rem; }
  .footer-1 { margin: 0; }
  .footer-2 { margin: 0; }
  .footer-3 { gap: 1rem; }
  /* section-10: stack + 2-column info */
  .section-10 { width: 100%; }
  .section-box { flex-direction: column; width: 95%; gap: 24px; }
  .s-boxs { width: 100%; }
  .s-box-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .s-box { width: 100%; }
}

@media (max-width: 768px) {
  .nav-section { gap: 1rem; }
  .first-product-image-container { grid-template-columns: 1fr; gap: 16px; }
  .section-image { width: 100vw; height: 70vh; object-fit: cover; }
  .first-product-image { width: 100%; height: auto; }
  .fpi-text1 { font-size: 1rem; }
  .fpi-text2 { font-size: 0.95rem; }
  .fpi-text2::after { font-size: 1rem; }
  footer { flex-direction: column; align-items: center; gap: 0.75rem; }
  .footer-3-link { font-size: 0.95rem; }
  /* section-10: single column */
  .section-box { width: 96%; }
  .s-box-info { grid-template-columns: 1fr; gap: 16px; }
}

@media (max-width: 576px) {
  .navigation-bar { gap: 1rem; padding: 0.5rem 0; }
  .nav1, .nav2, .nav3 { justify-content: center; }
  .nav-section { gap: 0.75rem; width: 100%; padding: 0.5rem 0; }

  .first-product-image-container { grid-template-columns: 1fr; gap: 14px; }
  .section-image { width: 100vw; height: 75vh; object-fit: cover; }
  .cart-button { width: 100%; }
  .fpi-text2::after { font-size: 1.05rem; }
  footer { flex-direction: column; align-items: center; gap: 0.5rem; }
  .footer-3 { flex-wrap: wrap; gap: 0.75rem; justify-content: center; }
  .footer-1-link { font-size: 0.85rem; }
  /* section-10: tighten spacing */
  .section-box { width: 98%; gap: 16px; }
  .s-box-info { grid-template-columns: 1fr; gap: 14px; }
}
/* prices appended under second text */
.fpi-text2::after {
  content: "";
  display: block;
  margin-top: 4px;
  color: brown;
  font-weight: 400;
}

.first-product-image-container > div:nth-child(1) .fpi-text2::after { content: "£349"; }
.first-product-image-container > div:nth-child(2) .fpi-text2::after { content: "£279"; }
.first-product-image-container > div:nth-child(3) .fpi-text2::after { content: "£459"; }
.first-product-image-container > div:nth-child(4) .fpi-text2::after { content: "£199"; }