/* Eigene Anpassungen, werden nach den Original-Styles geladen. */

/* Ramazan: neues Video im Querformat */
.ramazan__media .vid__el{object-position:42% 50%}
@media (min-width:900px){
  .ramazan:before{background-image:url(/media/video/iftar-poster.webp)}
  .ramazan__media{
    --w:min(calc(48vw - var(--gutter, 40px)), 1000px);
    width:var(--w);
    height:calc(var(--w) * 9 / 16);
    top:calc(50% - var(--w) * 9 / 32);
    bottom:auto;
  }
}

/* Anlar: drei Bilder statt zwei Videos */
.moments__curtain{grid-template-columns:repeat(3,1fr)}
.moments__pic{position:absolute;inset:0;display:block}
.moments__pic img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:899px){
  .moments__panel--l .moments__pic img{object-position:68% 50%}
  .moments__panel--m .moments__pic img{object-position:38% 50%}
  .moments__panel--r .moments__pic img{object-position:38% 50%}
}
/* Die zwei kleinen Fotos darunter zeigen dieselben Bilder: ausblenden statt doppelt zeigen */
.moments__stills{display:none}
/* Mittleres (helles) Bild leicht abdunkeln, damit der Text lesbar bleibt */
.moments__panel--m:after{content:"";position:absolute;inset:0;background:#0000004d;z-index:2;pointer-events:none}

/* Geschenkbox: Unboxing-Video (Hochformat) statt 5 Fotos */
.box__stage{aspect-ratio:9/16;width:min(72vw,380px)}
.box__view .vid{position:absolute;inset:0}
@media (min-width:900px){.box__stage{width:min(30vw,48svh)}}

/* Yakında / Coming soon: neue Sorten */
.soon{padding:clamp(70px,10vw,130px) var(--gutter);max-width:var(--maxw);margin:0 auto}
.soon__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px);margin-top:40px}
.soon__img{background:#fff;border-radius:14px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000066}
.soon__img img{width:82%;height:auto;display:block}
.soon__badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--bg);color:var(--gold-soft);font:700 .68rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;border-radius:99px}
.soon__item h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.2vw,1.9rem);margin-top:16px;color:var(--cream)}
.soon__item p{color:var(--cream-dim);margin-top:4px}
@media (max-width:899px){
  .soon__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72vw;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:0 var(--gutter) 30px;scrollbar-width:none}
  .soon__grid::-webkit-scrollbar{display:none}
  .soon__item{scroll-snap-align:start}
}

/* Kontakt: drei Knöpfe am PC in zwei Reihen statt gequetscht */
@media (min-width:900px){
  .contact__cta{grid-auto-flow:row;grid-template-columns:repeat(2,auto);align-content:center}
  .contact__cta .btn{white-space:nowrap}
}

/* SSS / FAQ: aufklappbare Fragen */
.faq{padding:clamp(70px,10vw,130px) var(--gutter);max-width:900px;margin:0 auto}
.faq__list{margin-top:36px;border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.55rem);color:var(--cream)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:after{content:"+";flex:none;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-size:1.2rem;color:var(--gold);transition:transform .3s}
.faq__item[open] summary:after{transform:rotate(45deg)}
.faq__item summary:hover{color:var(--gold-soft)}
.faq__item p{color:var(--cream-dim);padding:0 50px 24px 0;max-width:68ch}

/* Schwebender WhatsApp-Knopf */
.wa-float{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:999px;background:#25d366;color:#fff;text-decoration:none;font:700 .95rem/1 var(--sans);box-shadow:0 12px 30px #0000006b;transition:transform .25s,box-shadow .25s}
.wa-float svg{width:26px;height:26px;flex:none}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 16px 36px #00000080}
@media (max-width:899px){.wa-float{width:56px;padding:0;justify-content:center}.wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media print{.wa-float{display:none}}