:root{--pink:#D50069;--turq:#39C7CE;--blue:#222753;--black:#000;--text:#111827;--muted:#6b7280;--max:1140px}
.wb-wrap{max-width:var(--max);margin:0 auto;padding:0 10px}
.wb-hero{position:relative;background:#000;background-position:center;background-size:cover;background-repeat:no-repeat;margin-top:0;padding:clamp(28px,5vw,56px) 0}
.wb-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.9)}
.wb-hero .inner{position:relative;z-index:1;text-align:center}
.wb-hero h1{margin:0 0 12px 0;line-height:1.15;font-weight:800;font-size:clamp(28px,4vw,48px);color:#fff}
.wb-hero .fx-grad{background:linear-gradient(90deg,#fff 0%,var(--pink) 25%,var(--turq) 50%,#fff 75%,#fff 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:webbutik-title-sheen 8s linear infinite}
.wb-hero .fx-underline{position:relative}
.wb-hero .fx-underline::after{content:"";position:absolute;left:0;right:0;margin:0 auto;bottom:-6px;height:3px;width:100%;max-width:90%;background:linear-gradient(90deg,var(--pink),#fff,var(--turq));background-size:200% 100%;animation:webbutik-underline-move 6s linear infinite;border-radius:3px}
.wb-hero .lead{color:#fff;font-size:20px;line-height:1.7;text-shadow:1px 1px 1px rgba(0,0,0,.25);margin:0}
@keyframes webbutik-title-sheen{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes webbutik-underline-move{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.wb-info{background:#F9F9F9;padding:40px 0}
.wb-info .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.wb-info .img img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.15)}
.wb-info h2{margin:0 0 8px 0;font-size:clamp(22px,3.2vw,34px);font-weight:800;color:#fff;background:#000;padding:12px 16px;border-radius:10px;display:inline-block}
.wb-info h2 .hl{background:linear-gradient(180deg,var(--pink) 0%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;color:#fff}
.wb-info p{margin:8px 0 0 0;font-size:18px;line-height:1.7}
.wb-intro{display:grid;grid-template-columns:1fr 1fr;min-height:35vh}
.wb-intro .left{display:flex;align-items:center;justify-content:center;background:#000;color:#fff;padding:clamp(24px,4vw,100px)}
.wb-intro h2{margin:0 0 8px 0;font-size:clamp(22px,3.2vw,34px);font-weight:800}
.wb-intro p{margin:0;font-size:18px;line-height:1.7}
.wb-intro .right{background-position:center;background-repeat:no-repeat;background-size:cover;background-image:var(--iw-webbutik-intro-bg, none);min-height:300px}
.wb-faq{background:#F9F9F9;padding:40px 0}
.wb-faq h3{margin:0 0 12px 0;text-align:left}
.wb-accord{max-width:var(--max);margin:0 auto}
.wb-accord details{background:#000;color:#fff;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.25);margin:10px 0}
.wb-accord summary{cursor:pointer;padding:14px 16px;font-weight:700}
.wb-accord .wb-faq-body{padding:0 16px 16px}
.wb-pay{background:#F1F1F1;padding:40px 0}
.wb-pay .wb-wrap p{font-size:18px;line-height:1.7;margin:0 0 16px 0}
.wb-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:center;justify-items:center}
.wb-logos img{max-width:180px;width:100%;height:auto;object-fit:contain;filter:none}
@media (max-width:900px){.wb-info .grid{grid-template-columns:1fr}.wb-intro{grid-template-columns:1fr}}
@media (max-width:768px){.wb-logos{grid-template-columns:repeat(2,1fr)}}