body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

header.mq-header {
  position: sticky;
  top: 0;
  background: #f9f9f9;
  border-bottom: 1px solid #e5e5e5;
  z-index: 1000;
}

.mq-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
}

.mq-brand {
  font-weight: 600;
  font-size: 16px;
}

.mq-buy {
  background: #1f3a5f;
  color: #fff;
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
}
/* WordPress default noise cleanup */
.screen-reader-text {
  display: none;
}

a {
  color: inherit;
  text-decoration: none;
}
header.mq-header {
  background: #f9f9f9;
}

.mq-header-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.mq-buy {
  display: inline-block;
}
/* Base cleanup */
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }

/* Header */
.mq-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #f9f9f9;
  border-bottom: 1px solid #e5e5e5;
}

.mq-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.mq-brand{
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
}

.mq-header-actions{
  display:flex;
  align-items:center;
  gap: 10px;
}

.mq-buy{
  background: #1f3a5f;
  color:#fff;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1;
  display:inline-block;
}

/* Toggle button */
.mq-nav-toggle{
  width: 36px;
  height: 36px;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 10px;
  display:grid;
  place-items:center;
  cursor:pointer;
}

/* Chevron (CSS drawn, no icon libs) */
.mq-chevron{
  width: 10px;
  height: 10px;
  border-right: 2px solid #111;
  border-bottom: 2px solid #111;
  transform: rotate(45deg);
  transition: transform .18s ease;
}

.mq-header.is-open .mq-chevron{
  transform: rotate(-135deg);
}

/* Dropdown nav */
.mq-nav{
  display:none;
  border-top: 1px solid #e5e5e5;
  background:#fff;
}

.mq-header.is-open .mq-nav{
  display:block;
}

.mq-nav-link{
  display:block;
  padding: 16px 16px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 16px;
}

.mq-nav-link:last-child{ border-bottom: none; }

