/* Shop teaser specific layout - reverse order */
#shop-teaser .info-grid{grid-template-columns: 1fr 1fr}
#shop-teaser .info-text{order:2}
#shop-teaser .info-media{order:1}
@media (max-width: 900px){
  #shop-teaser .info-grid{grid-template-columns:1fr}
  #shop-teaser .info-text{order:2}
  #shop-teaser .info-media{order:1}
}

/* Discrete shop link in Buzzin section */
.buzzin-shop-link{margin-top:.75rem;text-align:center}
.shop-link-discrete{color:var(--muted);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s ease}
.shop-link-discrete:hover{color:var(--brand);text-decoration:none}

/* Remove underline from header navigation links on hover */
.nav-links a:hover{text-decoration:none !important}

/* Remove underline from buttons on hover */
.btn:hover{text-decoration:none !important}

/* Forms - consistent styling for both catering and shop forms */
.inquiry-form{max-width:700px;margin:0 auto;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow);padding:1.5rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}
.form-group.full{grid-column:1 / -1}
.form-group label{font-weight:600;color:var(--ink)}
.form-group input,.form-group textarea,.form-group select{padding:.75rem .85rem;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:1rem;font-family:inherit}
.form-group textarea{min-height:120px;resize:vertical}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 30%, white);border-color: color-mix(in srgb, var(--brand) 40%, white)}

@media (max-width: 700px){
  .form-row{grid-template-columns:1fr}
  .inquiry-form{padding:1.25rem}
  .inquiry-form .btn{width:100%}
}

/* Thank you message styling */
.thank-you-message{
  max-width:700px;
  margin:2rem auto;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:3rem 2rem;
  text-align:center;
  animation:slideInUp 0.5s ease-out;
  box-shadow:0 20px 40px rgba(0,0,0,.1);
  position:relative;
  overflow:hidden;
}

.thank-you-message::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg, var(--brand) 0%, #ff9500 100%);
}

.thank-you-content i{
  font-size:4rem;
  color:var(--brand);
  margin-bottom:1.5rem;
  display:block;
  animation:bounce 0.6s ease-out 0.3s both;
}

.thank-you-content h3{
  margin:0 0 1.25rem 0;
  color:var(--ink);
  font-family:'Bebas Neue', cursive;
  font-size:2.2rem;
  letter-spacing:.4px;
  line-height:1.1;
}

.thank-you-content p{
  margin:0;
  color:var(--ink-2);
  font-size:1.15rem;
  line-height:1.6;
  max-width:500px;
  margin:0 auto;
  font-weight:500;
}

@keyframes slideInUp{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes bounce{
  0%, 20%, 53%, 80%, 100%{
    animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform:translate3d(0,0,0);
  }
  40%, 43%{
    animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform:translate3d(0, -15px, 0);
  }
  70%{
    animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform:translate3d(0, -7px, 0);
  }
  90%{
    transform:translate3d(0,-2px,0);
  }
}

@media (max-width: 768px){
  .thank-you-message{
    margin:1.5rem auto;
    padding:2.5rem 1.5rem;
  }
  .thank-you-content i{font-size:3.5rem}
  .thank-you-content h3{font-size:1.8rem}
  .thank-you-content p{font-size:1.05rem;line-height:1.5}
}

@media (max-width: 480px){
  .thank-you-message{
    margin:1rem auto;
    padding:2rem 1.25rem;
  }
  .thank-you-content i{font-size:3rem}
  .thank-you-content h3{font-size:1.6rem}
  .thank-you-content p{font-size:1rem}
}