.ftw-app{
  --ftw-red:#e30613; --ftw-dark:#15191c; --ftw-text:#1d2327; --ftw-muted:#687078;
  --ftw-card:#fff; --ftw-line:#e5e7eb; --ftw-soft:#f6f7f8;
  font-family:inherit; color:var(--ftw-text); max-width:1240px; margin:0 auto 48px; line-height:1.45;
}
.ftw-app *{box-sizing:border-box}
.ftw-hero{
  min-height:330px; border-radius:22px; overflow:hidden; padding:42px;
  display:flex; align-items:center; gap:34px; color:#fff; position:relative;
  background:
    linear-gradient(90deg,rgba(5,10,12,.88),rgba(5,10,12,.58) 56%,rgba(5,10,12,.38)),
    var(--ftw-bg) center/cover no-repeat;
  box-shadow:0 18px 50px rgba(0,0,0,.15)
}
.ftw-logo{width:180px;height:180px;object-fit:contain;flex:0 0 auto;background:#fff;border-radius:50%;padding:3px}
.ftw-hero-copy{max-width:720px}
.ftw-kicker{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800;margin:0 0 8px;color:inherit;opacity:.8}
.ftw-hero h1{font-size:clamp(42px,7vw,82px);line-height:.95;margin:0 0 16px;font-weight:900}
.ftw-hero p{font-size:19px;max-width:650px;margin:0}
.ftw-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 28px}
.ftw-benefits>div{background:#fff;border:1px solid var(--ftw-line);border-radius:14px;padding:14px 16px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.ftw-benefits strong{display:block;font-size:14px;margin-bottom:3px}
.ftw-benefits span{display:block;font-size:12px;color:var(--ftw-muted)}
.ftw-tabs{display:flex;gap:8px;margin:10px 0 20px}
.ftw-tab{border:1px solid var(--ftw-line);background:#fff;border-radius:999px;padding:12px 24px;font-weight:800;cursor:pointer;font-size:16px}
.ftw-tab.is-active{background:var(--ftw-red);color:#fff;border-color:var(--ftw-red)}
.ftw-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:24px;align-items:start}
.ftw-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ftw-product{background:#fff;border:1px solid var(--ftw-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.ftw-product-image{aspect-ratio:16/10;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--ftw-line)}
.ftw-product-image img{width:100%;height:100%;object-fit:contain}
.ftw-product-body{padding:18px}
.ftw-product h3{font-size:20px;margin:0 0 6px}
.ftw-price{font-size:24px;font-weight:900;color:var(--ftw-red);margin-bottom:14px}
.ftw-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ftw-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}
.ftw-field select,.ftw-field input,.ftw-form input,.ftw-form textarea{
  width:100%;border:1px solid #cfd4da;border-radius:10px;padding:10px 11px;background:#fff;color:#1d2327;font:inherit
}
.ftw-personal{margin-top:10px}
.ftw-personal summary{cursor:pointer;font-size:13px;font-weight:800;color:#4b5258}
.ftw-personal input{margin-top:8px}
.ftw-add{width:100%;margin-top:14px;background:var(--ftw-dark);color:#fff;border:0;border-radius:10px;padding:12px 14px;font-weight:900;cursor:pointer}
.ftw-add:hover{background:#000}
.ftw-cart{position:relative}
.ftw-cart-inner{position:sticky;top:22px;background:#fff;border:1px solid var(--ftw-line);border-radius:18px;padding:20px;box-shadow:0 12px 32px rgba(0,0,0,.08)}
.ftw-cart h2{margin:0 0 14px;font-size:27px}
.ftw-empty{color:var(--ftw-muted);padding:12px 0}
.ftw-lineitem{padding:12px 0;border-top:1px solid var(--ftw-line)}
.ftw-lineitem:first-child{border-top:0}
.ftw-line-head{display:flex;justify-content:space-between;gap:10px}
.ftw-lineitem strong{font-size:14px}
.ftw-lineitem small{display:block;color:var(--ftw-muted);margin-top:3px}
.ftw-remove{border:0;background:transparent;color:#a00;cursor:pointer;font-size:12px;padding:0}
.ftw-totals{border-top:2px solid var(--ftw-dark);padding-top:12px;margin-top:8px}
.ftw-totals>div{display:flex;justify-content:space-between;gap:16px;padding:4px 0;font-size:14px}
.ftw-totals .ftw-grand{font-size:20px;padding-top:10px;margin-top:6px;border-top:1px solid var(--ftw-line)}
.ftw-totals small{display:block;color:var(--ftw-muted);margin-top:6px}
.ftw-form{border-top:1px solid var(--ftw-line);margin-top:18px;padding-top:18px}
.ftw-form h3{margin:0 0 10px}
.ftw-form label{display:block;font-size:13px;font-weight:700;margin:10px 0}
.ftw-form textarea{resize:vertical}
.ftw-consent{display:flex!important;gap:9px;align-items:flex-start;font-weight:400!important}
.ftw-consent input{width:auto!important;margin-top:4px}
.ftw-consent a{color:var(--ftw-red)}
.ftw-btn{width:100%;border:0;border-radius:11px;padding:13px 15px;margin-top:9px;font-weight:900;cursor:pointer;font-size:15px}
.ftw-btn-primary{background:var(--ftw-red);color:#fff}
.ftw-btn-whatsapp{background:#1f9d55;color:#fff}
.ftw-btn-light{background:#eef0f2;color:#252a2f}
.ftw-btn[disabled]{opacity:.55;cursor:not-allowed}
.ftw-message{font-size:13px;margin:8px 0}
.ftw-message.is-error{color:#a00}
.ftw-message.is-success{color:#08752e}
.ftw-legal{font-size:11px;color:var(--ftw-muted);margin:12px 0 0}
.ftw-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:1000px){
  .ftw-benefits{grid-template-columns:repeat(2,1fr)}
  .ftw-layout{grid-template-columns:1fr}
  .ftw-cart-inner{position:static}
}
@media(max-width:720px){
  .ftw-app{margin-bottom:28px}
  .ftw-hero{padding:28px 20px;min-height:280px;align-items:flex-end}
  .ftw-logo{width:98px;height:98px;position:absolute;right:18px;top:18px}
  .ftw-hero-copy{padding-top:80px}
  .ftw-hero p{font-size:16px}
  .ftw-benefits{grid-template-columns:1fr}
  .ftw-products{grid-template-columns:1fr}
  .ftw-fields{grid-template-columns:1fr 1fr}
  .ftw-tabs{position:sticky;top:0;z-index:20;background:#fff;padding:8px 0}
}

/* === Flow Teamkleidung 1.1.0 === */
.ftw-app .ftw-hero .ftw-hero-copy h1,
.ftw-app .ftw-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ftw-app .ftw-tabs .ftw-tab:not(.is-active) {
  color: #5f6368 !important;
  -webkit-text-fill-color: #5f6368 !important;
  background: #ffffff !important;
  border-color: #d8dde2 !important;
}

.ftw-app .ftw-tabs .ftw-tab.is-active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--ftw-red) !important;
  border-color: var(--ftw-red) !important;
}

.ftw-app .ftw-product-image {
  background: #ffffff !important;
}
.ftw-app .ftw-product-image img,
.ftw-app .ftw-product:hover .ftw-product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #ffffff !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}