/* KSK Designer 0.8.5: Fullscreen Page options beneath the full-width editor.
   All rules scoped to the new row class: existing pages remain unchanged. */
@media (min-width:1101px) {
  body.kskd-product .product.kskd-fullpage-product > .kskd-fullpage-row.kskd-fullpage-variants-below {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:16px!important;
    align-items:stretch!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin-bottom:24px!important;
    overflow:visible!important;
  }
  body.kskd-product .product.kskd-fullpage-product > .kskd-fullpage-row.kskd-fullpage-variants-below > .kskd-shell {
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:clamp(540px,calc(100dvh - var(--kskd-editor-offset,125px)),1000px)!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.kskd-product .product.kskd-fullpage-product > .kskd-fullpage-row.kskd-fullpage-variants-below > .summary {
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:22px clamp(15px,2.4vw,35px)!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #dbe5ef!important;
    border-radius:15px!important;
  }
  /* A two-row editor + form should scroll naturally and not stick over the form. */
  body.kskd-product.kskd-scroll-desktop .product.kskd-fullpage-product > .kskd-fullpage-row.kskd-fullpage-variants-below,
  body.kskd-product.kskd-scroll-all .product.kskd-fullpage-product > .kskd-fullpage-row.kskd-fullpage-variants-below {
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  /* Keep WooCommerce's genuine variation form, but give it room to wrap. */
  body.kskd-product .kskd-fullpage-row.kskd-fullpage-variants-below > .summary form.variations_form,
  body.kskd-product .kskd-fullpage-row.kskd-fullpage-variants-below > .summary form.cart {
    max-width:100%!important;
  }
  body.kskd-product .kskd-fullpage-row.kskd-fullpage-variants-below > .summary .variations {
    width:100%!important;
    max-width:100%!important;
  }
  body.kskd-product .kskd-fullpage-row.kskd-fullpage-variants-below > .summary .variations td,
  body.kskd-product .kskd-fullpage-row.kskd-fullpage-variants-below > .summary .variations th {
    min-width:0!important;
    padding:10px!important;
    vertical-align:middle!important;
  }
}
/* Text outlines are native Fabric strokes: no CSS tricks in the exported artwork. */
.kskd-shell .kskd-text-outline,
.kskd-shell .kskd-mobile-quick-panel[data-quick-panel="outline"] {
  margin:12px 0!important;
  padding:11px!important;
  background:#f6f9ff!important;
  border:1px solid #d9e5f3!important;
  border-radius:12px!important;
}
.kskd-shell .kskd-outline-toggle {display:flex!important;align-items:center!important;gap:9px!important;cursor:pointer!important;font-size:12px!important;color:#263f5e!important}
.kskd-shell .kskd-outline-toggle input {width:17px!important;height:17px!important;margin:0!important;accent-color:var(--kskd-blue,#1769c2)!important}
.kskd-shell .kskd-outline-controls {display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:11px!important;align-items:end!important;margin-top:10px!important;transition:opacity .15s}
.kskd-shell .kskd-outline-controls.is-disabled {opacity:.42!important}
.kskd-shell .kskd-outline-controls .kskd-field {min-width:0!important;margin:0!important}
.kskd-shell .kskd-outline-color {max-width:100%!important;min-height:35px!important;cursor:pointer!important}
.kskd-shell .kskd-outline-width {max-width:100%!important;accent-color:var(--kskd-blue,#1769c2)}
.kskd-shell .kskd-outline-width-value{float:none!important;font-size:11px!important;color:var(--kskd-blue,#1769c2)!important}
@media (max-width:600px){
  .kskd-shell .kskd-outline-controls{gap:8px!important}
  .kskd-shell .kskd-mobile-quick-panel[data-quick-panel="outline"]{margin:4px 0!important}
}