/* Vula 0.3.67 — final mobile product-library refinements */
@media (max-width:700px){
  /* Dietary / certification tags: two clean columns, never break words. */
  .product-library-card .product-dietary-field{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .product-library-card .product-dietary-field .menu-allergen-grid,
  .product-library-card .product-dietary-field .menu-allergen-grid.compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  .product-library-card .product-dietary-field .menu-allergen-grid label,
  .product-library-card .product-dietary-field .menu-allergen-grid.compact label{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.15!important;
    font-size:12px!important;
  }
  .product-library-card .product-dietary-field .menu-allergen-grid label input,
  .product-library-card .product-dietary-field .menu-allergen-grid.compact label input{
    flex:0 0 auto!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    margin:0!important;
  }

  /* Product-card configure control becomes a proper full-width footer. */
  .product-library-card .product-config{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .product-library-card .product-config-summary{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 28px!important;
    box-sizing:border-box!important;
    border-top:1px solid #e5eaec!important;
    border-radius:0 0 18px 18px!important;
    background:#f7f9ff!important;
    color:var(--vula-blue)!important;
    font-weight:600!important;
    list-style:none!important;
  }
  .product-library-card .product-config-summary::-webkit-details-marker{display:none!important}
  .product-library-card .product-config[open]>.product-config-summary{
    border-radius:0!important;
    background:#eef3ff!important;
  }

  /* The separate desktop Configure action is redundant on mobile. */
  .product-library-card .product-col-actions{display:none!important}

  /* Product headline/tag area gets predictable spacing with full-width footer. */
  .product-library-card .product-library-main.product-table-row{
    padding-bottom:14px!important;
  }
}

@media (max-width:380px){
  .product-library-card .product-dietary-field .menu-allergen-grid,
  .product-library-card .product-dietary-field .menu-allergen-grid.compact{
    grid-template-columns:1fr!important;
  }
  .product-library-card .product-config-summary{padding-left:20px!important;padding-right:20px!important}
}