/* op-hs-studio.css — studio page (/pages/custom-onahole-pillow) designer: option groups (Size/Fabric/Insert/Accessory) in the same compact 2-column layout as the product-page buy panel (op-hs-compact.css). Scoped to the studio #hs only (#hs.is-product is the product-page panel and is left alone). */
#hs:not(.is-product) .hs-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#hs:not(.is-product) .hs-fields>.hs-field{min-width:0;padding:9px 11px 8px;border-radius:12px}
#hs:not(.is-product) .hs-fields>.hs-field:last-child:nth-child(odd){grid-column:1/-1}
#hs:not(.is-product) .hs-field span{font-size:11px;line-height:1.3}
#hs:not(.is-product) .hs-field em{margin-bottom:3px;font-size:10.5px;line-height:1.3}
#hs:not(.is-product) .hs-fields .hs-pick{height:auto!important;min-height:32px!important;margin-top:2px;padding:0 0 1px;font-size:14px;line-height:1.3}
#hs:not(.is-product) .hs-pick b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:820px){
 /* half-width cards: let the option menu span the whole 2-column row so long names stay readable */
 #hs:not(.is-product) .hs-fields>.hs-field:nth-child(odd):not(:last-child) .hs-menu{left:6px;right:calc(-100% - 2px)}
 #hs:not(.is-product) .hs-fields>.hs-field:nth-child(even) .hs-menu{left:calc(-100% - 2px);right:6px}
}
@media (max-width:599.98px){
 #hs:not(.is-product) .hs-fields>.hs-field{padding:8px 9px 7px}
 #hs:not(.is-product) .hs-field span{font-size:10.5px;letter-spacing:.05em}
 #hs:not(.is-product) .hs-fields .hs-pick{font-size:13px}
 #hs:not(.is-product) .hs-field.is-multi em{font-size:10px}
}