.bb-ebeveyn-panel-wrapper{--primary-color: #FF3D33;--secondary-color: #CC1B0F;--accent-color: #FF8F33;--soft-color: #FFF5F3;--trust-color: #10b981;--calm-color: #6366f1;padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.bb-ebeveyn-panel-wrapper.bg-white{background-color:#fff}.bb-ebeveyn-panel-wrapper.bg-gray-50{background-color:#f9fafb}.bb-ebeveyn-panel-wrapper.bg-soft{background-color:var(--soft-color)}.bb-ebeveyn-panel-wrapper.bg-gradient-calm{background:linear-gradient(to bottom right,#6366f10d,#a855f71a)}.bb-ebeveyn-panel-wrapper.bg-gradient-soft{background:linear-gradient(135deg,#fff5f3,#ffe8e5,#fff0ed)}.bb-ebeveyn-panel-wrapper.top_corners_radius{border-radius:var(--section-top-radius) var(--section-top-radius) 0 0;overflow:hidden}.bb-ebeveyn-panel-wrapper.bottom_corners_radius{border-radius:0 0 var(--section-bottom-radius) var(--section-bottom-radius);overflow:hidden}.bb-ebeveyn-panel-wrapper.both_corners_radius{border-radius:var(--section-top-radius) var(--section-top-radius) var(--section-bottom-radius) var(--section-bottom-radius);overflow:hidden}.bb-ebeveyn-panel{max-width:80rem;margin:0 auto;padding:0 1rem}.bb-ebeveyn-panel__grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width: 1024px){.bb-ebeveyn-panel__grid{grid-template-columns:repeat(2,1fr);gap:4rem}}.bb-ebeveyn-panel__content{order:2}@media (min-width: 1024px){.bb-ebeveyn-panel__content{order:1}.bb-ebeveyn-panel__grid.reverse .bb-ebeveyn-panel__content{order:2}.bb-ebeveyn-panel__grid.reverse .bb-ebeveyn-panel__visual{order:1}}.bb-ebeveyn-panel__badge{display:inline-block;background:#6366f11a;color:var(--calm-color);padding:.375rem .75rem;border-radius:9999px;font-size:var(--badge-font-size);font-weight:700;text-transform:uppercase;letter-spacing:.025em}.bb-ebeveyn-panel__badge.badge-primary{background:#ff3d331a;color:var(--primary-color)}.bb-ebeveyn-panel__badge.badge-accent{background:#ff8f331a;color:var(--accent-color)}.bb-ebeveyn-panel__badge.badge-trust{background:#10b9811a;color:var(--trust-color)}.bb-ebeveyn-panel__badge.badge-calm{background:#6366f11a;color:var(--calm-color)}.bb-ebeveyn-panel__title{font-size:var(--title-font-size);font-weight:700;color:#111827;margin-top:1rem;margin-bottom:1rem;line-height:1.2}@media (min-width: 768px){.bb-ebeveyn-panel__title{margin-top:1.5rem;margin-bottom:1.5rem}}.bb-ebeveyn-panel__subtitle{font-size:var(--subtitle-font-size);color:#6b7280;margin-bottom:1.5rem;line-height:1.6}@media (min-width: 768px){.bb-ebeveyn-panel__subtitle{margin-bottom:2rem}}.bb-ebeveyn-panel__features{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 768px){.bb-ebeveyn-panel__features{gap:1rem}}.bb-ebeveyn-panel__feature{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.75rem;transition:all .3s ease}.bb-ebeveyn-panel__feature:hover{background:#f3f4f6;transform:translate(4px)}.bb-ebeveyn-panel__feature-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bb-ebeveyn-panel__feature-icon svg{width:1.25rem;height:1.25rem}.bb-ebeveyn-panel__feature-icon.icon-calm{background:#6366f11a;color:var(--calm-color)}.bb-ebeveyn-panel__feature-icon.icon-accent{background:#ff8f331a;color:var(--accent-color)}.bb-ebeveyn-panel__feature-icon.icon-trust{background:#10b9811a;color:var(--trust-color)}.bb-ebeveyn-panel__feature-icon.icon-primary{background:#ff3d331a;color:var(--primary-color)}.bb-ebeveyn-panel__feature-content{display:flex;flex-direction:column;justify-content:center}.bb-ebeveyn-panel__feature-title{font-weight:700;color:#111827;font-size:var(--feature-title-font-size);margin-bottom:0;line-height:1.4}.bb-ebeveyn-panel__feature-desc{color:#6b7280;font-size:var(--feature-desc-font-size);line-height:1.4;margin-top:.25rem}.bb-ebeveyn-panel__visual{position:relative;order:1}@media (min-width: 1024px){.bb-ebeveyn-panel__visual{order:2}}.bb-ebeveyn-panel__mock-container{background:linear-gradient(to bottom right,#6366f11a,#a855f733);border-radius:1.5rem;padding:2rem}.bb-ebeveyn-panel__mock-container.mock-primary{background:linear-gradient(to bottom right,#ff3d331a,#ff8f3333)}.bb-ebeveyn-panel__mock-container.mock-trust{background:linear-gradient(to bottom right,#10b9811a,#06b6d433)}.bb-ebeveyn-panel__mock-app{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:1.5rem;max-width:24rem;margin:0 auto}.bb-ebeveyn-panel__app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.bb-ebeveyn-panel__app-welcome{font-size:.875rem;color:#6b7280}.bb-ebeveyn-panel__app-username{font-weight:700;color:#111827}.bb-ebeveyn-panel__app-avatar{width:3rem;height:3rem;background:#ff3d331a;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.bb-ebeveyn-panel__app-avatar svg{width:1.25rem;height:1.25rem}.bb-ebeveyn-panel__activity{background:#10b9811a;border-radius:.75rem;padding:1rem;margin-bottom:1rem}.bb-ebeveyn-panel__activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.bb-ebeveyn-panel__activity-label{font-size:.875rem;color:#4b5563}.bb-ebeveyn-panel__activity-value{color:var(--trust-color);font-weight:700}.bb-ebeveyn-panel__progress-bar{width:100%;background:#10b98133;border-radius:9999px;height:.5rem}.bb-ebeveyn-panel__progress-fill{background:var(--trust-color);height:.5rem;border-radius:9999px;transition:width .3s ease}.bb-ebeveyn-panel__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.bb-ebeveyn-panel__stat{background:#f9fafb;border-radius:.75rem;padding:.75rem;text-align:center}.bb-ebeveyn-panel__stat-value{font-size:1.5rem;font-weight:700}.bb-ebeveyn-panel__stat-value.stat-primary{color:var(--primary-color)}.bb-ebeveyn-panel__stat-value.stat-accent{color:var(--accent-color)}.bb-ebeveyn-panel__stat-value.stat-trust{color:var(--trust-color)}.bb-ebeveyn-panel__stat-value.stat-calm{color:var(--calm-color)}.bb-ebeveyn-panel__stat-label{font-size:.75rem;color:#6b7280}.bb-ebeveyn-panel__image-container{border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 40px -12px #00000026}.bb-ebeveyn-panel__image{width:100%;height:auto;display:block}@media (max-width: 767px){.bb-ebeveyn-panel__mock-container{padding:1.5rem;border-radius:1rem}.bb-ebeveyn-panel__mock-app{padding:1rem}.bb-ebeveyn-panel__feature{padding:.75rem}.bb-ebeveyn-panel__feature-icon{width:2.5rem;height:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/bb-ebeveyn-panel.css.map */