/* LUNEZAR Cart Styles — PHP versiyonu için ek stiller */

/* Sepet drawer zaten styles.css içinde — bu dosya ek düzeltmeler için */

/* PHP sayfalarına özgü form stilleri */
.co-field { margin-bottom: 14px; }
.co-field label {
  display: block;
  font-family: 'Raleway', sans-serif;
  font-size: .65rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 700;
  margin-bottom: 7px;
}
.co-field input,
.co-field select,
.co-field textarea {
  width: 100%;
  padding: 12px 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(211,196,227,.18);
  border-radius: 8px;
  color: var(--light);
  font-family: 'Raleway', sans-serif;
  font-size: .9rem;
  outline: none;
  transition: border-color .2s;
  box-sizing: border-box;
}
.co-field input:focus,
.co-field select:focus { border-color: var(--gold); }
.co-field input::placeholder { color: rgba(248,247,244,.22); }
.co-field select option { background: #1a1a40; }

/* Breadcrumb */
.breadcrumb {
  padding: 18px clamp(20px,5vw,80px);
  font-family: 'Raleway', sans-serif;
  font-size: .75rem;
  color: var(--muted);
}
.breadcrumb a { color: var(--muted); text-decoration: none; transition: color .2s; }
.breadcrumb a:hover { color: var(--gold); }
.breadcrumb span { margin: 0 8px; opacity: .4; }

/* Col hero */
.col-hero {
  height: 55vh;
  min-height: 380px;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 0 clamp(20px,6vw,100px) 55px;
  overflow: hidden;
}
.col-hero-bg {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.5);
}
.col-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(15,15,42,.95) 0%, rgba(15,15,42,.2) 70%, transparent 100%);
}
.col-hero-content { position: relative; z-index: 2; }
.col-hero-content h1 {
  font-family: 'Bahiana', cursive;
  font-size: clamp(3.5rem,8vw,8rem);
  color: var(--light);
  line-height: .9;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.col-hero-content p {
  font-family: 'Raleway', sans-serif;
  font-size: .88rem;
  font-weight: 300;
  letter-spacing: 2px;
  opacity: .75;
}

/* Col filter bar */
.col-filter-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 20px clamp(20px,5vw,80px) 25px;
  align-items: center;
}
.col-filter-bar span {
  font-family: 'Raleway', sans-serif;
  font-size: .72rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--muted);
  margin-right: 5px;
}
.filter-btn {
  padding: 7px 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(211,196,227,.15);
  border-radius: 20px;
  color: var(--muted);
  font-family: 'Raleway', sans-serif;
  font-size: .75rem;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 1px;
  transition: all .2s;
}
.filter-btn:hover,
.filter-btn.active {
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(212,175,55,.06);
}

/* Col products section */
.col-products-section {
  padding: 0 clamp(20px,5vw,80px) 100px;
}

/* Badge */
.badge {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 20px;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .5px;
}
.bg { background: rgba(46,204,113,.12); color: #2ecc71; }
.br { background: rgba(231,76,60,.12);  color: #e74c3c; }
.bo { background: rgba(230,126,34,.12); color: #e67e22; }
.bb { background: rgba(52,152,219,.12); color: #3498db; }