/* --------------------------------------------------
   RESET
-------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Segoe UI", sans-serif;
  background: #f5f5f5;
  color: #222;
}

/* --------------------------------------------------
   TOP BAR
-------------------------------------------------- */
.topbar {
  background: #ffffff;
  border-bottom: 1px solid #ddd;
}

.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-box {
  width: 48px;
  height: 48px;
  border: 2px solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
}

.site-title {
  font-size: 1.4rem;
  letter-spacing: 0.15em;
  font-weight: 600;
}

.btn-book {
  background: #1a3d5d;
  color: #fff;
  padding: 0.6rem 1.2rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s ease;
}

.btn-book:hover {
  background: #102a40;
}

/* --------------------------------------------------
   MAIN NAVIGATION
-------------------------------------------------- */
.main-nav {
  background: #1a3d5d;
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 0.75rem 0;
}

.main-nav a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.03em;
  transition: 0.2s ease;
}

.main-nav a:hover {
  opacity: 0.7;
}

/* --------------------------------------------------
   HERO SECTION
-------------------------------------------------- */
.hero {
  background: url("https://images.pexels.com/photos/462024/pexels-photo-462024.jpeg")
    center/cover no-repeat;
  height: 55vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  position: relative;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
}

.hero-inner {
  position: relative;
  z-index: 2;
}

.hero-inner h2 {
  font-size: 2.4rem;
  margin-bottom: 0.5rem;
}

.hero-inner p {
  font-size: 1.2rem;
  opacity: 0.9;
}

/* --------------------------------------------------
   GLOBAL CONTAINER
-------------------------------------------------- */
.container {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* --------------------------------------------------
   LUXURY SECTION
-------------------------------------------------- */
.luxury-section {
  padding: 4rem 0;
  text-align: center;
}

.luxury-section h2 {
  font-size: 2rem;
  margin-bottom: 2rem;
  letter-spacing: 0.02em;
}

.luxury-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-bottom: 2rem;
}

.lux-img {
  height: 240px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.img-1 { background-image: url("https://images.pexels.com/photos/1325661/pexels-photo-1325661.jpeg"); }
.img-2 { background-image: url("https://images.pexels.com/photos/3865792/pexels-photo-3865792.jpeg"); }
.img-3 { background-image: url("https://images.pexels.com/photos/1998439/pexels-photo-1998439.jpeg"); }

.lux-desc {
  max-width: 800px;
  margin: 0 auto;
  color: #555;
  line-height: 1.7;
  font-size: 1rem;
}

/* --------------------------------------------------
   ACCOMMODATIONS — HORIZONTAL SCROLL
-------------------------------------------------- */
.accommodations {
  padding: 4rem 0;
  background: #faf7f2;
}

.acc-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

.acc-header h2 {
  font-size: 2rem;
}

.acc-header p {
  color: #777;
}

.acc-horizontal-scroll {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 2rem;
  padding-bottom: 1rem;
}

.acc-horizontal-scroll::-webkit-scrollbar {
  height: 10px;
}

.acc-horizontal-scroll::-webkit-scrollbar-thumb {
  background: #c7b9a3;
  border-radius: 10px;
}

.acc-card {
  flex: 0 0 90%;
  max-width: 900px;
  background: #fff;
  border-radius: 14px;
  padding: 1.5rem;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 1.5rem;
  align-items: center;
  scroll-snap-align: center;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.acc-img {
  height: 260px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
}

.img-inn       { background-image: url("https://images.pexels.com/photos/106399/pexels-photo-106399.jpeg"); }
.img-farmhouse { background-image: url("https://images.pexels.com/photos/259588/pexels-photo-259588.jpeg"); }
.img-cottage   { background-image: url("https://images.pexels.com/photos/271624/pexels-photo-271624.jpeg"); }
.img-lodge     { background-image: url("https://images.pexels.com/photos/2102587/pexels-photo-2102587.jpeg"); }

.acc-info h3 {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}

.acc-info p {
  color: #666;
  line-height: 1.6;
  margin-bottom: 1.4rem;
}

/* --------------------------------------------------
   BUTTONS
-------------------------------------------------- */
.btn-primary,
.btn-outline {
  display: inline-block;
  padding: 0.7rem 1.4rem;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s ease;
}

.btn-primary {
  background: #1a3d5d;
  color: #fff;
}

.btn-primary:hover {
  background: #102a40;
}

.btn-outline {
  border: 2px solid #1a3d5d;
  color: #1a3d5d;
}

.btn-outline:hover {
  background: #1a3d5d;
  color: #fff;
}

/* --------------------------------------------------
   GOLF SECTION
-------------------------------------------------- */
.golf-section {
  margin-bottom: 3rem;
}

.golf-bg {
  position: relative;
  height: 60vh;
  background-image: url("https://images.pexels.com/photos/1325662/pexels-photo-1325662.jpeg");
  background-size: cover;
  background-position: center;
}

.golf-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
}

.golf-content {
  position: relative;
  color: #fff;
  padding-top: 8rem;
  max-width: 700px;
}

.golf-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  opacity: 0.9;
}

