/* 0.9.10: restore full-width preview; colors float in the project-menu corner. */
@media (min-width:851px) {
  body.kskd-product .kskd-shell.kskd-variant-proxy-active[data-variant-placement="studio"]>.kskd-workspace,
  .kskd-lightbox .kskd-shell.kskd-variant-proxy-active[data-variant-placement="studio"]>.kskd-workspace{
    display:grid!important;
    grid-template-columns:clamp(185px,17vw,240px) minmax(0,1fr)!important;
    gap:10px!important;overflow:visible!important;
  }
  body.kskd-product .kskd-shell.kskd-variant-proxy-active[data-variant-placement="studio"]>.kskd-workspace>.kskd-tools,
  .kskd-lightbox .kskd-shell.kskd-variant-proxy-active[data-variant-placement="studio"]>.kskd-workspace>.kskd-tools{
    grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;
    max-width:none!important;order:0!important;
  }
  body.kskd-product .kskd-shell.kskd-variant-proxy-active[data-variant-placement="studio"]>.kskd-workspace>.kskd-stage-wrap,
  .kskd-lightbox .kskd-shell.kskd-variant-proxy-active[data-variant-placement="studio"]>.kskd-workspace>.kskd-stage-wrap{
    grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;
    max-width:none!important;order:1!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-project-group{
    isolation:isolate!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser:not([hidden]){
    position:absolute!important;top:calc(100% + 8px)!important;bottom:auto!important;
    left:0!important;right:auto!important;width:160px!important;min-width:0!important;max-width:160px!important;
    height:auto!important;max-height:min(215px,48vh)!important;overflow-y:auto!important;
    display:block!important;z-index:8!important;pointer-events:auto!important;
    padding:8px!important;margin:0!important;background:rgba(255,255,255,.98)!important;
    border:1px solid #dbe5f0!important;border-radius:13px!important;
    box-shadow:0 5px 16px rgba(25,52,80,.13)!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-corner[data-corner="tr"] .kskd-project-group>.kskd-variant-chooser,
  .kskd-shell.kskd-floating-colors .kskd-corner[data-corner="br"] .kskd-project-group>.kskd-variant-chooser{left:auto!important;right:0!important}
  .kskd-shell.kskd-floating-colors .kskd-corner[data-corner="bl"] .kskd-project-group>.kskd-variant-chooser,
  .kskd-shell.kskd-floating-colors .kskd-corner[data-corner="br"] .kskd-project-group>.kskd-variant-chooser{top:auto!important;bottom:calc(100% + 8px)!important}
  .kskd-shell.kskd-floating-colors .kskd-project-menu:not([hidden]){z-index:90!important}
  .kskd-shell.kskd-floating-colors .kskd-project-menu-open .kskd-project-group>.kskd-variant-chooser{visibility:hidden!important;pointer-events:none!important}
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser .kskd-variant-chooser-content{
    display:block!important;min-width:0!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-color .kskd-variant-heading{
    font-size:10px!important;margin:0 0 5px!important;text-align:left!important;color:#59718b!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-color .kskd-variant-options{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;
    overflow:visible!important;max-height:none!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-color .kskd-variant-option{
    width:30px!important;min-width:30px!important;min-height:30px!important;height:30px!important;
    padding:2px!important;border-radius:50%!important;margin:0!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser .kskd-variant-swatch{
    width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:50%!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-other,
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-size{
    display:none!important;
  }
  .kskd-shell.kskd-floating-colors .kskd-project-group>.kskd-variant-chooser .kskd-variant-reset{
    background:transparent!important;border:0!important;padding:3px!important;min-height:22px!important;
    font-size:10px!important;cursor:pointer!important;
  }
}
/* Always show details within the price card, not as a clipped popover. */
.kskd-buy-card .kskd-buy-price-row{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 10px!important;
  padding-bottom:8px!important;margin-bottom:8px!important;overflow:visible!important;
}
.kskd-buy-card .kskd-buy-price-row>.kskd-buy-live-price{flex:1 1 auto!important;min-width:0!important}
.kskd-buy-card .kskd-buy-info{flex:0 0 auto!important;max-width:100%!important}
.kskd-buy-card .kskd-buy-info>summary{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  width:auto!important;height:auto!important;min-height:25px!important;padding:4px 7px!important;
  border:0!important;border-radius:7px!important;background:#f2f7fc!important;
  font-size:11px!important;font-weight:650!important;white-space:nowrap!important;
  color:#27699e!important;
}
.kskd-buy-card .kskd-buy-info[open]{flex:1 1 100%!important;order:3!important}
.kskd-buy-card .kskd-buy-info[open]>summary{margin-left:auto!important}
.kskd-buy-card .kskd-buy-info[open] .kskd-buy-breakdown{
  position:static!important;display:block!important;top:auto!important;right:auto!important;
  z-index:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;
  padding:8px 10px!important;margin:6px 0 0!important;
  border:1px solid #dce7f1!important;border-radius:8px!important;background:#f8fbff!important;
  box-shadow:none!important;
}
/* Small quantity and action in a single row when space allows. */
.kskd-buy-card form.cart .woocommerce-variation-add-to-cart,
.kskd-buy-card form.cart .woocommerce-variation-add-to-cart-enabled,
.kskd-buy-card form.cart .woocommerce-variation-add-to-cart-disabled{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:7px!important;
}
.kskd-buy-card form.cart .quantity{flex:0 0 65px!important;width:65px!important}
.kskd-buy-card form.cart .quantity input.qty{
  width:62px!important;min-width:52px!important;max-width:65px!important;height:38px!important;
  padding:3px!important;font-size:13px!important;border-radius:9px!important;
}
.kskd-buy-card form.cart .single_add_to_cart_button{
  flex:1 1 0!important;width:auto!important;min-width:0!important;min-height:38px!important;
  padding:7px 9px!important;border-radius:9px!important;font-size:12px!important;
}
/* Single-size / multi-size tabs, compact and optional. */
.kskd-buy-card .kskd-order-modes{display:flex;gap:5px;margin:5px 0 10px}
.kskd-buy-card .kskd-order-modes button{flex:1 1 0;border:1px solid #d1dfed!important;border-radius:8px!important;
  background:#fff!important;color:#35536e!important;padding:7px!important;min-height:32px!important;
  margin:0!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;box-shadow:none!important}
.kskd-buy-card .kskd-order-modes button.is-active{background:#eaf3ff!important;border-color:#1769c2!important;color:#0b559c!important}
.kskd-buy-card .kskd-bulk-size-panel[hidden]{display:none!important}
.kskd-buy-card .kskd-bulk-size-panel{margin:0 0 9px;padding:9px;background:#f7faff;border:1px solid #e1ebf5;border-radius:10px}
.kskd-buy-card .kskd-bulk-size-panel>strong{font-size:12px;display:block;margin-bottom:7px}
.kskd-buy-card .kskd-bulk-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.kskd-buy-card .kskd-bulk-size-row{display:flex;align-items:center;justify-content:space-between;gap:5px;
  padding:4px 6px;border-radius:7px;background:#fff;border:1px solid #e1e8f0;font-size:12px;font-weight:650}
.kskd-buy-card .kskd-bulk-size-row input{width:56px!important;max-width:56px!important;height:30px!important;
  margin:0!important;padding:3px!important;border:1px solid #c6d7e9!important;border-radius:6px!important;text-align:center!important}
.kskd-buy-card .kskd-bulk-size-row input:disabled{opacity:.4!important}
.kskd-buy-card .kskd-bulk-notice{margin:6px 0 0;font-size:11px;color:#516d87}
.kskd-buy-card.kskd-bulk-active .kskd-buy-sizes,
.kskd-buy-card.kskd-bulk-active form.cart .quantity{display:none!important}
.kskd-buy-card.kskd-bulk-active form.cart .single_add_to_cart_button{min-height:39px!important}
@media(max-width:850px){
  .kskd-buy-card .kskd-buy-info[open] .kskd-buy-breakdown{max-width:100%!important}
  .kskd-buy-card form.cart .quantity{flex-basis:66px!important}
  .kskd-buy-card .kskd-bulk-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
