.window-calculator-page {
  background: #f4f7fb;
}

.window-calculator-page .header .navbar-area:not(.sticky) { background:transparent; border-bottom:0; }
.window-calculator-page .header .navbar-area:not(.sticky) .navbar-nav > li > a { color:#fff; }
.window-calculator-page .header .navbar-area:not(.sticky) .navbar-nav > li > a::before { background:#fff; }
.window-calculator-page .intro-video-area.breadcrumbs {
  padding: 120px 0 40px !important;
}

.calculator-nav-cta { width:max-content !important; min-width:max-content; margin-left:16px; }
.header .calculator-nav-cta .navbar-area-button {
  width: max-content !important;
  min-width: max-content;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 12px;
  background: #336aea;
  color: #fff;
  box-shadow: 0 8px 20px rgba(51,106,234,.22);
}
.header .calculator-nav-cta .navbar-area-button i { margin:0; font-size:18px; line-height:1; }
.header .calculator-nav-cta .navbar-area-button span { white-space:nowrap; }
.header.index2 .logo { top:0; width:175px; height:54px; display:flex; align-items:center; }
.header.index2 .logo img { top:50%; left:0; transform:translateY(-50%); }
.header .calculator-nav-cta .navbar-area-button:hover { background: #285ad2; color: #fff; transform: translateY(-1px); }

.calculator-public-main { padding-top: 82px; }
.calculator-public-hero { padding: 38px 0 24px; }
.calculator-public-hero__content {
  padding: 30px 34px;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(125deg, #336aea 0%, #2e73ee 100%);
  box-shadow: 0 20px 50px rgba(42,87,170,.16);
}
.calculator-public-hero__content span { display:block; color:#ffc247; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.calculator-public-hero__content h1 { margin:6px 0; color:#fff; font-size:clamp(30px,4vw,48px); line-height:1.05; }
.calculator-public-hero__content p { max-width:760px; margin:0; color:rgba(255,255,255,.86); font-size:16px; }
.calculator-public-workspace { padding: 0 0 70px; }
.calculator-public-workspace .v2-panel, .calculator-public-workspace .v2-preview-card { border-radius:18px; border-color:#dce5ef; }
.calculator-public-workspace .v2-panel, .calculator-public-workspace .v2-preview-card { padding:20px; }
.calculator-public-workspace .v2-preview-card { position:sticky; top:92px; }
.calculator-public-workspace .form-select { width:100%; min-height:46px; border-radius:10px; border-color:#d7e2ee; padding:8px 38px 8px 12px; }
.calculator-public-workspace .v2-template-card, .calculator-public-workspace .v2-extra-card { border-radius:12px; }
.calculator-public-workspace .v2-tab-panel { border-radius:12px; background:#f8fafc; }
.calculator-public-workspace .v2-drawing-wrap { --preview-image-height: 470px; }
.calculator-public-workspace .v2-view-switch { padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.92); border:1px solid #d7e2eb; font-size:12px; }
.calculator-public-workspace .v2-opening-popover > div { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:8px; }
.calculator-public-workspace .v2-opening-popover button { min-height:32px; border:1px solid #d7e2eb; border-radius:6px; background:#fff; }
.calculator-public-workspace .v2-opening-popover button.is-active { color:#fff; background:#336aea; }
.calculator-public-workspace .mini-cart-button { min-height:54px; border-radius:12px; }
.calculator-public-workspace .v2-cart-calculate, .calculator-public-workspace .v2-add-button { border-radius:10px; background:#336aea; font-weight:900; }
.quote-cart-modal .modal-header, .quote-cart-modal .modal-footer, .quote-cart-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.quote-cart-modal .modal-title { margin:2px 0 0; font-size:22px; }
.calculator-alert { display:grid; gap:4px; margin:0 0 18px; padding:15px 18px; border-radius:14px; }
.calculator-alert--error { color:#8d2630; background:#fff1f2; border:1px solid #fecdd3; }
.calculator-alert--success { color:#116149; background:#ecfdf5; border:1px solid #a7f3d0; }
.calculator-public-state { min-height:70vh; display:grid; align-items:center; padding:120px 0 70px; }
.calculator-state-card { max-width:760px; margin:auto; padding:44px; border-radius:22px; text-align:center; background:#fff; box-shadow:0 20px 60px rgba(15,23,42,.08); }
.calculator-state-card span { color:#336aea; font-weight:900; text-transform:uppercase; }
.calculator-state-card h1 { margin:8px 0; }
.calculator-state-card .btn { margin-top:12px; background:#336aea; color:#fff; }

@media (max-width: 1199px) {
  .calculator-nav-cta { width:50px !important; min-width:50px; }
  .calculator-nav-cta span { display:none; }
  .header .calculator-nav-cta .navbar-area-button { width:44px !important; min-width:44px; justify-content:center; padding:0; }
  .calculator-public-workspace .v2-calculator { grid-template-columns:minmax(300px,.9fr) minmax(460px,1.1fr); }
}
@media (max-width: 991px) {
  .calculator-nav-cta { margin-left:auto; margin-right:8px; }
  .calculator-public-main { padding-top:70px; }
  .calculator-public-workspace .v2-calculator { grid-template-columns:1fr; }
  .calculator-public-workspace .v2-preview-card { position:static; }
}
@media (max-width: 640px) {
  .calculator-public-hero { padding:18px 0 14px; }
  .calculator-public-hero__content { padding:24px 20px; border-radius:16px; }
  .calculator-public-workspace .v2-panel, .calculator-public-workspace .v2-preview-card { padding:14px; border-radius:14px; }
  .calculator-public-workspace .v2-control-grid, .calculator-public-workspace .v2-template-grid, .calculator-public-workspace .v2-additional-grid { grid-template-columns:1fr; }
  .calculator-public-workspace .v2-action-row { flex-direction:column; }
  .calculator-public-workspace .v2-add-button { min-height:48px; }
  .calculator-public-workspace .v2-drawing-wrap { --preview-image-height: 350px; }
}