/* === CS Marking – Additions (original style.css bleibt unverändert) === */

/* Phone CTA im Header */
.header-phone-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:#2e7d32;color:#fff !important;
  padding:8px 14px;border-radius:6px;
  font-weight:700;font-size:.9rem;line-height:1.1;
  text-decoration:none !important;white-space:nowrap;
  margin-left:12px;flex-shrink:0;
  transition:background .15s,transform .15s;
}
.header-phone-cta:hover{background:#1b5e20;transform:translateY(-1px)}
.header-phone-cta svg{width:16px;height:16px;flex-shrink:0}
.header-phone-cta .ph-sub{display:block;font-weight:400;font-size:.68rem;opacity:.9;margin-top:1px}
@media(max-width:920px){
  .header-phone-cta .ph-txt{display:none}
  .header-phone-cta::after{content:'08020 9088404';font-weight:700}
}
@media(max-width:560px){.header-phone-cta{display:none}}

/* Sticky Mobile Phone Bar */
.m-phonebar{
  display:none;position:fixed;bottom:0;left:0;right:0;
  background:#fff;border-top:1px solid #e0e0e0;
  box-shadow:0 -4px 16px rgba(0,0,0,.08);z-index:1100;
  padding-bottom:env(safe-area-inset-bottom,0);
}
.m-phonebar a{
  flex:1;display:flex;align-items:center;justify-content:center;
  gap:7px;padding:13px;font-weight:700;font-size:.92rem;
  text-decoration:none;
}
.m-phonebar .mp-call{background:#2e7d32;color:#fff}
.m-phonebar .mp-form{background:#1a237e;color:#fff}
@media(max-width:560px){
  .m-phonebar{display:flex}
  body{padding-bottom:56px}
  .wa-float{bottom:72px !important}
}

/* Scroll-to-top */
#csScrollTop{
  position:fixed;bottom:90px;right:22px;z-index:800;
  width:40px;height:40px;border-radius:50%;
  background:#1a237e;color:#fff;border:none;cursor:pointer;
  display:none;align-items:center;justify-content:center;
  box-shadow:0 3px 12px rgba(0,0,0,.15);font-size:1.1rem;
  transition:background .15s;
}
#csScrollTop.vis{display:flex}
#csScrollTop:hover{background:#ff6b35}
@media(max-width:560px){#csScrollTop{bottom:72px}}

/* Shop Button in Nav */
.nav-shop-btn{
  background:#ff6b35 !important;color:#fff !important;
  padding:8px 18px !important;border-radius:6px !important;
  font-weight:700 !important;font-size:.9rem !important;
  display:inline-flex;align-items:center;gap:6px;
  transition:background .15s,transform .15s;
  white-space:nowrap;
}
.nav-shop-btn:hover{background:#e85a25 !important;transform:translateY(-1px)}
.nav-shop-btn svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:768px){
  .nav-shop-btn{width:100%;justify-content:center;margin-top:6px;padding:12px 18px !important}
}