body.bl-packs-surface {
  --bl-pack-shell: min(100%, 1680px);
}

body.bl-packs-surface .bl-site-main--packs.bl-shell,
body.bl-packs-surface .bl-entry--packs,
body.bl-packs-surface .bl-packs-page-content {
  margin-inline: 0;
  max-width: none;
  width: 100%;
}

body.bl-packs-surface .bl-site-main--packs.bl-shell {
  padding-inline: 0;
  padding-block-start: 0;
}

body.bl-packs-surface .bl-entry--packs {
  padding-block: 0;
}

body.bl-packs-surface .bl-packs-page-content > .banaslap-packs,
body.bl-packs-surface .bl-packs-page-content > .wp-block-banaslap-packs-layout {
  margin-block-end: 0;
}

body.bl-packs-surface .site-main,
body.bl-packs-surface main {
  max-width: none;
}

body.bl-packs-surface .banaslap-packs,
body.bl-packs-surface .banaslap-pack-product,
body.bl-packs-surface .banaslap-packs-layout {
  --packs-bg: var(--bl-color-bg, #111311);
  --packs-surface: var(--bl-color-surface, #191c19);
  --packs-surface-raised: var(--bl-color-surface-raised, #222622);
  --packs-line: var(--bl-color-border, rgba(255, 255, 255, .1));
  --packs-text: var(--bl-color-text, #f4f1e9);
  --packs-muted: var(--bl-color-text-muted, #aaa99f);
  --packs-radius: var(--bl-radius-lg, 20px);
  font-family: var(--bl-font-body, var(--banaslap-font-family, Inter, sans-serif));
}

body.bl-packs-surface .banaslap-packs--layout-boxed .banaslap-packs-shell {
  max-width: min(100%, 1600px);
}

body.bl-packs-surface .banaslap-packs--layout-full .banaslap-packs-shell {
  max-width: min(100%, 1920px);
}

body.bl-packs-surface .banaslap-packs-masthead h1,
body.bl-packs-surface .banaslap-packs-hero-copy h2,
body.bl-packs-surface .banaslap-pack-product-summary h1,
body.bl-packs-surface .banaslap-packs-section-heading h2 {
  font-family: var(--bl-font-display, inherit);
}

body.bl-packs-surface .banaslap-packs-hero-slider,
body.bl-packs-surface .banaslap-pack-card,
body.bl-packs-surface .banaslap-packs-filters,
body.bl-packs-surface .banaslap-pack-product-content aside section {
  backdrop-filter: blur(14px);
}

body.bl-packs-surface .banaslap-pack-card {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .035);
}

body.bl-packs-surface .banaslap-pack-product {
  padding-top: clamp(32px, 5vw, 76px);
}

body.bl-packs-surface .banaslap-pack-comments .comment-respond {
  background: var(--packs-surface);
  border: 1px solid var(--packs-line);
  border-radius: var(--packs-radius);
  padding: clamp(18px, 3vw, 34px);
}

@media (max-width: 768px) {
  body.bl-packs-surface .banaslap-packs-shell {
    padding-inline: max(16px, var(--bl-page-gutter, 18px));
  }

  body.bl-packs-surface .banaslap-packs-layout .banaslap-packs-shell {
    padding-inline: 0;
  }
}