@layer components{.configurator-intro-text{max-width:1000px}.final-cta{margin-bottom:0}.configurator-legend{text-align:left;max-width:720px;color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;gap:24px;margin-top:28px;margin-left:auto;margin-right:auto;font-size:.9rem;display:flex}.configurator-legend-item{align-items:center;gap:10px;display:flex}.config-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;align-self:flex-start;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}.config-badge-basic{background-color:var(--color-bg-alt);color:var(--color-text-muted)}.config-badge-optional,.config-badge-recommended{background-color:color-mix(in srgb,var(--color-accent) 15%,#fff);color:var(--color-accent)}body.page-paket .product-hero-image img.product-hero-photo{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;filter:brightness(1.05)saturate(.95)contrast(1.02);mix-blend-mode:normal;border-radius:28px 110px;width:100%;max-width:100%;max-height:none;animation:.9s cubic-bezier(.16,1,.3,1) .15s both heroPhotoFadeIn;display:block;box-shadow:0 20px 45px -14px #14183c33;-webkit-mask-image:none;mask-image:none}@keyframes heroPhotoFadeIn{0%{opacity:0;transform:scale(.96)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.product-hero-photo{animation:none}}body.page-paket .product-hero-image{position:relative}body.page-paket .product-hero-image:before{content:"";background:linear-gradient(135deg,var(--color-accent) 0,#d7f2e6 100%);opacity:.34;z-index:0;border-radius:48% 52% 62% 38%/42% 48% 52% 58%;width:100%;height:100%;animation:1.1s both heroBlobFadeIn,14s linear infinite heroBlobSpin,18s ease-in-out infinite heroBlobOrbit;position:absolute;top:-32px;left:-32px}body.page-paket .product-hero-image img.product-hero-photo{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){body.page-paket .product-hero-image:before{animation:1.1s both heroBlobFadeIn}}@keyframes heroBlobFadeIn{0%{opacity:0}to{opacity:.34}}@keyframes heroBlobSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes heroBlobOrbit{0%,to{top:-32px;left:-32px}25%{top:-32px;left:8%}50%{top:6%;left:8%}75%{top:6%;left:-32px}}.configurator-layout{align-items:flex-start;gap:32px;display:flex}.configurator-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:24px;min-width:0;margin-top:40px;display:grid}.config-card{border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background-color:#fff;flex-direction:column;height:100%;padding:20px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;position:relative}.config-card:hover{border-color:var(--color-accent)}.config-card:hover .device-illustration{transform:scale(1.04)}.config-card-checkbox{opacity:0;pointer-events:none;position:absolute}.config-card-media{margin-bottom:0}.config-card-body{flex-direction:column;flex:1;margin-top:16px;display:flex}.config-card-body .config-badge{margin-bottom:10px}.config-card-body h3{color:var(--color-primary);margin:0 0 6px;font-size:1.05rem}.config-card-body p{color:var(--color-text-muted);font-size:.88rem}.config-card-more{color:var(--color-accent);z-index:2;align-self:flex-start;margin-top:auto;padding-top:10px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block;position:relative}.config-card-more:hover{text-decoration:underline}.config-card-toggle{border:2px solid var(--color-border);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:border-color .2s,background-color .2s;display:flex;position:absolute;top:16px;right:16px}.config-card-toggle .icon-svg{stroke:#fff;stroke-width:3px;fill:none;opacity:0;width:14px;height:14px;transition:opacity .15s}.config-card:has(.config-card-checkbox:checked){border-color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 6%,#fff);box-shadow:var(--shadow-card)}.config-card:has(.config-card-checkbox:checked) .config-card-toggle{border-color:var(--color-accent);background-color:var(--color-accent)}.config-card:has(.config-card-checkbox:checked) .config-card-toggle .icon-svg{opacity:1}.configurator-summary{border-radius:var(--radius-md);width:340px;box-shadow:var(--shadow-card);background-color:#fff;flex-shrink:0;margin-top:40px;padding:22px}.configurator-summary h3{color:var(--color-primary);margin-bottom:16px;font-size:1.1rem}.configurator-summary-list{flex-direction:column;gap:8px;min-height:24px;margin-bottom:16px;list-style:none;display:flex}.configurator-summary-list li{color:var(--color-text);padding-left:20px;font-size:.88rem;position:relative}.configurator-summary-list li:before{content:"✓";color:var(--color-accent);font-weight:700;position:absolute;left:0}.configurator-summary-list li.configurator-summary-empty{color:var(--color-text-muted);padding-left:0;font-style:italic}.configurator-summary-list li.configurator-summary-empty:before{content:""}.configurator-summary-count{color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-bottom:16px;padding-top:14px;font-size:.85rem}.configurator-summary-count-value{color:var(--color-primary);font-weight:700}.configurator-summary-actions{gap:8px;margin-bottom:16px;display:flex}.configurator-summary-actions .btn{white-space:nowrap;flex:1;justify-content:center;padding-left:10px;padding-right:10px}.configurator-submit{justify-content:center;width:100%;display:flex}@media (width<=900px){.configurator-grid{grid-template-columns:repeat(2,1fr)}.product-hero-actions{z-index:2;position:relative}}@media (width<=768px){.configurator-layout{flex-direction:column}.configurator-summary{width:100%}}@media (width<=600px){.configurator-grid{grid-template-columns:1fr}.configurator-legend{justify-content:flex-start}}@media (width>=769px) and (width<=900px){.configurator-layout{gap:20px}.configurator-summary{width:260px;padding:18px}.configurator-summary-actions .btn{padding-left:8px;padding-right:8px;font-size:.78rem}}}