/*
 * HONINGonline desktop product layout
 * Approved staging composition - 2026-09-05
 *
 * Desktop only. Mobile order/geometry is intentionally untouched.
 * Product types:
 * - simple
 * - WPC Select2 variable
 * - Honing Gemak bundle (fixed and customer-choice)
 */

@media only screen and (min-width: 993px) {
  /* ----------------------------------------------------------------------
     WPC Select2 anti-flash

     WPC renders its native variation selector server-side and upgrades it
     to Select2 on DOM ready. Keep that intermediate plugin-default state out
     of view until the HONINGonline desktop layout has claimed the form.
     ---------------------------------------------------------------------- */
  .woocommerce.single-product .summary form.variations_form:not(.ho-desktop-cart)
  .woovr-variations.woovr-variations-select2 {
    visibility: hidden !important;
  }

  /* The desktop class can arrive just before Select2 itself is ready. Never
     expose the raw browser <select> during that small window. Select2 adds
     .select2-hidden-accessible to the original field when initialization is
     complete and renders its own visible .select2-container next to it. */
  .woocommerce.single-product .summary form.variations_form
  .woovr-variations.woovr-variations-select2
  select.woovr-variation-select:not(.select2-hidden-accessible) {
    visibility: hidden !important;
  }

  .woocommerce.single-product .summary form.variations_form
  .woovr-variations.woovr-variations-select2 .woovr-variation-selector {
    min-height: 46px;
  }
  /* ----------------------------------------------------------------------
     Shared two-column product composition
     ---------------------------------------------------------------------- */
  .woocommerce.single-product .product.ho-desktop-layout > .ho-desktop-top-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 40px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-media,
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-summary {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-summary {
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
  }

  /* Keep the stylesheet's normal title size. JS only shrinks it when needed. */
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-media > .product_title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    line-height: 1.12 !important;
    color: #390d20 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-gallery-wrap {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-gallery-wrap > .onsale {
    position: absolute !important;
    z-index: 20 !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-gallery-wrap > .woocommerce-product-gallery {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-gallery-wrap .woocommerce-product-gallery__wrapper {
    width: 100% !important;
    margin: 0 !important;
  }

  /* WPLoyalty product points are deliberately not promoted on desktop PDPs. */
  .woocommerce.single-product .product.ho-desktop-layout .wlr-product-message {
    display: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout.hg-product-has-gemak .ho-desktop-native-price,
  .woocommerce.single-product .product.ho-desktop-layout.ho-desktop-fallback-price-active .ho-desktop-native-price {
    display: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-hg {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-hg .hg-purchase-options,
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-hg .hg-plan-list {
    width: 100% !important;
    max-width: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-rating {
    margin: 0 0 16px !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-short-description {
    line-height: 1.5 !important;
  }

  /* ----------------------------------------------------------------------
     Shared desktop buy row
     ---------------------------------------------------------------------- */
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row {
    display: grid !important;
    grid-template-columns: 68px 130px minmax(0, 1fr) !important;
    grid-template-rows: 46px !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    background: #e9ae4a !important;
    overflow: visible !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row > .quantity {
    grid-column: 1 !important;
    grid-row: 1 !important;
    float: none !important;
    align-self: center !important;
    width: 68px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row > .quantity input.qty {
    width: 68px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    border: 1px solid #e9ae4a !important;
    border-radius: 7px !important;
    background: #fff8ed !important;
    color: #390d20 !important;
    font-size: 15px !important;
    text-align: center !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row > .hg-inline-price,
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row > .ho-desktop-price {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: flex-end !important;
    align-self: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #390d20 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .hg-price-values {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
    margin: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .hg-inline-price del {
    display: block !important;
    margin: 0 !important;
    color: rgba(57, 13, 32, .65) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .hg-inline-price ins,
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .hg-inline-price .amount {
    display: block !important;
    margin: 0 !important;
    color: #390d20 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .hg-price-prefix {
    align-self: flex-end !important;
    margin: 0 0 1px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  /* Fallback price when Honing Gemak is disabled for this product/category.
     The desktop row still keeps quantity -> price -> order button. */
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row > .ho-desktop-fallback-price {
    min-width: 0 !important;
    max-width: 130px !important;
    overflow: hidden !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .ho-desktop-fallback-price-values {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .ho-desktop-fallback-price .price {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .ho-desktop-fallback-price del,
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .ho-desktop-fallback-price del .amount {
    display: block !important;
    margin: 0 !important;
    color: rgba(57, 13, 32, .68) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration-line: line-through !important;
    text-decoration-color: #390d20 !important;
    text-decoration-thickness: 1.5px !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .ho-desktop-fallback-price ins,
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .ho-desktop-fallback-price ins .amount,
  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row .ho-desktop-fallback-price-values > .amount {
    margin: 0 !important;
    color: #390d20 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout.ho-desktop-fallback-price-active.ho-desktop-variable
  .ho-desktop-cart .single_variation .woocommerce-variation-price {
    display: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-buy-row > button.ho-desktop-order-button {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 80px 0 24px !important;
    box-sizing: border-box !important;
    border: 1px solid #10330f !important;
    border-radius: 7px !important;
    background: #186d16 !important;
    color: #fdd28e !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .20) !important;
    overflow: visible !important;
    transition: background-color .3s ease, box-shadow .3s ease !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-order-button::before {
    content: "" !important;
    position: absolute !important;
    z-index: 5 !important;
    right: -20px !important;
    top: -24px !important;
    width: 40px !important;
    height: 40px !important;
    background: url(../images/bij-vliegend-met-emmer.svg) no-repeat center / contain !important;
    pointer-events: none !important;
    transition: right .3s ease, top .3s ease !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-order-button::after {
    content: "" !important;
    position: absolute !important;
    right: 18px !important;
    top: 14px !important;
    width: 27px !important;
    height: 18px !important;
    background: url(../images/cart.svg) no-repeat center / contain !important;
    pointer-events: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-order-button:not(:disabled):not(.disabled):hover {
    background: #10330f !important;
    color: #fdd28e !important;
    box-shadow: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-order-button:not(:disabled):not(.disabled):hover::before {
    right: -8px !important;
    top: -17px !important;
  }

  /* ----------------------------------------------------------------------
     Simple product
     ---------------------------------------------------------------------- */
  .woocommerce.single-product .product.ho-desktop-simple .ho-desktop-summary {
    height: 100% !important;
  }

  .woocommerce.single-product .product.ho-desktop-simple .ho-desktop-summary > .ho-desktop-short-description {
    margin: 0 0 24px !important;
  }

  .woocommerce.single-product .product.ho-desktop-simple .ho-desktop-summary > form.cart.ho-desktop-cart {
    margin: auto 0 0 !important;
  }

  /*
   * A simple product can also have an Advanced Dynamic Pricing staffel.
   * In that case the staffel lives below the photo, so the buy row must not
   * be pushed all the way down to the bottom of that taller left column.
   */
  .woocommerce.single-product .product.ho-desktop-simple.ho-desktop-has-bulk .ho-desktop-summary > form.cart.ho-desktop-cart {
    margin: 24px 0 0 !important;
  }

  /* ----------------------------------------------------------------------
     Variable product
     ---------------------------------------------------------------------- */
  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-summary > .ho-desktop-short-description {
    margin: 0 0 22px !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-summary > form.cart.ho-desktop-cart {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woovr-variations.woovr-variations-select2 {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woovr-variations.woovr-variations-select2::before {
    content: "Selecteer jouw variant" !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: #390d20 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woovr-variations.woovr-variations-select2 label {
    display: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woovr-variation.woovr-variation-dropdown,
  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woovr-variation-selector,
  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .select2,
  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .select2-container {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .select2,
  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .select2-container {
    height: 46px !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .select2-selection.select2-selection--single {
    position: relative !important;
    height: 46px !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    border: 1.5px solid #6b293e !important;
    border-radius: 7px !important;
    background: #fff8ed !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .select2-selection__rendered {
    height: 44px !important;
    padding: 0 48px 0 14px !important;
    color: #390d20 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 44px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .select2-selection__arrow {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 42px !important;
    height: 44px !important;
    border-left: 1px solid rgba(57, 13, 32, .18) !important;
    border-radius: 0 7px 7px 0 !important;
    background: rgba(233, 174, 74, .18) !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .select2-selection__arrow b {
    border-color: #390d20 transparent transparent transparent !important;
    border-width: 7px 6px 0 6px !important;
    margin-left: -6px !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woovr-variation-price {
    display: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .single_variation {
    display: block !important;
    min-height: 0 !important;
    width: 100% !important;
    margin: 10px 0 20px !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.hg-product-has-gemak.ho-desktop-variable .ho-desktop-cart .woocommerce-variation-price {
    display: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woocommerce-variation-description {
    width: 100% !important;
    margin: 0 !important;
    color: #6c453d !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woocommerce-variation-description p {
    margin: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable .ho-desktop-cart .woocommerce-variation-availability {
    margin: 4px 0 0 !important;
    font-size: 12px !important;
  }

  /* ----------------------------------------------------------------------
     Staffelprijzen (simple + variable)

     De complete originele WDP-wrapper wordt onder de foto verplaatst.
     Daardoor blijven de bestaande .bulk_table-kleuren uit custom.css én
     dynamische updates van de prijsplugin intact.
     ---------------------------------------------------------------------- */
  .woocommerce.single-product .product.ho-desktop-layout.ho-desktop-has-bulk .ho-desktop-bulk-pricing {
    display: block !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout.ho-desktop-has-bulk .ho-desktop-bulk-pricing .bulk_table,
  .woocommerce.single-product .product.ho-desktop-layout.ho-desktop-has-bulk .ho-desktop-bulk-pricing table.wdp_pricing_table {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /*
   * Zonder Honing Gemak gebruikt de staffeltabel de rechter kolom:
   * korte omschrijving -> staffel -> variant/kooprij. Met HG blijft de
   * bestaande plaatsing onder de foto ongewijzigd.
   */
  .woocommerce.single-product .product.ho-desktop-layout.ho-desktop-bulk-in-summary .ho-desktop-bulk-pricing {
    margin: 0 0 20px !important;
  }

  .woocommerce.single-product .product.ho-desktop-simple.ho-desktop-has-bulk.ho-desktop-bulk-in-summary
  .ho-desktop-summary > form.cart.ho-desktop-cart {
    margin: 0 !important;
  }

  /* ----------------------------------------------------------------------
     Honing Gemak bundle
     ---------------------------------------------------------------------- */
  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-summary > form.cart.ho-desktop-cart {
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
  }

  /*
   * Bundle buy row: slightly more breathing room than the shared 64px row.
   * The controls stay 46px high, but get equal vertical space and clearer
   * left/right inset inside the yellow bar.
   */
  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-buy-row {
    height: 70px !important;
    min-height: 70px !important;
    grid-template-rows: 46px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 20px !important;
  }

  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-buy-row > .quantity,
  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-buy-row > .hg-inline-price,
  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-buy-row > .ho-desktop-price,
  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-buy-row > button.ho-desktop-order-button {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-media > .ho-desktop-rating {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 22px 0 14px !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-media > .ho-desktop-rating .star-rating {
    margin: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-media > .ho-desktop-rating .star-rating > span::before,
  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-media > .ho-desktop-rating .star-rating > span .rating::before {
    color: #e9ae4a !important;
  }

  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-media > .ho-desktop-short-description {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
  }

  /* Choice bundle incomplete: clearly configuration, not a live buy action. */
  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-order-button.ho-bundle-needs-selection,
  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-order-button.ho-bundle-needs-selection:disabled {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 22px !important;
    background: #8a7562 !important;
    border-color: #685445 !important;
    color: #fff1cb !important;
    opacity: 1 !important;
    cursor: default !important;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .16) !important;
    filter: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-order-button.ho-bundle-needs-selection::before {
    content: none !important;
    display: none !important;
  }

  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-order-button.ho-bundle-needs-selection::after {
    content: "↑" !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 10px !important;
    padding: 0 !important;
    background: none !important;
    color: inherit !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }

  .woocommerce.single-product .product.ho-desktop-bundle .ho-desktop-order-button.ho-bundle-needs-selection:hover {
    background: #8a7562 !important;
    border-color: #685445 !important;
    color: #fff1cb !important;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .16) !important;
  }

  /* ----------------------------------------------------------------------
     Tabs + WhatsApp on one desktop row
     ---------------------------------------------------------------------- */
  .woocommerce.single-product .product.ho-desktop-layout > .woocommerce-tabs {
    clear: both !important;
    margin-top: 36px !important;
    padding-top: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-variable > .woocommerce-tabs {
    margin-top: 30px !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-tabs-toolbar {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-tabs-toolbar > ul.tabs {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product .product.ho-desktop-layout .ho-desktop-tabs-toolbar > .ho-desktop-whatsapp {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    transform: none !important;
  }
}

/* ========================================================================
   HONING GEMAK BUNDLE - final desktop buy-row conflict override

   HG 2.1.0 also styles form.cart.hg-cart-form-v2 on desktop.  In a bundle
   the HONINGonline buy row is that same form element, so this deliberately
   uses the complete selector and wins both HG's grid rule and the earlier
   bundle form padding:0 rule in this stylesheet.
   ======================================================================== */
@media (min-width: 993px) {
  .woocommerce.single-product
  .product.hg-product-has-gemak.ho-desktop-bundle
  .ho-desktop-summary
  > form.cart.hg-cart-form-v2.ho-desktop-cart.ho-desktop-buy-row:not(.variations_form) {
    display: grid !important;
    grid-template-columns: 68px 130px minmax(0, 1fr) !important;
    grid-template-rows: 46px !important;
    align-items: center !important;
    justify-items: stretch !important;
    column-gap: 14px !important;
    row-gap: 0 !important;

    width: 100% !important;
    max-width: none !important;
    height: 70px !important;
    min-height: 70px !important;

    margin: 24px 0 0 !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;

    border-radius: 8px !important;
    background: #e9ae4a !important;
    overflow: visible !important;
  }

  .woocommerce.single-product
  .product.hg-product-has-gemak.ho-desktop-bundle
  .ho-desktop-summary
  > form.cart.hg-cart-form-v2.ho-desktop-cart.ho-desktop-buy-row:not(.variations_form)
  > .quantity {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    width: 68px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product
  .product.hg-product-has-gemak.ho-desktop-bundle
  .ho-desktop-summary
  > form.cart.hg-cart-form-v2.ho-desktop-cart.ho-desktop-buy-row:not(.variations_form)
  > .hg-inline-price,
  .woocommerce.single-product
  .product.hg-product-has-gemak.ho-desktop-bundle
  .ho-desktop-summary
  > form.cart.hg-cart-form-v2.ho-desktop-cart.ho-desktop-buy-row:not(.variations_form)
  > .ho-desktop-price {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce.single-product
  .product.hg-product-has-gemak.ho-desktop-bundle
  .ho-desktop-summary
  > form.cart.hg-cart-form-v2.ho-desktop-cart.ho-desktop-buy-row:not(.variations_form)
  > button.ho-desktop-order-button {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ========================================================================
   HONING GEMAK UIT - desktop kooprij compact houden

   Alleen actief wanneer product-desktop-layout.js zelf een fallback-prijs
   in de kooprij heeft gezet. Hierdoor blijven producten MET Honing Gemak
   exact op hun bestaande layout, terwijl zonder HG de volgorde netjes wordt:
   aantal -> prijs -> bestellen, volledig binnen de gele balk.
   ======================================================================== */
@media (min-width: 993px) {
  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row {
    grid-template-columns: 68px minmax(100px, 124px) minmax(0, 1fr) !important;
    grid-template-rows: 46px !important;
    align-items: center !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    padding: 9px 14px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > .quantity {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > .ho-desktop-fallback-price {
    grid-column: 2 !important;
    justify-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 124px !important;
    overflow: visible !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > button.ho-desktop-order-button {
    grid-column: 3 !important;
    justify-self: end !important;
    width: min(100%, 220px) !important;
    max-width: 220px !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 64px 0 20px !important;
    box-sizing: border-box !important;
  }

  /* Bijtje mag decoratief iets buiten de knop steken, de groene knop zelf niet. */
  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-order-button::before {
    right: -16px !important;
  }
}

/* ========================================================================
   HONING GEMAK UIT - responsive desktop kooprij
   2026-09-07

   De fallback-kooprij gebruikt flex in plaats van een star 3-koloms grid.
   Daardoor blijven aantal, prijs en Bestellen binnen de gele balk wanneer de
   rechter productkolom smaller wordt. Producten met Honing Gemak en bundles
   houden hun bestaande layout.
   ======================================================================== */
@media (min-width: 993px) {
  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > .quantity {
    flex: 0 0 68px !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    margin: 0 !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > .ho-desktop-fallback-price {
    flex: 0 1 100px !important;
    width: auto !important;
    min-width: 72px !important;
    max-width: 110px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > button.ho-desktop-order-button {
    flex: 1 1 150px !important;
    width: auto !important;
    min-width: 118px !important;
    max-width: 220px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 0 0 auto !important;
    padding: 0 48px 0 14px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-order-button::after {
    right: 13px !important;
    width: 24px !important;
    height: 17px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-order-button::before {
    right: -13px !important;
    top: -21px !important;
    width: 36px !important;
    height: 36px !important;
  }
}

/* Extra compacte desktopband vlak boven het mobiele breakpoint. */
@media (min-width: 993px) and (max-width: 1120px) {
  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row {
    gap: 8px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > .quantity,
  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > .quantity input.qty {
    flex-basis: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > .ho-desktop-fallback-price {
    flex-basis: 78px !important;
    min-width: 66px !important;
    max-width: 84px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row .ho-desktop-fallback-price ins,
  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row .ho-desktop-fallback-price ins .amount,
  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row .ho-desktop-fallback-price-values > .amount {
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-buy-row > button.ho-desktop-order-button {
    flex-basis: 128px !important;
    min-width: 112px !important;
    max-width: 180px !important;
    padding: 0 38px 0 10px !important;
    font-size: 14px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-order-button::after {
    right: 10px !important;
    width: 21px !important;
    height: 15px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout.ho-desktop-fallback-price-active:not(.ho-desktop-bundle)
  .ho-desktop-order-button::before {
    right: -10px !important;
    top: -18px !important;
    width: 31px !important;
    height: 31px !important;
  }
}

/* ========================================================================
   HONING GEMAK 2.3.3+ - desktop styling zonder positioneringsdwang

   PHP/WooCommerce in de Honing Gemak-plugin bepaalt de DOM-volgorde.
   Het thema verplaatst HG niet en gebruikt geen flex-order voor HG.

   Verwachte server-side volgorde:
   simple   : reviews -> korte omschrijving -> Honing Gemak -> koopbalk
   variable : reviews -> korte omschrijving -> variant -> HG -> koopbalk
   bundle   : bundelinhoud/keuzes -> Honing Gemak -> koopbalk

   Alleen desktop. Mobile blijft volledig onder product-mobile-buybar.* vallen.
   ======================================================================== */
@media (min-width: 993px) {
  /* Simple: exact de goedgekeurde onderlinge ruimte. */
  .woocommerce.single-product
  .product.ho-desktop-simple
  .ho-desktop-summary > .ho-desktop-short-description {
    margin-bottom: 18px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-simple
  .ho-desktop-summary > .ho-desktop-hg {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
  }

  /* Variable: na selector/variatieomschrijving en 28px vóór de gele koopbalk. */
  .woocommerce.single-product
  .product.ho-desktop-variable
  form.cart.ho-desktop-cart
  .hg-purchase-box.ho-desktop-hg {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 28px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-variable
  form.cart.ho-desktop-cart
  .hg-purchase-box.ho-desktop-hg .hg-purchase-options,
  .woocommerce.single-product
  .product.ho-desktop-variable
  form.cart.ho-desktop-cart
  .hg-purchase-box.ho-desktop-hg .hg-plan-list {
    width: 100% !important;
    max-width: none !important;
  }

  /* Bundle: keuzelijst / vaste inhoud blijft boven HG. */
  .woocommerce.single-product
  .product.ho-desktop-bundle
  .ho-desktop-summary > .ho-desktop-hg {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 16px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
  }

}
/* ========================================================================
   COMPACT DESKTOP BUY ROW - 993px t/m 1200px
   2026-09-21

   De live Genesis-layout wordt bij 1200px duidelijk smaller. Houd daarom de
   desktopcomponent actief, maar laat aantal, prijs en Bestellen binnen de
   beschikbare summary-breedte krimpen. De mobiele buybar blijft pas <= 992px
   actief. Geen HG-positionering: dit blok raakt alleen de kooprij zelf.
   ======================================================================== */
@media (min-width: 993px) and (max-width: 1200px) {
  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row {
    grid-template-columns: 56px minmax(72px, 110px) minmax(0, 1fr) !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    box-sizing: border-box !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row > .quantity,
  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row > .quantity input.qty {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row > .hg-inline-price,
  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row > .ho-desktop-price {
    min-width: 0 !important;
    max-width: 110px !important;
    overflow: hidden !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row .hg-inline-price ins,
  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row .hg-inline-price .amount,
  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row .ho-desktop-price ins,
  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row .ho-desktop-price .amount {
    font-size: 16px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-buy-row > button.ho-desktop-order-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 34px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-order-button::after {
    right: 9px !important;
    width: 20px !important;
    height: 14px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-order-button::before {
    right: -8px !important;
    top: -18px !important;
    width: 30px !important;
    height: 30px !important;
  }

  .woocommerce.single-product
  .product.ho-desktop-layout:not(.ho-desktop-fallback-price-active)
  .ho-desktop-order-button:not(:disabled):not(.disabled):hover::before {
    right: -2px !important;
    top: -14px !important;
  }

  /* HG-bundles hebben eerder in dit bestand een extra-specifieke gridregel. */
  .woocommerce.single-product
  .product.hg-product-has-gemak.ho-desktop-bundle:not(.ho-desktop-fallback-price-active)
  .ho-desktop-summary
  > form.cart.hg-cart-form-v2.ho-desktop-cart.ho-desktop-buy-row:not(.variations_form) {
    grid-template-columns: 56px minmax(72px, 110px) minmax(0, 1fr) !important;
    column-gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    box-sizing: border-box !important;
  }
}