.golf-content h2 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

.golf-desc {
  color: #e8e8e8;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

.btn-outline-light {
  display: inline-block;
  padding: 0.7rem 1.4rem;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.2s ease;
}

.btn-outline-light:hover {
  background: rgba(255,255,255,0.15);
}

/* --------------------------------------------------
   PACKAGES SECTION
-------------------------------------------------- */
.packages {
  padding: 4rem 0;
  background: #faf7f2;
}

.packages-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

.packages-header h2 {
  font-size: 2rem;
}

.packages-header p {
  color: #777;
  margin-bottom: 0.5rem;
}

.browse-link {
  color: #1a3d5d;
  font-weight: 600;
  text-decoration: none;
}

.packages-scroll {
  display: flex;
  gap: 2rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 1rem;
}

.packages-scroll::-webkit-scrollbar {
  height: 10px;
}

.packages-scroll::-webkit-scrollbar-thumb {
  background: #c7b9a3;
  border-radius: 10px;
}

.package-card {
  flex: 0 0 350px;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  scroll-snap-align: start;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.package-img {
  height: 180px;
  background-size: cover;
  background-position: center;
}

.img-p1 { background-image: url("https://images.pexels.com/photos/1325661/pexels-photo-1325661.jpeg"); }
.img-p2 { background-image: url("https://images.pexels.com/photos/259588/pexels-photo-259588.jpeg"); }
.img-p3 { background-image: url("https://images.pexels.com/photos/2102587/pexels-photo-2102587.jpeg"); }
.img-p4 { background-image: url("https://images.pexels.com/photos/271624/pexels-photo-271624.jpeg"); }
.img-p5 { background-image: url("https://images.pexels.com/photos/3865792/pexels-photo-3865792.jpeg"); }

.package-info {
  padding: 1.2rem;
}

.package-info h3 {
  margin-bottom: 0.5rem;
}

.package-info p {
  color: #666;
  margin-bottom: 0.8rem;
}

.package-info ul {
  padding-left: 1.2rem;
  margin-bottom: 1rem;
  color: #555;
  line-height: 1.5;
}

/* --------------------------------------------------
   SUBSCRIBE SECTION
-------------------------------------------------- */
.subscribe-section {
  padding: 4rem 0;
  background: #faf7f2;
  text-align: center;
}

.subscribe-section h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.sub-desc {
  color: #666;
  margin-bottom: 2rem;
}

.subscribe-form {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}

.form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

.subscribe-form input[type="text"],
.subscribe-form input[type="email"] {
  width: 100%;
  padding: 0.8rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 1rem;
}

.checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.8rem 0;
  font-size: 0.95rem;
  color: #555;
}

.privacy-note {
  font-size: 0.85rem;
  color: #777;
  margin: 1rem 0;
}

.captcha-box {
  background: #e5e5e5;
  padding: 1rem;
  border-radius: 6px;
  text-align: center;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

.sub-btn {
  width: 100%;
  padding: 0.9rem;
  font-size: 1rem;
}

/* --------------------------------------------------
   TESTIMONIALS SECTION
-------------------------------------------------- */
.testimonials {
  padding: 4rem 0;
  background: #ffffff;
}

.testimonials h2 {
  text-align: center;
  margin-bottom: 2rem;
}

.tripadvisor-bar {
  width: 100%;
  background: #1a3d5d;
  color: #fff;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tripadvisor-bar .trip-logo {
  font-size: 1.2rem;
  font-weight: 700;
}

.tripadvisor-bar .rating {
  font-size: 1rem;
  font-weight: 600;
}

.testimonials-scroll {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 1rem;
}

.testimonials-scroll::-webkit-scrollbar {
  height: 10px;
}

.testimonials-scroll::-webkit-scrollbar-thumb {
  background: #c7b9a3;
  border-radius: 10px;
}

.test-card {
  flex: 0 0 300px;
  background: #faf7f2;
  padding: 1.5rem;
  border-radius: 12px;
  scroll-snap-align: start;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.test-card h3 {
  margin-bottom: 0.3rem;
}

.author {
  color: #777;
  font-size: 0.9rem;
  margin-bottom: 0.8rem;
}

/* WEDDINGS SECTION — Redesigned */
.weddings-section {
  padding: 5rem 0;
  background: #faf7f2;
}

.weddings-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
}

/* Eyebrow label */
.weddings-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.85rem;
  color: #1a3d5d;
  margin-bottom: 0.6rem;
  font-weight: 600;
}

/* Title */
.weddings-title {
  font-size: 2.2rem;
  line-height: 1.3;
  margin-bottom: 1.2rem;
  color: #1a1a1a;
}

/* Quote */
.weddings-text .quote {
  font-style: italic;
  color: #555;
  line-height: 1.7;
  margin-bottom: 1.2rem;
  font-size: 1.05rem;
}

/* Author */
.weddings-text .author {
  color: #777;
  margin-bottom: 2rem;
  font-size: 0.95rem;
}

/* Button */
.weddings-btn {
  padding: 0.9rem 1.8rem;
  font-size: 1rem;
}

/* Images */
.weddings-images {
  display: grid;
  gap: 1rem;
}

.wed-img {
  height: 300px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

/* Replace with your real images */
.img-w1 {
  background-image: url("https://images.pexels.com/photos/265856/pexels-photo-265856.jpeg");
}

.img-w2 {
  background-image: url("https://images.pexels.com/photos/265856/pexels-photo-265856.jpeg");
}

/* Responsive */
@media (max-width: 900px) {
  .weddings-grid {
    grid-template-columns: 1fr;
  }

  .wed-img {
    height: 220px;
  }

  .weddings-title {
    font-size: 1.8rem;
  }
}

  
  /* EVENTS SECTION */
.events-section {
  padding: 4rem 0;
  background: #ffffff;
  text-align: center;
}

.events-header h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.events-header p {
  color: #666;
  margin-bottom: 2rem;
  line-height: 1.5;
}

.events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.event-card {
  background: #faf7f2;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-align: left;
}

.event-date {
  font-weight: 700;
  color: #1a3d5d;
  margin-bottom: 0.5rem;
}

.event-card h3 {
  font-size: 1.2rem;
  color: #333;
}

.browse-link {
  display: inline-block;
  margin-top: 1rem;
  color: #1a3d5d;
  font-weight: 600;
  text-decoration: none;
}


/* ACTIVITIES SECTION */
.activities-section {
  padding: 4rem 0;
  background: #faf7f2;
  text-align: center;
}

.activities-header h2 {
  font-size: 2rem;
  margin-bottom: 0.3rem;
}

.activities-header p {
  color: #333;
  font-size: 1.1rem;
}

.activities-header .subtext {
  color: #666;
  max-width: 600px;
  margin: 0.5rem auto 2rem;
  line-height: 1.6;
}

.activities-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
  margin-bottom: 1.5rem;
}

.activities-grid span {
  background: #fff;
  padding: 0.6rem 1rem;
  border-radius: 20px;
  font-size: 0.95rem;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
}

/* EVENTS SECTION */
.events-section {
  padding: 4rem 0;
  background: #ffffff;
  text-align: center;
}

.events-header h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.events-header p {
  color: #666;
  margin-bottom: 2rem;
  line-height: 1.5;
}

.events-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  margin-bottom: 1.5rem;
}

