/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(253,249,245,.88);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px}
.brand{text-decoration:none;display:grid;gap:2px}
.brand__name{font-family:var(--serif);font-size:1.15rem}
.brand__sub{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.nav__menu{display:flex;align-items:center;gap:26px}
.nav__menu a{text-decoration:none;font-size:.85rem;color:var(--muted)}
.nav__menu a:hover{color:var(--ink)}
.nav__menu .btn,.nav__menu .btn:hover{color:var(--cream)}
.nav__burger{display:none}

/* ---------- hero ---------- */
.hero{background:linear-gradient(180deg,var(--blush) 0%,var(--cream) 78%);padding-block:72px 90px}
.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero__lead{color:var(--muted);max-width:34ch}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero__art{position:relative}
.hero__arch{border-radius:999px 999px var(--r-md) var(--r-md);overflow:hidden;
  box-shadow:var(--shadow);background:var(--card);aspect-ratio:4/5}
.hero__arch img{width:100%;height:100%;object-fit:cover}
.hero__badge{position:absolute;left:-18px;bottom:34px;background:var(--card);border-radius:var(--r-sm);
  padding:12px 16px;font-size:.72rem;line-height:1.4;box-shadow:var(--shadow);margin:0}
.hero__badge span{color:var(--muted)}

/* ---------- marquee ---------- */
.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--cream);padding-block:14px}
.marquee__track{display:flex;gap:52px;width:max-content;animation:slide 32s linear infinite}
.marquee__track span{font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--muted);white-space:nowrap}
@keyframes slide{to{transform:translateX(-50%)}}
/* --- drag-to-scroll carousel --- */
.rail-wrap{position:relative}
.rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;cursor:grab;
  padding-block:4px 10px;scrollbar-width:none;-ms-overflow-style:none}
.rail::-webkit-scrollbar{display:none}
.rail.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.rail>*{scroll-snap-align:start;flex:0 0 auto}
.rail img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.cards.rail>*{width:clamp(260px,30%,330px)}
.grid.rail>*{width:clamp(200px,24%,260px)}
.insta__grid.rail>*{width:clamp(180px,22%,240px)}
.rail__btn{position:absolute;top:calc(50% - 3px);translate:0 -50%;z-index:5;width:44px;height:44px;
  border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);
  font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:var(--shadow);
  display:grid;place-items:center;transition:opacity .2s ease,transform .2s ease}
.rail__btn:hover:not([disabled]){transform:translateY(-50%) scale(1.06)}
.rail__btn[data-dir="-1"]{left:-18px}
.rail__btn[data-dir="1"]{right:-18px}
.rail__btn[disabled]{opacity:.28;cursor:default}
@media (prefers-reduced-motion:reduce){.rail{scroll-behavior:auto}}

/* --- sabit WhatsApp butonu --- */
.wa-fab{position:fixed;right:20px;bottom:20px;z-index:60;width:54px;height:54px;
  border-radius:999px;background:#25D366;color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 26px -8px rgba(37,211,102,.7);transition:transform .2s ease}
.wa-fab:hover{transform:translateY(-3px)}

@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}

/* ---------- sections / cards / gallery ---------- */
.section{padding-block:88px}
.section--alt{background:var(--blush)}
.section__title{max-width:18ch;margin-block:14px 10px}
.section__lead{color:var(--muted);max-width:56ch;margin:0 0 26px}
.cards{margin-top:30px}
.card{background:var(--card);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);
  transition:transform .25s ease}
.card:hover{transform:translateY(-4px)}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card__body{padding:18px 20px 20px;position:relative}
.card__body h3{font-size:1.1rem}
.card__body p{color:var(--muted);font-size:.85rem;margin:6px 44px 0 0}
.card__go{position:absolute;right:18px;bottom:18px;width:34px;height:34px;border-radius:999px;
  background:var(--blush);display:grid;place-items:center;text-decoration:none;color:var(--ink);
  transition:background .2s ease,color .2s ease}
.card__go:hover{background:var(--espresso);color:var(--cream)}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 18px;
  font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--muted);
  font-family:inherit;transition:background .2s ease,color .2s ease}
.chip.is-active{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}
.tile{border:0;padding:0;background:none;cursor:pointer;border-radius:var(--r-sm);overflow:hidden;
  box-shadow:var(--shadow)}
.tile img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .4s ease}
.tile:hover img{transform:scale(1.04)}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(42,33,28,.92);
  display:flex;align-items:center;justify-content:center;gap:18px;padding:28px}
.lightbox[hidden]{display:none}
.lightbox img{max-height:86vh;max-width:min(90vw,720px);border-radius:var(--r-md);
  cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-drag:none;
  transition:transform .25s ease,opacity .25s ease}
.lightbox img.is-dragging{cursor:grabbing;transition:none}
.lightbox__count{position:absolute;left:50%;translate:-50% 0;bottom:22px;
  font-size:.72rem;letter-spacing:.16em;color:rgba(253,249,245,.75)}