/* Desktop behavior: keep nav hidden, no dropdown */
@media (min-width: 900px){
  .mq-nav-toggle{ display:none; }
  .mq-nav{
    display:flex !important;
    gap: 18px;
    border-top:none;
    background: transparent;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px 12px 16px;
  }
  .mq-nav-link{
    border-bottom:none;
    padding: 0;
    font-size: 14px;
    color:#333;
  }
}
/* Layout */
.mq-main { background: #fff; }
.mq-container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.mq-section { padding: 64px 0; }
.mq-hero { padding: 84px 0 72px; }

.mq-split { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 900px){
  .mq-section { padding: 84px 0; }
  .mq-hero { padding: 110px 0 90px; }
  .mq-split { grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: start; }
}

/* Typography */
.mq-hero-title { font-size: 46px; margin: 0 0 10px; letter-spacing: -0.02em; }
.mq-hero-subtitle { font-size: 18px; margin: 0; color: #333; max-width: 42ch; }
@media (min-width: 900px){
  .mq-hero-title { font-size: 64px; }
  .mq-hero-subtitle { font-size: 20px; }
}

.mq-title { font-size: 28px; margin: 0 0 10px; letter-spacing: -0.01em; }
.mq-title-center { text-align: center; margin-bottom: 24px; }
.mq-text { font-size: 16px; line-height: 1.6; color: #222; margin: 0; max-width: 65ch; }
.mq-muted { margin: 0; color: #666; font-size: 14px; max-width: 55ch; }

.mq-link { display: inline-block; font-size: 14px; color: #1f3a5f; }
.mq-link:hover { text-decoration: underline; }

/* Lists */
.mq-list { margin: 0; padding-left: 18px; color: #222; line-height: 1.7; }
.mq-list li { margin: 6px 0; }

/* Steps */
.mq-steps { display: grid; gap: 14px; margin-top: 22px; }
@media (min-width: 900px){ .mq-steps { grid-template-columns: repeat(3, 1fr); gap: 18px; } }
.mq-step { border: 1px solid #eee; border-radius: 14px; padding: 18px; background: #fff; }
.mq-step-num { width: 28px; height: 28px; border-radius: 10px; display: grid; place-items: center; background: #f3f3f3; font-weight: 600; margin-bottom: 10px; }
.mq-step-title { font-weight: 600; margin-bottom: 6px; }
.mq-step-text { color: #444; line-height: 1.55; }

/* FAQ */
.mq-faq { margin-top: 16px; border-top: 1px solid #eee; }
.mq-faq-item { border-bottom: 1px solid #eee; padding: 14px 0; }
.mq-faq-item summary { cursor: pointer; font-weight: 600; }
.mq-faq-item p { margin: 10px 0 0; color: #333; line-height: 1.6; }

/* Footer CTA */
.mq-footer-cta { margin-top: 26px; }
.mq-buy-large { padding: 12px 16px; border-radius: 10px; font-size: 15px; }

/* Small spacing helper */
.mq-spacer { height: 12px; }
:root{
  --mq-header-offset: 110px; /* header + menü alanı için güvenli pay */
}

.mq-section{
  scroll-margin-top: var(--mq-header-offset);
}

/* Mobilde header biraz daha kısa */
@media (max-width: 899px){
  :root{ --mq-header-offset: 92px; }
}
html{
  scroll-behavior: smooth;
}
.mq-hero-media{
  margin-top: 28px;
}

.mq-hero-media-box{
  height: 260px;
  border-radius: 18px;
  border: 1px solid #eee;
  background: #fafafa;
  display: grid;
  place-items: center;
  color: #777;
  font-size: 14px;
}

@media (min-width: 900px){
  .mq-hero-media{ margin-top: 36px; }
  .mq-hero-media-box{ height: 380px; border-radius: 22px; }
}
.mq-header{
  transition: box-shadow .18s ease;
}

.mq-header.is-scrolled{
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.mq-hero-cta .mq-link{
  display:inline-block;
  margin-top: 18px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #1f3a5f;
  color:#fff;
  font-size: 14px;
}
.mq-hero-cta .mq-link:hover{
  opacity:.92;
}
#ne-satar .mq-title{
  font-size: 32px;
}
#ne-satar .mq-text{
  font-size: 17px;
  line-height: 1.7;
}
.mq-step{
  background:#fafafa;
}
.mq-step-num{
  background:#e9ecef;
  font-size: 13px;
}
/* WooCommerce shop grid minimal */
.woocommerce ul.products{
  display:grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin: 24px 0 0;
  padding: 0;
}

@media (min-width: 900px){
  .woocommerce ul.products{ grid-template-columns: repeat(3, 1fr); gap: 22px; }
}

.woocommerce ul.products li.product{
  list-style:none;
  border:1px solid #eee;
  border-radius: 16px;
  padding: 14px;
  background:#fff;
}

.woocommerce ul.products li.product a{
  text-decoration:none;
}

.woocommerce ul.products li.product img{
  border-radius: 12px;
  margin: 0 0 12px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 16px;
  font-weight: 600;
  color:#111;
  margin: 0 0 6px;
}

.woocommerce ul.products li.product .price{
  color:#111;
  font-weight: 600;
}

/* Optional: cleaner shop */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{
  display:none;
}
/* === MAQVES SHOP LAYOUT === */

.woocommerce .mq-container {
  max-width: 1100px;
}

/* ürün listesi */
.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  justify-content: center;
  margin-top: 60px;
}

/* tek ürün varsa bile ortada durmasın */
.woocommerce ul.products li.product {
  width: 100%;
}
/* MAQVES CTA */
.woocommerce a.button,
.woocommerce button.button {
  background: #1f3a5f;
  color: #fff;
  border-radius: 12px;
  padding: 14px 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: #162c47;
}
.woocommerce .price del {
  opacity: 0.4;
  font-size: 14px;
}

.woocommerce .price ins {
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}
/* Tek ürün varsa ortalanmış manifesto hissi */
.woocommerce ul.products li.product:only-child {
  max-width: 360px;
  margin: 0 auto;
}
/* MAQVES product card refinement */
.woocommerce ul.products li.product {
  border: none;
  background: transparent;
  padding: 0;
  text-align: center;
}

.woocommerce ul.products li.product img {
  max-width: 320px;
  margin: 0 auto 24px;
  display: block;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}

.woocommerce ul.products li.product .price {
  font-size: 18px;
  margin-bottom: 16px;
}
.woocommerce ul.products li.product a.button {
  padding: 14px 20px;
  border-radius: 14px;
  min-width: 140px;
}