.event-card {
  background: #faf7f2;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-align: left;
}

.event-img {
  height: 180px;
  background-size: cover;
  background-position: center;
}

.img-event1 {
  background-image: url("https://images.pexels.com/photos/70497/pexels-photo-70497.jpeg");
}

.img-event2 {
  background-image: url("https://images.pexels.com/photos/1325661/pexels-photo-1325661.jpeg");
}

.event-info {
  padding: 1.2rem;
}

.event-date {
  font-weight: 700;
  color: #1a3d5d;
  margin-bottom: 0.3rem;
}

.event-card h3 {
  font-size: 1.2rem;
  color: #333;
}

.browse-link {
  display: inline-block;
  margin-top: 1rem;
  color: #1a3d5d;
  font-weight: 600;
  text-decoration: none;
}



/* --------------------------------------------------
   ACTIVITIES SECTION
-------------------------------------------------- */
.activities-section {
  padding: 4rem 0;
  background: #faf7f2;
  text-align: center;
}

.activities-header h2 {
  font-size: 2rem;
  margin-bottom: 0.3rem;
}

.activities-header .tagline {
  font-size: 1.2rem;
  color: #333;
  margin-bottom: 0.5rem;
}

.activities-header .subtext {
  color: #666;
  max-width: 600px;
  margin: 0 auto 2rem;
  line-height: 1.6;
}

/* GRID OF ACTIVITY CARDS */
.activities-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}
.activity-img {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}


/* OPTIONAL: make cards more like the example */
.activity-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-align: left;
}


/* IMAGES FOR EACH ACTIVITY */
.img-clays {
  background-image: url("https://images.pexels.com/photos/533923/pexels-photo-533923.jpeg");
}


.img-golf {
  background-image: url("https://images.pexels.com/photos/1325662/pexels-photo-1325662.jpeg");
}

.img-spa {
  background-image: url("https://images.pexels.com/photos/3865792/pexels-photo-3865792.jpeg");
}

.img-utv {
  background-image: url("https://images.pexels.com/photos/100582/pexels-photo-100582.jpeg");
}

