/* Blue Sky Page Studio 2 — nested layout, responsive controls and forms */
.content-block:not(.content-block-spacer) {
  padding-top: var(--pb-d-pt);
  padding-right: var(--pb-d-pr);
  padding-bottom: var(--pb-d-pb);
  padding-left: var(--pb-d-pl);
  margin-top: var(--pb-d-mt);
  margin-bottom: var(--pb-d-mb);
  order: var(--pb-d-order);
  min-height: var(--pb-d-mh, 0);
  text-align: var(--pb-d-ta, inherit);
  font-size: var(--pb-d-fs, inherit);
}

.content-block-container { display: block; }
.content-block-container-grid { display: grid; }
.content-block-container-grid.gap-none { gap: 0; }
.content-block-container-grid.gap-small { gap: 12px; }
.content-block-container-grid.gap-medium { gap: 22px; }
.content-block-container-grid.gap-large { gap: 38px; }
.content-block-container-grid.align-start { align-items: start; }
.content-block-container-grid.align-center { align-items: center; }
.content-block-container-grid.align-end { align-items: end; }
.content-block-container-grid.align-stretch { align-items: stretch; }
.content-block-container-column { min-width: 0; display: flex; flex-direction: column; }
.content-block-container-column > .content-block,
.content-block-container-column > .content-block-spacer { width: 100%; max-width: none; margin-inline: 0; }
.content-block-container-column > .content-block:first-child { margin-top: 0; }
.content-block-container-column > .content-block:last-child { margin-bottom: 0; }

.content-block-form { display: grid; gap: 28px; }
.content-form-head h2 { margin: 0 0 10px; font-size: clamp(30px, 4vw, 52px); }
.content-form-head p { margin: 0; color: var(--shop-text-soft); line-height: 1.9; }
.content-block-form form { position: relative; }
.content-form-honeypot { position: absolute !important; inset-inline-start: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.content-form-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.content-form-grid.layout-stacked { grid-template-columns: 1fr; }
.content-form-field { display: grid; gap: 8px; grid-column: span 6; }
.content-form-field.width-half { grid-column: span 3; }
.content-form-field.width-third { grid-column: span 2; }
.content-form-field label { font-size: 12px; font-weight: 800; }
.content-form-field label b { color: var(--shop-danger); }
.content-form-field :is(input,textarea,select) { width: 100%; min-height: 50px; padding: 10px 14px; border: 1px solid var(--shop-border); border-radius: 14px; background: var(--shop-surface); color: var(--shop-text); outline: none; transition: border-color .2s, box-shadow .2s; }
.content-form-field textarea { min-height: 130px; resize: vertical; }
.content-form-field :is(input,textarea,select):focus { border-color: var(--shop-accent); box-shadow: 0 0 0 4px rgba(var(--shop-accent-rgb), .12); }
.content-form-field small { color: var(--shop-text-muted); font-size: 10px; }
.content-form-check { display: flex !important; align-items: center; gap: 10px; min-height: 50px; padding: 10px 14px; border: 1px solid var(--shop-border); border-radius: 14px; background: var(--shop-surface); }
.content-form-check input { width: 18px !important; min-height: 18px !important; padding: 0 !important; }
.content-form-consent { margin: 16px 0 0; color: var(--shop-text-muted); font-size: 11px; line-height: 1.8; }
.content-form-actions { display: flex; align-items: center; gap: 14px; margin-top: 20px; }
.content-form-actions [data-form-status] { font-size: 12px; }
.content-form-actions [data-form-status].success { color: var(--shop-success); }
.content-form-actions [data-form-status].error { color: var(--shop-danger); }

@media (max-width: 1080px) {
  .content-block:not(.content-block-spacer) {
    padding-top: var(--pb-t-pt);
    padding-right: var(--pb-t-pr);
    padding-bottom: var(--pb-t-pb);
    padding-left: var(--pb-t-pl);
    margin-top: var(--pb-t-mt);
    margin-bottom: var(--pb-t-mb);
    order: var(--pb-t-order);
    min-height: var(--pb-t-mh, 0);
    text-align: var(--pb-t-ta, inherit);
    font-size: var(--pb-t-fs, inherit);
  }
  .content-block-container-grid.stack-tablet { grid-template-columns: 1fr !important; }
}

@media (max-width: 760px) {
  .content-block:not(.content-block-spacer) {
    padding-top: var(--pb-m-pt);
    padding-right: var(--pb-m-pr);
    padding-bottom: var(--pb-m-pb);
    padding-left: var(--pb-m-pl);
    margin-top: var(--pb-m-mt);
    margin-bottom: var(--pb-m-mb);
    order: var(--pb-m-order);
    min-height: var(--pb-m-mh, 0);
    text-align: var(--pb-m-ta, inherit);
    font-size: var(--pb-m-fs, inherit);
  }
  .content-block-container-grid.stack-mobile { grid-template-columns: 1fr !important; }
  .content-form-field.width-half,
  .content-form-field.width-third { grid-column: span 6; }
  .content-form-actions { align-items: stretch; flex-direction: column; }
  .content-form-actions .shop-button { width: 100%; }
}
