/* Public website: Bootstrap component bridge. Brand values remain in theme.css. */
.public-template .bootstrap-page-shell,
.public-app.bootstrap-page-shell{width:100%;padding:0;margin:0;background:var(--theme-page)}
.public-template .bootstrap-container,
.public-app .bootstrap-container{width:100%;max-width:none;margin:0;padding:0}
.public-bootstrap-container.container{width:calc(100% - 32px);max-width:1180px;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.public-app .app-shell.bootstrap-home-container{width:calc(100% - 32px)!important;max-width:1180px!important;margin-right:auto!important;margin-left:auto!important;padding-right:0!important;padding-left:0!important}
.public-template .bootstrap-hero,
.public-app .bootstrap-hero{margin:0;border:0;border-radius:0;padding:clamp(34px,6vw,72px) max(20px,calc((100vw - 1180px)/2));background:linear-gradient(135deg,var(--theme-primary-dark),var(--theme-primary-deep) 52%,var(--theme-primary));color:#fff}
.public-template .bootstrap-column,
.public-app .bootstrap-column{padding:0!important}
.public-template .bootstrap-card,
.public-app .bootstrap-card{min-height:100%;margin:0!important;border:0!important;border-radius:0!important;background:var(--theme-surface);box-shadow:none!important;padding:clamp(24px,4vw,44px)!important}
.public-template .bootstrap-side-stack,
.public-app .bootstrap-side-stack{display:flex!important;flex-direction:column!important;height:100%;background:var(--theme-line);gap:1px!important}
.public-template .bootstrap-side-card,
.public-app .bootstrap-side-card{flex:0 0 auto;margin:0!important;border:0!important;border-radius:0!important;background:var(--theme-surface);box-shadow:none!important;padding:clamp(22px,3vw,36px)!important}
.public-template .bootstrap-follow-up,
.public-app .bootstrap-follow-up{margin:0!important;border:0!important;border-top:1px solid var(--theme-line)!important;border-radius:0!important;background:var(--theme-surface);box-shadow:none!important;padding:clamp(24px,4vw,44px)!important}
.public-template .bootstrap-stat-row,
.public-app .bootstrap-stat-row{margin:22px -6px 0!important}
.public-template .bootstrap-stat-column,
.public-app .bootstrap-stat-column{padding:6px!important}
.public-template .bootstrap-stat,
.public-app .bootstrap-stat{height:100%;border:1px solid var(--theme-line);border-radius:.7rem;background:#fff;padding:1.2rem}
.public-template .bootstrap-list,
.public-app .bootstrap-list{margin:1.15rem 0 0;border:0;border-radius:0}
.public-template .bootstrap-list>.bootstrap-list-item,
.public-app .bootstrap-list>.bootstrap-list-item{display:flex;gap:.7rem;border:0;border-bottom:1px solid var(--theme-line);padding:.9rem 0;background:transparent;color:var(--theme-text)}
.public-template .bootstrap-list>.bootstrap-list-item:last-child,
.public-app .bootstrap-list>.bootstrap-list-item:last-child{border-bottom:0}
.public-template .bootstrap-form-control,
.public-app .bootstrap-form-control{height:auto;min-height:49px;border-color:var(--theme-line);border-radius:.6rem;background:#fff;color:var(--theme-text);font:600 14px Manrope,Arial,sans-serif}
.public-template .bootstrap-button,
.public-app .bootstrap-button{min-height:48px;border-color:var(--theme-primary);border-radius:.65rem;background:var(--theme-primary);font-weight:800}
.public-template .bootstrap-button:hover,
.public-app .bootstrap-button:hover{border-color:var(--theme-primary-hover);background:var(--theme-primary-hover)}
.public-template .bootstrap-table-wrap,
.public-app .bootstrap-table-wrap{margin-top:1.25rem;border:0;border-radius:0}
.public-template .bootstrap-table,
.public-app .bootstrap-table{margin:0;background:#fff}
.public-template .bootstrap-table th,
.public-app .bootstrap-table th{border-top:0;background:var(--theme-surface-soft);color:var(--theme-primary);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.public-template .bootstrap-table td,
.public-app .bootstrap-table td{vertical-align:middle;color:var(--theme-text)}
.public-template .app-page-grid.row,
.public-app .app-page-grid.row{display:flex!important;gap:0!important}
.public-app .app-product-card,
.public-app .app-steps>article{width:100%}
.public-template .bootstrap-content-container{margin-top:28px;margin-bottom:0}
.public-template .bootstrap-content-container .app-page-grid{margin:0!important;border:1px solid var(--theme-line);border-radius:22px;overflow:hidden}
.public-template .bootstrap-content-container>.bootstrap-follow-up{margin:0!important;border:1px solid var(--theme-line)!important;border-radius:22px!important}
.public-template .bootstrap-content-container+.bootstrap-content-container{margin-top:20px}

@media (max-width:991.98px){
  .public-template .bootstrap-hero,
  .public-app .bootstrap-hero{padding:32px 20px}
}

@media (max-width:767.98px){
  .public-bootstrap-container.container{width:calc(100% - 24px)}
  .public-app .app-shell.bootstrap-home-container{width:calc(100% - 24px)!important}
  .public-template .bootstrap-content-container{margin-top:16px}
  .public-template .bootstrap-content-container .app-page-grid,
  .public-template .bootstrap-content-container>.bootstrap-follow-up{border-radius:16px}
  .public-template .bootstrap-card,
  .public-app .bootstrap-card,
  .public-template .bootstrap-follow-up,
  .public-app .bootstrap-follow-up{padding:24px 20px!important}
}