.img-axe {
  background-image: url("https://images.pexels.com/photos/55814/axe-ax-wood-split-55814.jpeg");
}

.img-archery {
  background-image: url("https://images.pexels.com/photos/277049/pexels-photo-277049.jpeg");
}

.img-tennis {
  background-image: url("https://images.pexels.com/photos/573916/pexels-photo-573916.jpeg");
}

.activity-card h3 {
  font-size: 1.2rem;
  margin: 1rem 1.2rem 0.3rem;
  color: #333;
}

.activity-card p {
  margin: 0 1.2rem;
  color: #666;
  line-height: 1.5;
}

/* --------------------------------------------------
   SOUTHERN CUISINE SECTION
-------------------------------------------------- */
.cuisine-section {
  padding: 5rem 0;
  background: #ffffff;
}

.cuisine-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.cuisine-img {
  height: 360px;
  border-radius: 14px;
  background-image: url("https://images.pexels.com/photos/70497/pexels-photo-70497.jpeg");
  background-size: cover;
  background-position: center;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.cuisine-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.85rem;
  color: #1a3d5d;
  margin-bottom: 0.6rem;
  font-weight: 600;
}

.cuisine-text h2 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}

.cuisine-desc {
  color: #555;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  max-width: 500px;
}

.cuisine-btn {
  padding: 0.9rem 1.8rem;
  font-size: 1rem;
}


/* --------------------------------------------------
   RELAXED LUXURY CTA (FULL-WIDTH IMAGE)
-------------------------------------------------- */
.luxury-cta {
  position: relative;
  height: 55vh;
  background-image: url("https://images.pexels.com/photos/1325662/pexels-photo-1325662.jpeg");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}

.luxury-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
}

.luxury-content {
  position: relative;
  z-index: 2;
}

.luxury-content h3 {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.3rem;
  opacity: 0.9;
}

.luxury-content h2 {
  font-size: 2.6rem;
  margin-bottom: 1.2rem;
}

.luxury-btn {
  padding: 0.9rem 1.8rem;
  font-size: 1rem;
}

/* --------------------------------------------------
   FOOTER
-------------------------------------------------- */

/* FOOTER BACKGROUND (FULL WIDTH) */
.footer {
  background: #f2ede4;
  padding: 4rem 0 0;
  width: 100%;
  color: #333;
}

/* CENTERED CONTENT (NORMAL FOOTER LOOK) */
.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* GRID */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2.5rem;
}

/* COLUMN STYLING */
.footer-col h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.footer-col h4 {
  font-size: 1.1rem;
  margin-bottom: 0.8rem;
  font-weight: 600;
}

.footer-col ul {
  list-style: none;
  margin-bottom: 0.8rem;
}

.footer-col ul li {
  margin-bottom: 0.4rem;
}

.footer-col a {
  color: #333;
  text-decoration: none;
  transition: 0.2s ease;
}

.footer-col a:hover {
  color: #1a3d5d;
}

.footer-link {
  display: inline-block;
  margin-top: 0.5rem;
  font-weight: 600;
  color: #1a3d5d;
}

/* BOTTOM BAR */
.footer-bottom {
  margin-top: 3rem;
  padding: 1.5rem 0;
  border-top: 1px solid #d8d2c8;
}

.bottom-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.social span {
  font-weight: 600;
  margin-right: 0.8rem;
}

.social a {
  margin-right: 0.8rem;
  color: #333;
  text-decoration: none;
}

.social a:hover {
  color: #1a3d5d;
}

.legal {
  text-align: right;
}

.legal a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
}

.legal a:hover {
  color: #1a3d5d;
}

.legal p {
  margin-top: 0.3rem;
  font-size: 0.9rem;
  color: #555;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .footer-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bottom-flex {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
}

@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
}


/* RESPONSIVE */
@media (max-width: 1100px) {
  .footer-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bottom-flex {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
}

@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
}


/* BOTTOM BAR */
.footer-bottom {
  background: #e8e2d7;
  margin-top: 3rem;
  padding: 1.5rem 0;
}

.bottom-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.social span {
  font-weight: 600;
  margin-right: 0.8rem;
}

.social a {
  margin-right: 0.8rem;
  color: #333;
  text-decoration: none;
}

.social a:hover {
  color: #1a3d5d;
}

.legal {
  text-align: right;
}

.legal a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
}

.legal a:hover {
  color: #1a3d5d;
}

.legal p {
  margin-top: 0.3rem;
  font-size: 0.9rem;
  color: #555;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .footer-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bottom-flex {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
}

@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
}


/* RESPONSIVE */
@media (max-width: 1100px) {
  .footer-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-columns {
    grid-template-columns: repeat(2, 1fr);
  }

  .promo-img {
    height: 200px;
  }

  .bottom-flex {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
}