.lightbox__hint{position:absolute;left:50%;translate:-50% 0;top:22px;
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(253,249,245,.45)}
.lightbox__close{position:absolute;top:20px;right:24px}
.lightbox__close,.lightbox__nav{background:none;border:0;color:var(--cream);font-size:2rem;cursor:pointer;
  line-height:1;padding:8px 14px;font-family:inherit}

/* ---------- about + order ---------- */
.about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about__art{margin:0;position:relative}
.about__art img{border-radius:var(--r-md);box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}
.about__art figcaption{position:absolute;left:16px;bottom:16px;background:var(--card);
  border-radius:999px;padding:8px 16px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:24px}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:18px}
.steps span{font-family:var(--serif);font-size:1.1rem;color:var(--gold)}
.steps h3{font-size:1rem}
.steps p{color:var(--muted);font-size:.88rem;margin:4px 0 0}
.steps--light h3{color:var(--cream)}
.steps--light p{color:rgba(253,249,245,.66)}

.order{background:var(--espresso);color:var(--cream);padding-block:88px}
.order__inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.order h2{color:var(--cream);margin-top:14px}
.order__lead{color:rgba(253,249,245,.66);max-width:44ch}
.form{background:var(--cream);border-radius:var(--r-lg);padding:28px;display:grid;gap:16px;color:var(--ink)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:grid;gap:7px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.form input,.form select,.form textarea{font:inherit;font-size:.9rem;text-transform:none;letter-spacing:0;
  color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}
.form textarea{resize:vertical}
.form [aria-invalid]{border-color:#C56B6B}
.field-error{color:#C56B6B;font-size:.7rem;letter-spacing:0;text-transform:none;margin:0}
.form__file{border:1px dashed var(--line);border-radius:12px;padding:16px;text-align:center;cursor:pointer;
  position:relative}
.form__file input{position:absolute;opacity:0;width:0;height:0}
.form__file span{font-size:.75rem;letter-spacing:0;text-transform:none}
.form__submit{justify-content:center;width:100%}
.form__note{font-size:.68rem;color:var(--muted);text-align:center;margin:0}
.form__status{margin:0;font-size:.8rem;text-align:center;min-height:1em}
.form__status.is-error{color:#C56B6B}
.form__done{text-align:center;padding:22px 6px}
.form__done p{color:var(--muted);font-size:.88rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- instagram + contact + footer ---------- */
.insta{text-align:center}
.insta__icon{font-size:1.6rem;color:var(--gold);margin:0;line-height:1}
.insta__handle{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;margin:6px 0 26px}
.insta__grid{margin-bottom:28px}
.insta__grid img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-sm);box-shadow:var(--shadow)}
.contact{text-align:center}
.contact .eyebrow{justify-content:center}
.contact .section__lead{margin-inline:auto}
.contact__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;
  justify-content:center;margin-top:30px}
.contact__card{background:var(--card);border-radius:var(--r-md);padding:26px 22px;text-decoration:none;
  display:grid;gap:8px;justify-items:center;box-shadow:var(--shadow);transition:transform .25s ease}
.contact__card:hover{transform:translateY(-4px)}
.contact__icon{width:46px;height:46px;border-radius:999px;background:var(--blush);display:grid;
  place-items:center;color:var(--gold);font-size:1.25rem;line-height:1}
.contact__card p{color:var(--muted);font-size:.85rem;margin:0 0 10px;word-break:break-word}
.footer{background:var(--espresso);color:var(--cream);text-align:center;padding-block:52px}
.footer__brand{font-family:var(--serif);font-size:1.6rem;margin:0}
.footer__sub{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:6px 0 22px}
.footer__nav{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-size:.82rem}
.footer__nav a{color:rgba(253,249,245,.72);text-decoration:none}
.footer__nav a:hover{color:var(--cream)}
.footer__copy{font-size:.7rem;color:rgba(253,249,245,.45);margin-top:22px}

/* ---------- responsive ---------- */
@media (max-width:880px){
  .hero__inner{grid-template-columns:1fr}
  .nav__burger{display:block;background:none;border:0;width:40px;height:40px}
  .nav__burger span,.nav__burger span::before,.nav__burger span::after{
    content:"";display:block;height:1.5px;width:20px;background:var(--ink);position:relative}
  .nav__burger span::before{top:-6px}.nav__burger span::after{top:4.5px}
  .nav__menu{position:absolute;inset:100% 0 auto;flex-direction:column;align-items:flex-start;
    gap:14px;padding:20px 24px 26px;background:var(--cream);border-bottom:1px solid var(--line);display:none}
  .nav__menu.is-open{display:flex}
  .about,.order__inner{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr}
}
@media (max-width:1240px){
  .rail__btn[data-dir="-1"]{left:2px}
  .rail__btn[data-dir="1"]{right:2px}
}
@media (max-width:900px){
  .contact__cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .contact__cards{grid-template-columns:1fr}
}
@media (max-width:560px){
  .rail__btn{display:none}
  .cards.rail>*{width:78%}
  .grid.rail>*{width:62%}
  .insta__grid.rail>*{width:58%}
  .wa-fab{right:14px;bottom:14px;width:50px;height:50px}
  .section{padding-block:64px}
  .order{padding-block:64px}
  .hero__badge{left:8px;bottom:14px}
  .form{padding:20px}
}